/*
*Theme Name: Twenty Seventeen Child
*Author: Evgeniy
*Template: twentyseventeen
*/


@media screen and (min-width: 30em){
.page-one-column .panel-content .wrap {
    max-width: 1170px;
}
}

@media screen and (min-width: 48em){
    .navigation-top .wrap {
        max-width: 1170px;
    }
    .wrap {
		max-width: 1170px;
	}
	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		width: 100%;
	}
}

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	max-width: 1170px;
}

.post__search-block {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 40px;
}

.post__search-block form:first-child {
    display: flex;
    margin-right: 30px;
}

.post__search-block form:last-child {
    display: flex;
    width: 100%;
}

.post__list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 65px;
 }

 .post__article {
	flex: 0 1 33.333%;
	display: flex;
	flex-direction: column;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
 }

 .post__img {
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 100% 0px;
	overflow: hidden;
	position: relative;
 }

 .post__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
		object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: 1s;
 }
 
 .post__title {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ffcc00;
	width: 100%;
	text-align: center;
	font-weight: 700;
	padding: 10px 10px;
 }

.post__img-link:hover img {
    transform: scale(1.1);
}

 @media (max-width: 767.98px) {
 .post__list {
	margin-bottom: 30px;
 }
 .post__article{
        flex: 0 1 50%;
    }
}


.site-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer-info__item a {
    color: #3180c2;
}

@media (max-width: 890px) {
    .post__search-block {
        flex-direction: column;
        align-items: center;
    }
    .post__search-block form:first-child {
        margin-right: 0;
        order: 2;
        width: 100%;
        
    }
    .post__search-block form select {
        width: 100%;
    }
    
    .post__search-block form:last-child {
        margin-bottom: 20px;
        
    }
}

@media (max-width: 479.98px) {
    .post__article{
        flex: 0 1 100%;
    }
}