/*
Theme Name: Mamoshin theme
Theme URI: oneione.ru
Author: oneione
Author URI: oneione.ru
*/
body { width: auto; min-width: 320px; }

.page-header { background: #e0e0e0; padding-bottom: 0; margin-bottom: 20px; }
.page-header .page-title-wrap { display: flex; margin: 0; }

#info-logos { display: flex; margin-left: auto; }
#info-logos a { width: 48px; height: 48px; display: block; background-position: center center; background-repeat: no-repeat; margin-right: 15px; }
#info-logos a:hover { background-color: #f00; }

.icon-instagram { background-image: url(https://mamoshin.com/wp-content/uploads/2026/02/tg-grey-2.png); }
.icon-vkontakte { background-image: url(http://mamoshin.com/wp-content/uploads/2020/04/vk.png); }
.icon-youtube-play { background-image: url(http://mamoshin.com/wp-content/uploads/2020/04/youtube.png); }
/*.icon-instagram:hover { background-image: url(http://mamoshin.com/wp-content/uploads/2020/04/insta-h.png); }
.icon-vkontakte:hover { background-image: url(http://mamoshin.com/wp-content/uploads/2020/04/vk-h.png); }
.icon-youtube-play:hover { background-image: url(http://mamoshin.com/wp-content/uploads/2020/04/youtube-h.png); }*/

.page-header .page-nav { margin: 0; }

.page-header .page-nav > ul > li { line-height: auto; }
.page-header .page-nav > ul > li a { height: 20px; display: block; padding: 14px 10px; }
.page-header .page-nav > ul > li a:hover, .page-header .page-nav > ul > li.active a { background: #f00; color: #fff; }

.my-wrapper { padding: 48px 0 80px; }
.one-line-of-blocks { display: flex; justify-content: space-between; }
.one-line-of-blocks .one-post { width: 21%; padding: 0 2%; border-left: 6px solid #a7a7a7; display: flex; flex-direction: column; min-height: 400px; }
.one-line-of-blocks .one-post:first-child { border-left: 0; padding-left: 0; }
.one-line-of-blocks .one-post:last-child { padding-right: 0; }
.one-line-of-blocks .one-post h3 { font-family: 'helveticaneuecyrlight', sans-serif; font-size: 29px; line-height: 32px; text-transform: uppercase; margin-bottom: 17px; border-left: 6px solid #ff0000; padding-left: 10px; }
.one-line-of-blocks .one-post h3 a { text-decoration: none; }
.one-line-of-blocks .one-post .post-date { font-size: 13px; }
.one-line-of-blocks .one-post .post-adr { padding-top: 10px; border-top: 1px solid #ff0000; font-family: 'pt-serif', sans-serif; font-size: 10px; line-height: 12px; text-transform: uppercase; }
.one-line-of-blocks .one-post .post-img { height: 156px; background-size: cover; background-position: center center; margin-top: 10px; height: 100%; }
.all-posts { display: block; text-align: right; padding: 5px 0; margin: 20px 0 0px;  }

.one-number-block { width: 21%; padding: 0 2%; text-align: center; }
.numb { font-family: 'myriadPro-cond', sans-serif; font-size: 105px; line-height: 90px; position: relative; font-weight: bold; }
.numb:before { content: ""; display: block; position: absolute; width: 50%; height: 100%; background: #f00; z-index: -1; top: -50%; }
/* .one-number-block:nth-child(1) .numb:before { top: -50%; }
.one-number-block:nth-child(2) .numb:before { top: -50%; right: 0; }
.one-number-block:nth-child(3) .numb:before { bottom: -50%; right: 0; } */
.num-text { font-size: 32px; }
#searchform { width: 70%; margin: 0 auto; border: 5px solid #f00; }
#searchform input { width: 86%; padding: 7%; margin: 0; border: 0; outline: 0; font-size: 24px; line-height: 24px; }
#searchform input#searchsubmit { width: 100%; background: #f00; color: #fff; text-transform: uppercase; font-family: 'myriadPro-cond', sans-serif; }

a.two-bttns { font-family: 'myriadPro-cond', sans-serif; font-size: 48px; justify-content: center; line-height: 1; text-transform: uppercase; text-decoration: none; text-align: center; display: flex; align-items: center; padding: 40px; border: 1px solid #e2e2e2; border-radius: 3px; }
a.two-bttns:first-letter { color: #f00!important; }

.block50 { width: 50%; float:left; }

.about-workshop-section { display: flex; }

.page-header .sub-nav-top-wrap > div.inner-wrap, .page-header .sub-nav-bottom-wrap > div.inner-wrap { display: block!important; }
.page-header .sub-nav-bottom-wrap { height: auto; min-height: 31px; }



@media only screen and (max-width: 1390px) {
	.page-header .wrap { width: 92%; }
	.one-line-of-blocks .one-post h3 { font-size: 24px; }
}
@media only screen and (max-width: 1200px) {
	.one-line-of-blocks .one-post h3 { font-size: 29px; }
	.one-line-of-blocks { flex-wrap: wrap; }
	.one-line-of-blocks .one-post { width: 46%; margin-bottom: 60px; }
	.one-line-of-blocks .one-post:nth-child(2n+1) { padding-left: 0; border: 0; }
	.one-line-of-blocks .one-post:nth-child(2n) { padding-right: 0 }
}
@media only screen and (max-width: 940px) {
	.one-number-block { width: 29%; margin-bottom: 60px; }
	.one-number-block:last-child { width: 80%; margin: 0 auto; }
	a.two-bttns { width: 36%; }
	#my-vk { width: 80%; margin: 60px auto 0; display: flex; justify-content: center; }
	.about-workshop-section { flex-direction: column-reverse; align-items: center; }
	.about-workshop-section .section-title, .about-workshop-section .text-about, .block50 { width: 80%; }
	.wide-content-cell .content .side-content, .wide-content-cell .content .main-content { width: 100%; margin: 0 auto; float: none; padding: 0; }
	.inner-wrap { width: 90%; }
}
@media only screen and (max-width: 720px) {
	.one-line-of-blocks .one-post { width: 80%; padding: 0; margin: 0 auto 60px; border: 0; }
	a.two-bttns { width: 80%; margin: 0 auto; }
	.one-number-block { width: 80%; margin: 0 auto 60px; }
	.about-workshop-section .labels_h3, .news-section .section-title { float: none; }
	.about-workshop-section .labels { margin: 0; padding: 0; }
	.news-section .news-list .divider { display: none; }
	.news-section .news-list > li { display: block; width: 80%; margin: 0 auto; }
	.content-cell { width: 100%;  }
	.content-cell .content-cell-wrap { width: 100%; max-width: 100%; }
}
@media only screen and (max-width: 490px) {
	#info-logos { flex-direction: column; }
}