/*
Theme Name: Bradbury Child
Description: Дочерняя тема для темы Bradbury
Author: LT
Template: bradbury
*/

@import url("../bradbury/style.css");

/* Шрифты с сайта https://soshestvie-rkcvo.ru/*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Ruslan+Display');


body {
	font-family: 'Open Sans', sans-serif !important;
}

p {
	font-family: 'Roboto', sans-serif;
}

pre { /* форматированный текст, не люблю шрифт курьер, который был прописан здесь*/
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
   }



.entry-content p { /* добавляем красную строку */
	text-indent: 25px;
   }

.entry-content, .archives-content {
    line-height: 2.5em;
}

a { /* очень не люблю подчёркивание ссылок*/
    text-decoration: none !important; 
}


h1, .wp-block-heading, page-title { /* заголовки страниц и блоков по центру*/
	text-align: center;
   }


#site-main .archives-title {
	/* в блоге (архиве) заголовки остаются слева*/
	text-align: left;
}

page-title { /* уменьшаем шрифт заголовка, чтобы уменьшались на одну строку. Было 2.5rem*/
	font-size: 2rem;
   }

.page-title {
    font-size: 2rem;
}
/* блок "Читать дальше" на главной странице*/

#site-section-slideshow { /* убрали чёрный фон */
    background-color: rgba(208, 209, 92, 0.92);
}

#site-section-slideshow .content-wrapper { /* убрали чёрный фон */
	background-color: rgba(208, 209, 92, 0.92);

	/* чтобы не закрывать Богородицу блоком "Читать дальше"*/
	max-width: 46%;
	padding: 4%;
}

#site-section-slideshow .hero-description { /* цвет и размер шрифта */
    color: rgb(126, 89, 36);
	font-size: 1rem;	 
	margin-top: 3%;
	text-indent: 20px;
	line-height: 1.8em;
}

/* цвет кнопки "Читать дальше" на главной странице*/
#site-section-slideshow .hero-button-anchor {
    color: #9e774c;
}	

/* и всё ж таки кнопку "Читать дальше" скрываем как функционально не нужную на главной странице
 * стиль оставляем, вдруг понадобится */
#site-section-slideshow .hero-button-span {
	/*margin-top: 5%;*/
	display: none;
}

/* убираем блок "Читать дальше" на маленьких экранах, чтобы не закрывать Богородицу*/

@media screen and (max-width: 768px)
{
#site-section-slideshow .content-wrapper {   
    display:none;       
}
}

/*  главное меню */
.large-nav ul a {
    color: #8d8103;
}

/* по центру по причине того, что при раскрытии подменю на краю экрана они обрезаются и невозможно дочитать название подпункта. Поэтому все длинные названия подпунктов основного меню желательно располагать левее*/

#site-section-primary-menu {
    text-align: center;
}

/*  МОБИЛЬНОЕ МЕНЮ */
@media screen and (min-width: 769px)
{
#site-mobile-menu.is-visible
{ 
	display:none; 
} 
/*  убрали косячок при повороте экрана, когда экран становится 768 и мобильное меню еще не скрывается, но вся верстка становится полноэкранной. Принудительно скрываем мобильное меню в таком случае */
}

#site-mobile-menu {
  text-align: left;
}


/* выделяем первую букву меню*/
#site-mobile-menu a:first-letter {
	color: rgb(155, 144, 26);
}

#site-mobile-menu .menu a {
	font-size: 4.4vw; /* 1vw 1% ширины окна*/	
}

@media screen and (max-width: 412px)
{
	#site-mobile-menu .menu a {
    font-size: 1.4rem;
}
}
#site-mobile-menu .sub-menu a {
	font-size: 0.8em;
	font-weight: bold;
}

#site-mobile-menu a, #site-mobile-menu .sub-menu-toggle {
    color: rgb(188, 173, 5);
}

#site-mobile-menu .sub-menu a {   
	color: rgb(141, 129, 3);
	background-color: rgb(244,241,244);
	border-bottom: solid 2px rgb(210,209,209); /* # цветовой гамме не хватает оттенков*/	
}
	
#site-mobile-menu .sub-menu > li:last-of-type a {
    border-bottom-width: 0;
}

#site-mobile-menu .menu li {
    border-top-width: 0;
	border-bottom-color: rgb(210,209,209) !important; /* # цветовой гамме не хватает оттенков*/	
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#site-mobile-menu .menu > li:last-of-type {
    border-bottom-width: 0;
}

#site-mobile-menu .sub-menu li {
    border-bottom-width: 0;
}


#site-mobile-menu, #site-mobile-menu a {
	padding-left: 5%;
	padding-right: 5%;
}

#site-mobile-menu a:hover, #site-mobile-menu a:focus {
	color: #84451bde ;
}


#site-mobile-menu .current-menu-item > a {    
    color: #84451bde;
}

#site-mobile-menu .current-menu-item > a:first-letter {
/*здесь первую букву не выделяем*/
	color: inherit;
}

#site-mobile-menu .sub-menu-toggle {
    border-left: none;
	background-color: inherit !important; 
	/* основные настройки темы в head переопределяют стиль, поэтому добавляем important */	
 }

#site-mobile-menu .toggle-anchor {
	font-weight: 700;	
	font-size: 1.5rem;
}

#site-mobile-menu .sub-menu-toggle:hover, #site-mobile-menu .sub-menu-toggle:focus {
	background-color: inherit !important;
	/* основные настройки темы в head переопределяют стиль, поэтому добавляем important */
	color: rgb(188, 173, 5);
}


/*  как только появляется мобильное меню вместо главного, УБИРАЕМ изображение на главной странице, так как оно повторяет логотип, который увеличивается*/
@media screen and (max-width: 768px)
{
	#site-section-slideshow {
		display:none;
	}
	#site-mobile-menu {
		display:none;
	}
}

/* ВЕРХНЕЕ МЕНЮ*/

#site-preheader a {
    text-decoration: none;
    font-weight: bold;
    color: white;
}
/* разделитель*/
#site-preheader .menu-item + .menu-item:before {
    color: #fff;
    content: '|';
    display: inline-block;
    font-weight: 700;
}
/* выбранный пункт меню*/
#site-preheader .current-menu-item a {
    color: #cf4330;
}

/* на больших экранах*/
@media screen and (min-width: 800px)
{
	#site-preheader a {
		font-size: 0.95rem;
	}

	#site-preheader .menu-item + .menu-item:before {
    	font-size: 1rem;
	}
}

/* верхнее меню на средних экранах*/
@media screen and (min-width: 769px) and (max-width: 799px)
{
	/* разделитель верхнего меню*/	
	#site-preheader .menu-item + .menu-item:before {
    	font-size: 1.2rem;
	}
	/* размер шрифта*/
	#site-preheader a {
		 font-size: 1.3rem;
	}
}

/* на маленьких экранах*/
@media screen and (max-width: 768px)
{
	/* разделитель*/	
	#site-preheader .menu-item + .menu-item:before {
    	font-size: 1.4rem;
	}
	/* размер шрифта*/
	#site-preheader a {
	 	font-size: 1.5rem;
	}
}


/*  БЛОКИ */

.wp-block-image {
	margin: 5%;
}
.wp-block-image img {
    border: solid rgb(192, 138, 62);
}

@media screen and (max-width: 768px)
{
	.has-text-align-center, .has-luminous-vivid-amber-background-color {
		margin: 5%;
	}
	
	.wp-block-column {
		padding-bottom: 5%;
	}
}



@media screen and (max-width: 768px)
{

.entry-content img, .entry-content p {
  margin-bottom: 0; 
	margin-top: 3%;
}
.wp-block-media-text {
    border: solid;
}
}
/* ИЗОБРАЖЕНИЯ*/
/* подпись под изображениями почему-то показывалась в левом углу, не по центру, исправляем */

.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image.alignright>figcaption {
    display: block; 
	/*было table*/
}




/*  ПОДВАЛ */
.site-credit {
    font-weight: 500;
    text-align: center;
	  font-size: 1.1rem;
}	

@media screen and (max-width: 768px)
{
.site-credit {
	  font-size: 1.2rem;
}	
}

/* НАВИГАЦИЯ */

.pagination .current,
.pagination a:hover,
.pagination a:focus {
  background-color: #8e9918;
  border-color: #667a1e;
  }

/* МЕТКИ */

.post-meta {
    text-align: center;
    color: #8e9918;
}

.post-meta a:hover, .post-meta a:focus {
    background-color: #8e9918;
    border-color: #667a1e;
}

.post-meta a {
    margin: 3px;
}

/* КНОПКИ */
button, input[type="button"], input[type="submit"] {
    background-color: #8e9918;
}
	
/*input[type="submit"]:hover, input[type="submit"]:focus {
	background-color: #8e9918;
} */

/* ЦИТАТЫ */
.entry-content blockquote {
    background-color: #f3f5f6c7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

/* БЛОГ */
/* УБИРАЕМ ДАТЫ СТАТЕЙ */
.site-archive-post .entry-preview .entry-descriptor {
    display: none;
}

.entry-thumbnail-wrapper img {
	border: solid rgb(196 206 94); /*rgb(142, 153, 24)*/
}

#site-main hr {
	background-color: #fff;
	padding: 0;
	height: 50px;
	border-bottom: 1px solid #c4ce5e; /* #1f120982*/
	box-shadow: 0 20px 20px -20px rgba(142, 153, 24, 0.75); /*#8e9918; #333 edbe04*/
	width: 100%;
	margin-bottom: 3rem;
}

.tb, .tb-0 { 
	width: 50%;
	display: inline-block;
	text-align: center;
}


.tb a { 
  padding: 5px 15px;
  background-color: #e8ba04;
  border-radius: 25px 10px;
  color: #fff;
  margin: auto;
  font-weight: 500;
  font-size: 0.8em;
}

.tb a:focus, .tb a:hover { 
	background-color: #8e9918; 
	color: #fff;
}

@media screen and (max-width: 768px)
{
.tb {   
    display:block;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 15px;
}
}

@media screen and (max-width: 768px)
{
#site-logo  {    
    display: none;	
}
#site-logo-mobil {
    display: block;  
	 text-align: center;
}
}

@media screen and (min-width: 769px)
{
#site-logo  {    
    display: inline-block;	
}
#site-logo-mobil  {    
    display: none;
}		
}

.site-column-aside .widget {
    background-color: inherit;
/* #f8e48b */
}

.h-8 {
    height: 2rem;
}

.mr-2 {
    margin: 0.5rem;
}

.inline-block {
    display: inline-block;
}

input + button, input + input[type="button"], input + input[type="submit"] {
    padding: 0.75em 2em;
	  margin-top: 0.4em;
}
	
#site-footer-credit {
    padding: 8px 0;
    box-shadow: inset 5px 2px 40px rgba(61, 105, 16, 0.5);
}

.site-section-wrapper-main { 
    border-bottom: solid 10px #92af28;
	}

.mb25 {
	margin-bottom: 25px;
}

.bi {
	border: solid 1px;
	padding: 3px;
}

.site-column-aside .widget {
    background-color: #f8e48b;
}

/* по центру икона Богородицы на сайдбаре*/
.widget_media_image {
	text-align: center;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    border: solid 2px #8e9918;
}

.search_404 {
	margin: 25px auto;
	max-width: 300px;
}

.text_404 {
	margin: 25px;
	text-align: center;
	font-weight: 600;
    line-height: 3;
	color: #a2643b;
	font-size: 1.1rem;
}