﻿/*   
Theme Name: burum
Author: Dmitrij Nikolaenko
Authot Email: dmitrij.nikolaenko.91@gmail.com
*/

html, body{width: 100%;min-height: 100%;}
body{
font-family: "Inter", sans-serif; word-break: break-word;}
/***position foter***/
* {margin: 0;padding: 0;}
html, body {height: 100%;}
/***reset***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
body{font:17px/1.231 sans-serif;*font-size:small;}
select, input, textarea, button{font:99% sans-serif;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
html{overflow-y:scroll;}
a:hover, a:active{outline:none;}
ul, ol{margin-left:2em;}
ol{list-style-type:decimal;}
nav ul, nav li{margin:0;list-style:none;list-style-image:none;}
small{font-size:85%;}
strong, th{font-weight:bold;}
td{vertical-align:top;}
sub, sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px;}
textarea{overflow:auto;}
.ie6 legend, .ie7 legend{margin-left:-7px;}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button{cursor:pointer;}
button, input, select, textarea{margin:0;}
::-moz-selection{background:#0055ff;color:#fff;text-shadow:none;}
::selection{background:#0055ff;color:#fff;text-shadow:none;}
a:link{-webkit-tap-highlight-color:transparent;;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
body, select, input, textarea{color:#000;}
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}
.hidden{display:none;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
@media all and (orientation:portrait){}
@media all and (orientation:landscape){}
@media screen and (max-device-width:480px){}
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}
a, a:visited{color:#444 !important;text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{content:"";}
pre, blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr, img{page-break-inside:avoid;}
@page{margin:0.5cm;}
p, h2, h3{orphans:3;widows:3;}
h2, h3{page-break-after:avoid;}
}
:focus {outline: none;}
/***end reset***/

#content-sites {display: flex;flex-direction: column;height: 100%;}
#content {flex: 1 0 auto;}
#footer {flex: 0 0 auto;}
/*** end position foter***/
a, input, img, textarea{outline: none;}
a{transition: 0.3s;color: #2196F3;}
a:hover{transition: 0.3s;}
h1{font-size: 24px; padding-bottom: 24px; font-weight: 600;}
h2{font-size: 22px;padding-bottom: 22px; font-weight: 600;}
h3{font-size: 21px;padding-bottom: 20px; font-weight: 600;}
h4{font-size: 20px;padding-bottom: 18px; font-weight: 600;}
h5{font-size: 19px;padding-bottom: 16px; font-weight: 600;}
p{ font-size: 17px;padding-bottom: 20px;font-weight: 400; line-height: 160%;}
li{font-size: 17px;padding-bottom: 10px;font-weight: 400;}
ul, ol{padding-bottom: 12px;    line-height: 160%;}
.container-box { max-width: 1470px; margin: auto; min-height: 1px;box-sizing: border-box; width: 100%; padding-left: 25px; padding-right: 25px;}
/*****/
:root{
	--fon_header: #0e2227;
	--fon_mobil_btn: #ffd308;
	--fon_mobil_btn_hover: #a38600;
	--color_hrefs: #2196F3;
	--color_title_block: #006fd2;
	--color_black: #000;
}
/*****/
#go-top{position: fixed; width: 42px; height: 42px; bottom: 20px; right: 20px; z-index: 99; background: rgba(0, 0, 0, 0.28) url(/wp-content/themes/burum/img/to-top.png); background-position: center center; background-repeat: no-repeat; cursor: pointer;transition: 0.4s; background-size: 40%;}
#go-top:hover {background: rgba(0, 0, 0, 0.40) url(/wp-content/themes/burum/img/to-top.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; transition: 0.4s; background-size: 40%;}
.box-before-header{width:100%;}
/***defaul for breadcrumbs**/
.breadcrumbs-page{padding-bottom: 2px; padding-top: 20px;}
.breadcrumbs-page p{font-size: 14px;}	
.breadcrumbs-page a{text-decoration: none !important; color: #999999 !important;text-shadow: none;}
.breadcrumbs-page a:hover{text-decoration: underline !important;}
.search_container{padding-bottom: 4px;}
/**defaul for galery wordpress**/
.gallery {gap: 5px; float: none; display: grid; width: 100%; padding-bottom: 40px; grid-template-columns: 1fr 1fr;}
.gallery img{width: 100%; height: 180px; border: none !important; margin-bottom: 0px;transition: 0.3s; object-fit: cover; object-position: center;}
.gallery a{display: flex;}
.gallery br{display: none;}
.gallery img:hover{-webkit-filter: sepia(100%);transition: 0.3s;}
.gallery-item{width: 100% !important; font-size: 13px; margin-top: 0px !important;}
table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 16px; line-height: 1.5;}
table th, table td {border: 1px solid #ddd; padding: 10px 12px; text-align: left;}
table th {background-color: #f7f7f7; font-weight: 600;}
table tr:nth-child(even) {background-color: #fafafa;}
table tr:hover {background-color: #f0f0f0;}
table td{font-size: 13px;}
table caption {caption-side: top; font-size: 16px; font-weight: 600; padding: 8px; text-align: left; color: #333;}
/**defaul for img***/
img.alignleft, img.aligncenter, img.alignright{width: 100%;height: auto;margin-bottom: 25px;margin-top: 25px;float: none;}
/**end default**/
/* Класс для блокировки прокрутки */
.no-scroll { overflow: hidden;}
.kk-star-ratings{padding-top: 12px;margin-bottom: 2rem;}
.info-post{display: flex; align-items: center; justify-content: flex-start; padding-bottom: 16px; padding-top: 8px; opacity: 0.6; font-size: 14px;}
.info-post span{display: flex; align-items: center; justify-content: flex-start; padding-right: 16px;}
.info-post img{width: 20px; height: 20px; margin-right: 8px; object-fit:contain;}
.post_thumbnail{height: 250px; width:100%; object-fit: cover; object-position: center;}
/****footer***/
footer {background: var(--fon_header);padding: 0px 0px 0px 0px;color: #c0c0c0;display: inline-block;width: 100%;z-index: 2;bottom: 0px;}
.footer-box{display: flex;flex-direction: row;flex-wrap: wrap; align-items: flex-start;justify-content:center;}
.box-footer-menu{width: 100%;padding-top: 25px}
.box-footer-menu ul{ display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 10px; justify-content: space-around; align-items: flex-start; list-style-type: none;margin: 0px;}
.box-footer-menu a{text-decoration: none; color: #949494;font-size: 16px;}
.date-site{text-align: center;padding: 15px; font-size:14px; color: #555555;}
.bottom-footer{background: #000;}
.box-footer-logo{width:260px;}
.href_footer_logo{text-decoration: none; display: flex; align-items: center; color: #fff; font-size: 26px; font-weight: 600;}
.href_footer_logo img{width: 52px; margin-right: 8px;}
/*** end footer style***/
/***header style***/
.header{
position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    background:var(--fon_header);
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.49);
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
.box-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    padding-top: 8px;	
}
.menu-top-site > ul{
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menu-top-site ul{
    list-style-type: none;
    margin: 0px;		
	padding:0px;
}
.menu-top-site li{padding:0px;}
.menu-top-site a{
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    padding: 10px;
}
.menu-top-site a:hover{color:#d8d869;}
.container_single{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;	
}
.rt-reading-time{
	font-size: 14px;
    color: #888;
    padding-bottom: 8px;}
.logo-header img{height:36px; margin-right: 8px;}
.logo-header a{ text-decoration: none;color: #ffffff; font-size: 22px;font-weight: 700; display: flex; align-items: center;}
#ez-toc-container{box-sizing:border-box;}
.text-page{padding-bottom: 45px;}
.text-page .rt-reading-time{padding-bottom: 16px;}
/***mobil***/
	.mobile-buttons{width: 36px; height: 36px; position: relative;}
	.mobile-menu{
	right: -100%;
    position: fixed;
    z-index: 99;
    background: #0e2227;
    width: 100%;
    box-sizing: border-box;
    padding: 120px 20px 20px 20px;
    border-top: 1px solid rgba(136, 136, 136, 0.15);
    bottom: 0px;
	top: 0px;
    display: flex;     flex-wrap: wrap;
    align-items: center;
	transition: 0.3s;
    justify-content: center;
}
.mobile-menu .menu{    
	overflow: auto;
    position: relative;
    height: 100%;
    width: 100%;}
	.active_mobile_menu{transition: 0.3s;right: 0%;}
	.mobile-menu::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar-track {background-color:#ecedee}
	.mobile-menu::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 2px;background-color:var(--fon_header);transition: 0.3s;}
	.mobile-menu::-webkit-scrollbar-thumb:hover{background-color:var(--fon_header);transition: 0.3s;}
	.mobile-menu::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar{width: 6px;}	
	
	.mobile-menu ul{
	    list-style-type: none;
		margin: 0px;
		padding: 12px;	
	}
	.mobile-menu li{
		padding-bottom: 20px;
	}
.mobile-menu a{text-decoration: none; color: #ffffff; display: block; padding: 0px 12px;}
.mobile-menu ul a:hover{color:#888;}
.children-ul { position: relative !important; top: 4px; white-space: normal; background: transparent; box-shadow: none; padding: 8px 8px 8px 20px !important; left: 0px; z-index: 99; width: 100%; box-sizing: border-box;}
.children-ul li{position:relative;}
.children-ul li:before{ content: '—'; position: absolute; left: -8px; top: 0px;}
.open-mobile-menu, .close-mobile-menu{ position: absolute; top:0px; left:0px; transition:0.3s; right:0px; bottom:0px; cursor:pointer;}
.open-mobile-menu:hover, .close-mobile-menu:hover{ background-color: var(--fon_mobil_btn_hover); transition:0.3s;}
	.open-mobile-menu{
		background: url('/wp-content/themes/burum/img/menu_button.webp');
		background-position: center;
		background-size: 47%;
		background-repeat: no-repeat;
		background-color: var(--fon_mobil_btn);
	}
	.close-mobile-menu{
		background:url('/wp-content/themes/burum/img/close-img-min.webp');
		background-position: center;
		background-size: 47%;
		background-repeat: no-repeat;
		background-color: var(--fon_mobil_btn);
		display:none;
	}
.title_block, .widget-title{ width: 100%; font-size: 18px; font-weight: 600; color: var(--color_black); background: #f6f6f6; padding: 12px; box-sizing: border-box; margin-bottom: 4px;}
/***end mobil***/
.display-none{display: none !important;}
.display-block{display: block !important;}

.post-new-articles{padding-bottom: 15px; padding-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-decoration: none; color: #333;}
.title_post_min{font-size:14px; padding-bottom: 8px;}
.post-new-articles .info-post span {font-size: 13px; font-weight: 400;}
.post-new-articles .info-post span > img{width: 14px; margin-right: 6px;}
.post-new-articles .info-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0px;
    padding-top: 0px;
}
.img-new-articles{width: 100%; border-radius: 4px; height: 130px; margin-bottom: 15px; object-fit: cover; object-position: center;}
.top-banner-pages{
	width:100%; margin-bottom: 25px; margin-top: 10px;
}
.center_single{width:100%;}
.text-single-product{box-sizing: border-box;}
.stream-item{padding-bottom: 45px; padding-top: 25px;}


@media(min-width:960px){
	.left_single_bar, .right_single_bar{display: block !important; width: 250px; padding-top: 25px;}
	.posts-new-articles{padding-bottom: 40px;}
	.center_single{width: calc(100% - 540px); padding-top: 10px;}
	.search_container_desc{width:calc(100% - 300px); display: block !important;}
	.search_container{display:none;}
	.mobile-buttons{width: 46px; height: 46px; position: relative;}
	.logo-header img {height: 46px;}
	.post_thumbnail{height:340px;}
}
@media (min-width: 1300px) {
	.top-banner-pages{max-width:340px; margin-right: 28px; float: left;}
    .post_thumbnail {
        height: 430px;
    }
}

/*
@media(max-width:960px){

	.footer-box{justify-content: center;}
	.box-content-footer{width:50%;}
	.box-footer-contact{    align-items: center;}
	.box-footer-menu{text-align:right;}
}
@media(max-width:740px){
	.contacts-header{display:none;}
	.button-top-modal{display:block;margin-bottom:15px}
	.box-content-footer{width:100%; text-align:center;padding:15px 0px;}
}
@media(max-width:420px){
	.logo-header a{
		font-size: 20px;
		font-weight: 900;	
	}
	.logo-header img {
		height: 63px;
	}
} */
/**for js**/
