/*
Theme Name: museum_logoisk
Theme URI: https://localhost
Author: Andrei Labkovich
Author URI: https://wordpress.org/
Description: Exclusive theme for Logoisk museum official website.
Version: 1.0
License: Proprietary
License URI: none
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: museum_logoisk
*/

/* сброс дефолтных значений: */
 *{
	padding:0; margin:0;
}
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
img{
	border:none;
}
ul{
	list-style:none;
}

html{
	/* color:#eeeeee; */
	/* background-color:#000000; */
	font-family: Arial;
}




@font-face {
  font-family: "Nautilus"; 
  src: url("fonts/Nautilus.otf") format("truetype"); 
  font-style: normal; 
  font-weight: normal; 
} 
@font-face {
  font-family: "Glyphicons Halflings"; 
  src: url("fonts/glyphicons-halflings-regular.woff") format("woff"); 
  font-style: normal; 
  font-weight: normal; 
} 


@media (min-resolution: 2dppx){
	html{
		zoom: 0.8;
	}
	.fancybox-container{
		zoom:1.25;
	}
}
@media (min-resolution: 3dppx){
	html{
		zoom: 0.65;
	}
	.fancybox-container{
		zoom:1.54;
	}
}




body{
	background-image: url("images/oboi2.jpg");
	width:100%;
}

#page-wrapper{
	max-width:1400px;
	margin: 0 auto;
	background-color: #f0fdff;
	background-image: url("images/pletenka2.jpg");
	overflow: hidden;
}

#header-wrapper{
	background-color:grey;
}
#header{
	background-image: url("images/header_bg.jpg");
	background-position: center;
	height:209px;
	position: relative;
}
#main{
  display: grid;
  grid-template-columns: minmax(150px, 280px) minmax(210px, 1fr) minmax(150px, 280px);
  grid-gap: 20px;
  grid-auto-flow: dense;
  margin:15px 20px 20px 20px;
  grid-template-areas:
	"col1 col2 col3"
}
@media (max-width:1200px){
	#main{
		grid-template-areas:
		"col1 col2 col2"
		"col3 col2 col2"
		"col4 col2 col2"  /* col4 не существует, это чтобы прибить к верху col3 */
	}
}
@media (max-width:870px){
	#main{
		 grid-template-columns: minmax(50px, 280px) minmax(110px, 1fr) minmax(50px, 280px);
		grid-template-areas:
		"col2 col2 col2"
		"col1 col1 col1"
		"col3 col3 col3"
	}
}
#col1,#col2,#col3{
	
}
#col1{
	/* background-color:red; */
	position: relative;
	grid-area: col1;
}
#col2{
	/* background-color:green; */
	/* background-color:rgb(240,253,255,0.5); */
	/* border: 2px solid #c4dff0; */
	/* padding: 10px; */
	grid-area: col2;
}
#col3{
	/* background-color:blue; */
	grid-area: col3;
}


#footer{
	display: grid;
	grid-template-columns: auto 4px 400px;
	grid-gap: 20px;
	background-color:#4d5c6d;
	color: #ffffff;
	min-height:138px;
	padding:15px;
}

#footer .footer_menu{
	color:#ffffff;
}
#footer a,
#footer a:visited{
	color:#ffffff;
	text-decoration: none;
}
#footer a:hover{
	color:#84bbff;
	text-decoration: underline;
}
#footer .footer_menu > div > ul{
	display: flex;
		gap: 20px;
}
#footer .footer_menu > div > ul > li{
	display: inline-block;
}
#footer .footer_menu > div > ul > li > a{
	font-weight:600;
	margin-bottom: 5px;
}
#footer .footer_menu > div > ul > li ul{
	margin-left:10px;
	margin-top:8px;
}
#footer .footer_menu > div > ul > li > ul li{
	margin-top:2px;
}
#footer .footer_menu > div > ul > li ul li::before{
	content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #ffffff;
    position: relative;
    left: -8px;
    top: -2px;
}
#footer .vertical_line{
	background-color:#ffffff;
	width:3px;
	height:97%;
}
#footer .contacts{
	position: relative;
}
#footer .contacts > div{
	margin-bottom: 15px;
	margin-left: 14px;
}
@media (max-width:768px){
	#footer{
		grid-template-columns: auto;
		grid-template-rows: auto 4px auto;
	}
	#footer .vertical_line{
		height:3px;
		width:99%;
	}
}


#header_wrapper .menu-osnovnoe-container{
	text-align: center;
	background-color: #cee4eb;
	border: 1px solid #6da4c7;
	font-weight:600;
}
#header_wrapper #menu-osnovnoe{
	/* см. sm-logoisk.css */
	/* display: inline-block; */
	/*откроем (сделаем видимым после отработки JS smartmenus() */
	opacity:0;
	height:41px;
	overflow:hidden;
}



.page .content .gallery-item{
	overflow: hidden;
}
.page .content .gallery-item img{
    max-width: 100%;
    height: auto;
    border: none;
    padding: 0;
}
.page .gallery-caption {
	display: block;
}
.page .content p > iframe{
	width:100%;
}
.more-link{
	display: block;
    text-align: center;
}
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0px;
}
blockquote {
	font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    background-color: rgb(223 252 255 / 50%);
    border-left: 7px solid #a3bedc;
    margin: 10px 0px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    overflow: hidden;
    clear: both;
	box-shadow: 2px 3px 8px 0px rgb(104 153 191 / 20%);
}
blockquote:before {
    color: #a3bedc;
    content: open-quote;
    font-size: 4em;
    line-height: 1.2pt;
    margin-right: 0.15em;
    vertical-align: -0.4em;
}
blockquote p:first-child {
    display: inline;
}
.post_content p,
.page p{
	margin:0 0 10px 0;
}
.post_content  ol,
.page ol {
    list-style: decimal;
}
.post_content ul, ol,
.page ul, ol {
    margin: 0 0 10px 0;
    padding: 0 0 2px 16px;
    overflow: hidden;
}
.post_content li,
.page li {
    margin-bottom: 2px;
}
.post_content ul.aligncenter,
.post_content ol.aligncenter,
.page ul.aligncenter,
.page ol.aligncenter {
	list-style-position: inside;
	padding: 0;
}
.post_content ul.alignright,
.post_content ol.alignright,
.page ul.alignright,
.page ol.alignright {
	list-style-position: inside;
	text-align: right;
	padding: 0;
}
.post_content table,
.page table{
	text-decoration: none;
	border-collapse:collapse;
	background-color: #f0fffa;
	border-color: #81a1c6;
	vertical-align: top;
	margin-bottom: 10px;
	/* width:100%; */
	/* text-align:center; */
}
.post_content table th,
.page table th{
	font-weight:normal;
	font-size:14px; 
	color:#ffffff;
	background-color:#5496c4;
}
.post_content table td,
.page table td{
	/* font-size:13px; */
	/* color:#354251; */
}
.post_content table td,
.post_content table th,
.page table td,
.page table th{
	/* white-space:pre-wrap; */
	padding:5px 5px;
	/* line-height:13px; */
	/* vertical-align: middle; */
	/* border: 1px solid #2871a6; */
}	
.alignleft {
	text-align: left;
	margin-top: 0;
}
.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.alignright {
	margin-top: 0;
	/* margin-bottom: 0; */
}

.post_content img.alignleft,
.page img.alignleft {
	display: inline;
	float: left;
	margin:0;
	margin-right:10px;
	margin-top:3px;
	margin-bottom:3px;
}
.post_content img.alignleft,
.page img.alignleft {
	display: inline;
	float: left;
	margin:3px 6px 2px 0;
}
.post_content img.alignright,
.page img.alignright {
	display: inline;
	float: right;
	margin:0;
	margin-left:10px;
	margin-top:3px;
	margin-bottom:3px;
}

img.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.wp-caption-text{
	text-align: center;
}
.wp-caption.alignleft{
	float: left;
}
.wp-caption.alignright{
	float: right;
}
.wp-caption.aligncenter{
	display: block;
	margin-right: auto;
	margin-left: auto;
}



.lang_and_search {
	text-align: right;
}
.lang_and_search #searchform {
	display: inline-block;
	position: relative;
    right: 26px;
}
.lang_and_search #searchform #searchsubmit{
	background-color: #b2cdeb;
    width: 16px;
    padding: 2px;
    margin-right: 12px;
    position: relative;
    top: 6px;
    border: 0;
}
.lang_and_search #searchform #s{
	transition: all 1s ease;
	width:150px;
}
.lang_and_search #searchform #s:hover,
.lang_and_search #searchform #s:focus{
	transition: all 1s ease;
	width:250px;
}
.lang_and_search #lang_selector{
	display: inline-block;
	text-align: right;
    position: relative;
    right: 26px;
    margin-top: 9px;
    font-weight: 600;
    color: #6da4c7;
}
.lang_and_search #lang_selector a{
	text-decoration: none;
	color:#abc1cf;
}
.lang_and_search #lang_selector a:visited{
	color:#abc1cf;
}
.lang_and_search #lang_selector a.active{
	color:#31698d;
}
.lang_and_search #lang_selector a:hover{
	color:#21b5ae;
}



/* ========= widget menu ========== */
/* в виджете скрываем title (идет перед .menu-osnovnoe-container)  */
.widget-container:has( .menu-osnovnoe-container) .widget-title{
	/* выводить будем в js */
	/* display:none;  */
}
/* в виджете выводим только один пункт главного меню, раскрытый до активного подпункта + его дочерние  */
.widget-container .menu-osnovnoe-container li{
	display: none;
}
.widget-container .menu-osnovnoe-container a{
	line-height:1.5;
}
/* показываем только пункты ативного пункта главного меню и его подпункты */
.widget-container .menu-osnovnoe-container li.current-menu-ancestor,
.widget-container .menu-osnovnoe-container li.current-menu-ancestor > ul > li,
.widget-container .menu-osnovnoe-container li.current-menu-item,
.widget-container .menu-osnovnoe-container li.current-menu-item > ul >li,
.widget-container .menu-osnovnoe-container li.current-menu-parent,
.widget-container .menu-osnovnoe-container li.current-menu-parent > ul >li{
	display: list-item;
}
/* скрываем сам главный выбранный пункт меню (он будет в title)*/
.widget-container .menu-osnovnoe-container > ul > li > a{
	display: none;
}
/* так же не показываем меню в виджете, если подпунктов нет */
.widget-container .menu-osnovnoe-container > ul > li:not(.menu-item-has-children){
	/* display: none; */
}
/* отступы уровней подменю */
.widget-container .menu-osnovnoe-container > ul > li ul{
	margin-left: 15px;
}
.widget-container .menu-osnovnoe-container > ul > li ul li::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #93c0dd;
    position: relative;
    left: -8px;
    top: -2px;
}
.widget-container .menu-osnovnoe-container > ul > li ul li.current-menu-item::before {
    background-color: unset;
    content: "▶";
    color: #93c0dd;
    left: -12px;
}

/* виджет ссылок сдвигаем список относительно title */
.widget-container .menu-ssylki-container{
	margin-left:20px;
}
.widget-container .menu-ssylki-container li{
	margin-bottom:10px;
}

/* ========== museum name ========== */
#museum_name{
	text-align: center;
	font-family: "Nautilus";
	color:#ffffff;
	font-stretch: 50%;
	font-size:17pt;
    text-shadow: 1px 0px 3px rgb(0 0 0);
}
#museum_name.one_line .museum_name_str1{
	position:relative;
	top:170px;
	right:271px;
	font-weight: 100;
}
#museum_name.one_line .museum_name_str2{
	position: relative;
    top: 138px;
    left: 279px;
	font-weight: 100;
}
#museum_name.two_line{
	display: none;
}
@media (max-width: 1000px){
	#museum_name.one_line{
		display: none;
	}
	#museum_name.two_line{
		display: block;
	}
	#museum_name.two_line .museum_name_str1{
		position:relative;
		top: 143px;
		right: 197px;
		font-weight: 100;
	}
	#museum_name.two_line .museum_name_str2{
		position: relative;
		top: 138px;
		left: -154px;
		font-weight: 100;
	}
	#museum_name.two_line .museum_name_str3{
		position: relative;
		top: 81px;
		left: 205px;
		font-weight: 100;
	}
	#museum_name.two_line .museum_name_str4{
		position: relative;
		top: 76px;
		left: 169px;
		font-weight: 100;
	}
}
@media (max-width: 630px){
	Путешествие в город-побратим Протвино#museum_name{
		font-size:13pt;
	}
	#museum_name.one_line{
		display: none;
	}
	#museum_name.two_line{
		display: block;
	}
	#museum_name.two_line .museum_name_str1{
Растоптанное детство		position:relative;
		top: 157px;
		right: 154px;
		font-weight: 100;
	}
	#museum_name.two_line .museum_name_str2{
		position: relative;
		top: 155px;
		left: -124px;
		font-weight: 100;
	}
	#museum_name.two_line .museum_name_str3{
		position: relative;
		top: 111px;
		left: 167px;
		font-weight: 100;
	}
	#museum_name.two_line .museum_name_str4{
		position: relative;
		top: 109px;
		left: 138px;
		font-weight: 100;
	}
}

.search_page_title{
	text-align:center;
	margin-bottom: 10px;
}


.widget-container{
	background-color: #93c0dd;
	margin-bottom:20px;
}
.widget-container .widget-title{
	background-color: #93c0dd;
	text-align: center;
	padding:10px;
	font-size:17px;
	font-weight:600;
	color: #ffffff;
}
.widget-container .widget-body{
	background-color: #f0fdff;
	border:2px solid #c4dff0;
	padding:10px;
}

.widget-container .widget-body .news_el .date_wrap,
.widget-container .widget-body .poster_el .date_wrap{
	display: grid;
	grid-template-columns: minmax(10px,1fr) auto minmax(10px,1fr);
	grid-gap: 12px;
	align-items: center;
	margin-bottom: 8px;
	margin-top: 15px;
}
.widget-container .widget-body .news_el:first-child .date_wrap,
.widget-container .widget-body .poster_el:first-child .date_wrap{
	margin-top: 0;
}
.widget-container .widget-body .news_el .date_wrap .line,
.widget-container .widget-body .poster_el .date_wrap .line{
	background-color: #93c0dd;
	height:4px;
}
.widget-container .widget-body .news_el .date_wrap .date,
.widget-container .widget-body .poster_el .date_wrap .date{
	text-align: center;
}
.widget-container .widget-body .news_el .link,
.widget-container .widget-body .poster_el .link{
	display: block;
	margin-bottom: 3px;
}
.widget-container .widget-body .news_el .poster_img img,
.widget-container .widget-body .poster_el .poster_img img{
	display: block;
    margin: 0 auto;
}
.widget-container{
	color:#000000;
}
.widget-container a,
.widget-container a:visited{
	color:#000000;
	text-decoration:none;
}
.widget-container a:hover{
	color:#539be5;
	text-decoration: underline;
}

/* встроенные виджеты */
.widget-container .textwidget{
	background-color: #f0fdff;
	border:2px solid #c4dff0;
	padding:10px;
}


.widget-container.widget_media_video .widget-title{
	display: none;
}



/* ====== page =========== */
/*
#col2 .page{
	background-color: rgb(240,253,255,0.5);
    border: 2px solid #c4dff0;
    padding: 10px;
	margin-bottom:20px;
	position: relative;
}
#col2 .page .title_wrap{
	margin-bottom: 20px;
}
#col2 .page .title_wrap .title{
	padding:0 30px;
	text-align: center;
	font-size:18px;
	color: #28709e;
}
#col2 .page .content{
	
}
*/
#col2 .page{
	background-color: rgb(240,253,255,0.5);
    border: 2px solid #c4dff0;
    /* padding: 10px; */
	margin-bottom:30px;
	position: relative;
}
#col2 .page .title_wrap{
	display: grid;
	  grid-template-columns: 3fr 25px auto;
}
#col2 .page .title_wrap.title_only{
	padding: 10px 30px;
    text-align: center;
    font-size: 18px;
    color: #28709e;
}
#col2 .page .title_wrap .title{
	font-size:17px;
	color: #28709e;
	padding-left: 10px;
    padding-top: 3px;
}
#col2 .page .title_wrap a{
	text-decoration: none;
	color: #28709e;
}
#col2 .page .title_wrap a:hover{
	text-decoration: underline;
}
#col2 .page .title_wrap .ugol{
	align-self: self-end;
	background-image: url("images/ugol.png");
	width:25px;
	height:25px;
}
#col2 .page .title_wrap .date{
	align-self: self-end;
	font-size:17px;
	color: #ffffff;
	background-color:#93c0dd;
	text-align: right;
    padding-top: 4px;
	height: 22px;
    padding-right: 10px;
    font-weight: 600;
}
#col2 .page .title_underline{
	height: 4px;
	background-color:#93c0dd;
}
#col2 .page .post_content{
	padding: 10px;
	overflow: auto;
}

/* ====== post_item ======== */
.post_item{
	background-color: rgb(240,253,255,0.5);
    border: 2px solid #c4dff0;
    /* padding: 10px; */
	margin-bottom:20px;
	position: relative;
}
.post_item .title_wrap{
	display: grid;
	  grid-template-columns: 3fr 25px auto;
}
.post_item .title_wrap .title{
	font-size:17px;
	color: #28709e;
	padding-left: 10px;
    padding-top: 3px;
}
.post_item .title_wrap a{
	text-decoration: none;
	color: #28709e;
}
.post_item .title_wrap a:hover{
	text-decoration: underline;
}
.post_item .title_wrap .ugol{
	align-self: self-end;
	background-image: url("images/ugol.png");
	width:25px;
	height:25px;
}
.post_item .title_wrap .date{
	align-self: self-end;
	font-size:17px;
	color: #ffffff;
	background-color:#93c0dd;
	text-align: right;
    padding-top: 4px;
	height: 22px;
    padding-right: 10px;
    font-weight: 600;
}
.post_item .title_underline{
	height: 4px;
	background-color:#93c0dd;
}
.post_item .post_content{
	padding: 10px;
	overflow: auto;
}

#col2 .navigation .nav-links{
	text-align: center;
}
#col2 .navigation .nav-links a{
    display: inline-block;
	text-decoration: none;
    border: 1px solid #73c3c7;
    padding: 2px 5px;
    color: #36a1a7;
    background-color: #d8f3f1;
}
#col2 .navigation .nav-links a:hover{
	text-decoration: underline;
}
#col2 .navigation .nav-links a.page-numbers:hover{
	background-color: #aeebeb;
    color: #397c73;
}
#col2 .navigation .nav-links span.page-numbers.current{
    display: inline-block;
    border: 1px solid #73c3c7;
    padding: 2px 5px;
    color: #ffffff;
	font-weight:600;
    background-color: #93c0dd;
}

/* =========  other ============= */
/* marker location */
#footer .contacts .address:before {
    content: " \e062";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    color: silver;
    position: absolute;
	left:-11px;
}
/* marker phone */
#footer .contacts .phone:before {
    content: " \e182";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    color: silver;
    position: absolute;
	left:-11px;
}
/* marker e-mail */
#footer .contacts .e-mail:before {
    content: " \2709";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    color: silver;
    position: absolute;
	left:-11px;
}
/* marker clock */
.mcontacts .views-field-field-profile-rezim:before {
    content: " \e023";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    color: silver;
    position: absolute;
	left:-11px;
}
/* marker arrow */
.mcontacts .views-field-field-profile-site .field-content li:before {
    content: " \e095";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    color: silver;
    position: absolute;
	left:-11px;
}

/* кнопка мобильного меню */
.menu_mobile_btn {
	display:none;
	/* display:inline-block; */
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	position: fixed;
	top:10px;
	left:10px;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	z-index:10000;
	background-image: url("images/menu.png");
	background-position: center;
	background-size: cover;
	height: 19px;
	opacity:0.8;
}
.menu_mobile_btn.opened{
	background-image: url("images/menu_opened.png");
}
.menu_mobile_btn:hover {
	opacity:1;
	background-color:#f6f6f6;
}
.menu_mobile_btn:active {
	background-color:#ebf9d8;
	zoom:1.05;
}
body.admin_bar_is_showing .menu_mobile_btn{
	top:56px;
}
.menu_mobile_opened_bar {
    background-color: #a1c4d9;
    width: 100%;
    height: 50px;
	z-index:10000;
	position: fixed;
	display:none;
}
@media (min-width:769px){
	.menu_mobile_opened_bar{
		display: none !important;
	}
	#menu_wrapper{
		display: block !important;
	}
	
}


/* при сжатии немного уменьшаем меню*/
@media (max-width:1050px){
	#header_wrapper #menu_wrapper .menu-osnovnoe-container{
		zoom:0.9;
	}
}

/* мобильное меню делаем выезжающим */
@media (max-width:768px){
	.menu_mobile_btn{
		display: block;
	}
	#header_wrapper #menu_wrapper{
		display:none;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	body.admin_bar_is_showing #header_wrapper #menu_wrapper{
		top: 46px;
	}
	#header_wrapper #menu_wrapper .menu-osnovnoe-container{
		position:relative;
		top:50px;
	}
	/* строки меню для мобильника делаем покрупнее */
	.sm-logoisk a, .sm-logoisk a:hover, .sm-logoisk a:focus, .sm-logoisk a:active {
	  font-size: 21px;
	  line-height: 25px;
	}
	.sm-logoisk ul a, .sm-logoisk ul a:hover, .sm-logoisk ul a:focus, .sm-logoisk ul a:active {
		font-size: 18px;
		border-left: 15px solid transparent;
	}
	.sm-logoisk ul ul a, .sm-logoisk ul ul a:hover, .sm-logoisk ul ul a:focus, .sm-logoisk ul ul a:active {
		border-left: 28px solid transparent;
	}
}


body.admin_bar_is_showing .fancybox-container .fancybox-toolbar{
	margin-top: 32px;
}

/* SimpleShareButtons plugin */
.page .ssbp-wrap,
.post_item .ssbp-wrap{
	width:100%;
}
.page .ssbp-wrap > div,
.post_item .ssbp-wrap > div{
	float:right;
}
.page .ssbp-wrap{
	position: absolute;
    right: -2px;
    bottom: -45px;
}
.page{
	margin-bottom: 30px;
}