/*
Theme Name: NN Betheme
Theme URI: https://noobov.net
Author: SKAJIbnEJIb
Author URI: https://noobov.net
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/* убирает outline на кнопке закрыть */
.pum-theme-lightbox .pum-content + .pum-close { outline: none; }

/* задать размеры аватаров в слайдере отзывов */
.testimonials_slider img.scale-with-grid { width:85px; height:85px; }

/* в wpforms сделать кнопку под общий стиль */
div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 0!important; display: inline-block; }
div.wpforms-container-full .wpforms-form button[type=submit] { background-color: #0e63ff!important; color: #ffffff!important; border: 0!important; }

/* Скрыть лишние отступы в шапке, на post страницах */
.section-post-header { display: none; }

/* Кнопка "Читать дальше" + убрать лишнее */
.posts_group.grid .post-item .post-title { height:90px; }
.posts_group.grid .post-footer { margin: 0; padding: 0; background: #FFFFFF; }
.posts_group.grid .post-footer .post-links { padding: 0; border: 0; }
.posts_group.grid .post-footer .post-links i { display: none; }
.posts_group.grid .post-excerpt { margin: 0; }
.post-more:hover { background-color: #0e63ff; color: #ffffff; }
.post-more { background-color: #0e63ff; color: #ffffff; display: block; position: relative; padding: 10px 20px; text-decoration: none!important; line-height: 21px; border-radius: 0px; }
.post-more:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: width .2s ease-in-out; }
.post-more:hover:after { width:100%; }

/* уменьшить отступы на мобильных */
@media only screen and (max-width: 767px) {
	.section_wrapper, .container, .four.columns .widget-area { padding-left: 15px!important; padding-right: 15px!important; }
}

/* Для поля: Шапка & Action Bar / Дополнительно / Баннер
	<div class="banner-phone">
		<i class="icon-call"></i>
		<div class="right">
			[nn-phone1 type="html"]
		</div>
	</div>
	<div class="banner-email">
		<i class="icon-mail"></i>
		<div class="right">
			<p>Наша почта</p>
			<p>[nn-email type="html"]</p>
		</div>
	</div>
*/
.header-magazine #Top_bar .banner_wrapper { display: flex; width: 100%; flex-direction: column; align-items: center; }
.header-magazine #Top_bar .banner_wrapper>div { display: flex; align-items: center; font-family: "Days One", Helvetica, Arial }
.header-magazine #Top_bar .banner_wrapper>div>i { font-size: 40px; }
.header-magazine #Top_bar .banner_wrapper .banner-phone { margin-right: 15px; }
.header-magazine #Top_bar .banner_wrapper .banner-phone .right { font-size: 30px; white-space: nowrap; }
.header-magazine #Top_bar .banner_wrapper p { margin-bottom: 9px; }
@media only screen and (min-width: 768px) {
	.header-magazine #Top_bar .banner_wrapper { display: flex; align-items: center; text-align: left; width: unset; flex-direction: row; }
}
@media only screen and (max-width: 767px) {
	.header-magazine #Top_bar .banner_wrapper>div>i { font-size: 35px; }
	.header-magazine #Top_bar .banner_wrapper .banner-phone .right { white-space: nowrap; font-size:21px; }
}




.blog-teaser li .desc-wrapper .desc .post-meta, .blog-teaser li .desc-wrapper .desc .post-meta a { display: none; }
.posts_group.grid .post-excerpt { margin: 0; display: none; }


#Top_bar .text-logo #logo { font-size: 35px; }

a[href^=tel] { color: inherit; text-decoration: none; font-family: "Days One", Helvetica, Arial; }

.list_item .list_left { width: 40px; height: 40px; line-height: 40px; font-size: 25px; }
.list_item .list_right { margin-left: 60px; }

#Subheader:after { display: none; }
#Subheader { padding: 30px 0 0 0; }
#Subheader .title { color: #000000; }

@media only screen and (min-width: 768px) {
	#Top_bar.is-sticky .secondary_menu_wrapper, #Top_bar.is-sticky .banner_wrapper { display: none; }
	#Top_bar.is-sticky .logo { display: none; }
}
@media only screen and (max-width: 1239px) {
	.header-stack #Top_bar .logo #logo { opacity: 0; }
}
@media only screen and (max-width: 767px) {
	.header-stack #Top_bar .logo #logo { font-size: 25px; opacity: 1; }
	.mobile-header-mini.mobile-sticky #Top_bar.is-sticky #logo, .mobile-header-mini.mobile-sticky #Top_bar.is-sticky .custom-logo-link { font-size: 25px; }
	p { margin: 0 0 10px; }
	
	#Footer .widget { margin-top:0; }
}
@media only screen and (max-width: 479px) {
	h4, .h4 { font-size: 18px!important; line-height: 20px!important; }
}