/*
 
 Theme Name:   nec
 
 Description:  New Europe
 
 Author:       Olexandr Kobrynets
 
 Author URI:   https://www.facebook.com/profile.php?id=100001777252775
 
 Version:      1.0.0
 
 Text Domain:  neweurope.org.ua
 
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Header
# Main
# Single
# Same_pd

--------------------------------------------------------------*/

@import "style.css";



@media only screen and (max-width: 991px) {
	
	/* -------------------------------------------HEADER---------------------------------------------- */
	
	.remodal.menu-mobile {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 90%;
		margin-bottom: 10px;
		padding: 35px;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		color: #2b2e38;
		background: #fff;
		margin-top: -5px;
		margin-left: -10%;
	}
	.remodal-wrapper {
		padding: 0 !important;
	}
	header {
		border: 0;
	}
	header .header {
		display: none;
	}
	header .header-mobile {
		display: block;
	}
	header .wrapper {
		padding: 0;
		padding-bottom: 0px;
		border-bottom: 0;
	}
	header .header-mobile .menu.active a.menu-mobile span {
		display: none !important;
	}
	header .header-mobile .menu a.menu-mobile span {
		display: block;
	}
	header .header-mobile .menu.active a.menu-mobile svg {
		display: block;
		fill: var(--yellow);
	}
	header .header-mobile .menu a.menu-mobile svg {
		display: none;
	}
	header .header-mobile .menu .menu-wrapp {
		display: none;
		position: absolute;
		left: 0px;
		top: 46px;
		background: var(--blue);
		z-index: 1;
		width: 280px;
		padding: 15px;
		z-index: 2;
	}
	header .header-mobile .menu #menu-primary-menu-1 {
		background: var(--blue);
	}
	header .header-mobile .menu #menu-primary-menu-1 li a span {
		color: var(--white);
		font-size: 14px;
		font-family: var(--sans-bold);
	}
	header .header-mobile .menu #menu-primary-menu-1 li {
		display: inline-block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	}
	header .header-mobile .menu #menu-primary-menu-1 li a {
		padding-left: 15px;
	}
	header .header-mobile .menu #menu-primary-menu-1 li .sub-menu {
		display: none;
	}
	.bg-mobile-menu {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background: #272727;
		opacity: .5;
		display: none;
		z-index: 1;
	}
	header .header-mobile #menu-primary-menu-1 > li.menu-item-has-children .sub-menu li {
		padding-left: 20px;
	}
	header .header-mobile #menu-primary-menu-1 > li.menu-item-has-children .svg {
		width: 100%;
		height: 40px;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 46px;
	}
	header .header-mobile #menu-primary-menu-1 > li.menu-item-has-children .svg svg {
		fill: var(--white);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: .3s all linear;
		transition: .3s all linear;
	}
	header .header-mobile #menu-primary-menu-1 > li.menu-item-has-children.active {
		background: var(--yellow);
	}
	header .header-mobile #menu-primary-menu-1 > li.menu-item-has-children.active:after {
		content: '';
		width: 15px;
		height: 40px;
		display: block;
		position: absolute;
		top: 0;
		right: -15px;
		background: var(--yellow);
	}
	header .header-mobile #menu-primary-menu-1 > li.menu-item-has-children.active:before {
		content: '';
		width: 15px;
		height: 40px;
		display: block;
		position: absolute;
		top: 0;
		left: -15px;
		background: var(--yellow);
	}
	header .header-mobile #menu-primary-menu-1 > li.menu-item-has-children.active .svg svg {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	header .header-mobile .socials {
		margin-top: 30px;
	}
	header .header-mobile .socials a {
		display: inline-block;
		margin-right: 30px;
	}
	header .header-mobile .socials a svg {
		height: 16px;
		width: auto;
		margin: 0;
		padding: 0;
		fill: rgba(255, 255, 255, 0.35);
	}
	header .header-mobile .head-row {
		padding: 12px 0;
		border-bottom: 1px solid #dddddd;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
		box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35); 
		margin-bottom: 14px;
		position: relative;
		border-top: 14px solid var(--blue);
		background: var(--white);
		z-index: 2;
	}
	header .header-mobile .head-row .container > div {
		display: inline-block;
		line-height: 22px;
		height: 22px;
		vertical-align: middle;
	}
	header .header-mobile .head-row .header-top_email .mail-wrap {
		display: none;
		position: absolute;
		top: 46px;
		left: 0;
		width: 100%;
		height: 38px;
		line-height: 38px;
		background: #fff;
		border: 1px solid #d3d2d2;
	}
	header .header-mobile .head-row .header-top_email svg {
		width: 24px;
		fill: var(--blue);
	}
	header .header-mobile .head-row .header-top_email .mail-wrap span {
		line-height: 36px;
		height: 36px;
		width: 100%;
		display: block;
		background: #fff;
		padding: 0px;
	}
	header .header-mobile .head-row .header-top_email .mail-wrap span a {
		font-size: 14px;
		color: var(--blue);
		font-family: var(--sans-bold);
		line-height: 28px;
		padding-right: 25px;
	}
	header .header-mobile .head-row .header-search-form svg {
		width: 16px;
		height: 16px;
		fill: var(--blue);
		vertical-align: middle;
	}
	header .header-mobile .header-search-form #searchText {
		width: 90%;
	}
	header .header-mobile .header-search-form .submit-btn {
		vertical-align: middle;
		float: right;
		line-height: 38px;
		height: 38px;
	}
	header .header-mobile .head-row .header-search-form .search-wrap {
		display: none;
		position: absolute;
		top: 46px;
		left: 0;
		width: 100%;
		height: 38px;
		line-height: 38px;
		background: #fff;
		border: 1px solid #d3d2d2;
	}
	header .header-mobile .head-row .header-search-form .search-wrap form {
		line-height: 36px;
		height: 36px;
		width: 100%;
		display: block;
		background: #fff;
		padding: 0px;
	}
	header .header-mobile .header-search-form .submit-btn {
		background: url(images/right-arrow-header-mobile.svg) center center no-repeat;
	}
	header .header-mobile .head-row .menu a.menu-mobile {
		width: 24px;
		height: 22px;
		vertical-align: top;
		text-align: center;
		display: block;
		margin-right: 38px;
	}
	header .header-mobile .head-row .menu a.menu-mobile span {
		display: block;
		height: 5px;
		width: 24px;
		background: var(--blue);
		margin-bottom: 3px;
		border-radius: 10px;
	}
	header .header-mobile .head-row .menu a.menu-mobile span:last-child {
		margin-bottom: 0;
	}
	header .header-mobile .head-row .mini-logo {
		width: 25px;
		height: 22px;
		margin-right: 38px;
	}
	header .header-mobile .head-row .mini-logo img {
		width: 25px;
		height: 22px;
		position: relative;
		top: -2px;
	}
	header .header-mobile .head-row .header-top_email {
		padding-right: 14px;
		cursor: pointer;
	}
	header .header-mobile .head-row .header-search-form {
		padding: 0 14px;
		cursor: pointer;
	}
	header .header-mobile #menu-language-menu-1 .sub-menu {
		padding: 0 0 0 14px;
	}
	header .header-mobile .head-row .language-container {
		float: right;
	}
	header .logo .line {
		border-bottom: 5px solid var(--blue);
		padding-bottom: 15px;
	}
	/* -------------------------------------------HEADER---------------------------------------------- */
	
	/* -------------------------------------------MAIN---------------------------------------------- */
	
	.slider-container {
		margin-top: 7px;
		position: relative;
	}
	.slider-container .wrapper {
		height: auto;
	}
	.slider-container .bx-wrapper .content .date,
	.slider-container .bx-wrapper .content .excerpt,
	.slider-container .bx-wrapper .content .share-block {
		display: none;
	}
	.slider-container .bx-wrapper {
		border: 0;
	}
	.slider-container .bx-wrapper .item {
		width: 100%;
	}
	.slider-container .bx-wrapper .item .image a img {
		width: 100%;
	}
	.slider-container .titles-block {
		display: block;
		border: 0;
	}
	.slider-container .titles-block .item {
		background: transparent;
		border-bottom: none;
		position: relative;
		display: inline-block;
	}
	.slider-container .titles-block .item a {
		font-size: 0;
		width: 12px;
		height: 12px;
		padding: 0;
		background: var(--blue);
		border-radius: 15px;
		display: inline-block;
		margin-right: 8px;
		position: relative;
	}
    .sidebar-container .digests-posts .item a img{
        height: auto;
    }

	.slider-container .titles-block .item a span {
		font-size: 0;
		height: auto;
	}
	.slider-container .titles-block .item:last-child a {
		margin-right: 0;
	}
	.slider-container .titles-block .item a:after {
		display: none;
	}
	.slider-container .titles-block .item a:before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-radius: 15px;
		position: absolute;
		right: 2px;
		top: 2px;
		background: var(--white);
	}
	.slider-container .titles-block .item a.active:before {
		display: none;
	}
	.slider-container .wrapper .column.col-md-3 {
		position: absolute;
		bottom: 0px;
		right: 0;
		height: auto;
		z-index: 1;
	}
	.posts-container {
		margin-top: 20px;
	}
	.posts-container .analytics-posts .item img {
		height: auto;
		width: 100%;
	}
	.posts-container .analytics-posts .item {
		margin-bottom: 15px;
	}
	.analytics-posts a.archive-link {
		margin-top: 10px;
	}
	.posts-container .sidebar-container {
		margin-top: 25px;
	}
	.posts-container {
		margin-bottom: 20px;
	}
	.project-block .white-triangle:after {
		display: none;
	}
	.projects-container .blue-triangle:after {
		display: none;
	}
	.project-block .item:nth-child(n+2) {
		display: none;
	}
	.project-block .item .excerpt {
		margin-bottom: 15px;
	}
	.project-block {
		min-height: auto;
		padding-bottom: 35px;
	}
	.project-block .image .title {
		width: 82% !important;
	}
	.video-wrapper {
		margin-bottom: 0;
	}
	.video-wrapper .row > div {
		margin-bottom: 30px;
	}
	.video-wrapper .item a.title span {
		font-size: 16px;
	}
	.video-wrapper .item a.main-image,
	.video-wrapper .item a.main-image img {
		height: auto;
		width: 100%;
	}
	.video-wrapper.site {
		margin-bottom: 15px;
	}
	.subscribe-container {
		height: auto;
		background: url(images/sub-bg.jpg) center right no-repeat;
		background-color: var(--blue);
		background-size: cover;
		background-position-x: 63%;
	}
	.subscribe-container p:first-child {
		margin-top: 20px;
	}
	.mailpoet_form {
		margin-top: 15px;
	}
	.mailpoet_text {
		width: 100% !important;
		float: none;
	}
	.mailpoet_submit {
		margin: 0 auto;
		float: none;
		display: block;
		margin-top: 8px;
		margin-bottom: 20px;
        width: 100%;
	}
	.site-footer {
		height: auto;
	}
	.footer-menu {
		display: none;
	}
	.site-footer p.copy {
		width: 100%;
		text-align: center;
	}
	.site-footer p.created-link {
		display: block;
		width: 100%;
		font-size: 12px;
		color: #4d4d4d;
		margin: 0;
		position: relative;
		line-height: 16px;
		text-align: center;
		margin-top: 5px;
	}
	.template-team .employee-list .item .employee-socials a {
		margin-top: 15px;
	}
	.template-team .employee-list .item .employee-socials a:first-child {
		margin-top: 0;
		display: block;
	}
	@media only screen and (max-width: 355px) {
		.site-footer p.copy {
			font-size: 11px;
		}
		.project-block .image .title {
			width: 65%;
		}
		.sidebar-container .news-posts .item a.title,
		.video-wrapper .comment .object {
			width: 65%;
		}
		.template-team .employee-list .item .image {
			width: 45% !important;
		}
	}
	@media only screen and (max-width: 414px) {
		.sidebar-container .news-posts .item a.title,
		.video-wrapper .comment .object {
			width: 63%;
		}
		.template-team .employee-list .item .image {
			width: 50%;
			height: auto;
			padding-right: 10px;
		}
		.template-team .employee-list .item .image img {
			height: auto;
			width: 100%;
		}
	}
	
	/* -------------------------------------------MAIN---------------------------------------------- */
	
	/* -------------------------------------------SINGLE---------------------------------------------- */
	
	.template-single .sidebar {
		display: none;
	}
	.template-single .post-title {
		font-size: 24px;
		line-height: 28px;
	}
	.template-single .about .date {
		margin-bottom: 15px;
	}
	.template-single .about .share-socials {
		float: none;
		margin-top: 25px;
	}
	.template-single .page-content p strong,
	.template-single .page-content p {
		text-indent: 8px;
	}
	.template-single .page-content ul[style*="list-style-type: circle;"] li {
		margin-left: 22px;
	}
	.template-single .post-tags {
		margin-bottom: 100px;
	}

	/* -------------------------------------------SINGLE---------------------------------------------- */
	
	/* -------------------------------------------SAME_PD---------------------------------------------- */
	
	.same_pd .content {
		min-height: 1px;
	}
	.same_pd .content .item .col-md-9 {
		padding-left: 30px;
	}
	.same_pd .content .item .post-title {
		margin-top: 20px;
	}
	.same_pd .content .item {
		padding-bottom: 20px;
	}
	.sidebar-container .news-posts .item a.title {
		/*margin-bottom: 20px;*/
        width: 72%;
	}

	.sidebar-container .news-posts .item .date {
		display: block;
		padding-top: 0;
	}
	.same_pd .content {
		clear: both;
	}
	.same_pd .row > .filter {
		width: 100%;
	}
	.same_pd .filter .filter-container {
		display: none;
	}
	.same_pd .row .filter .filter-button {
		display: block;
		position: relative;
	}
	.same_pd .row .filter .filter-button:after {
		content: '';
		display: block;
		width: 75px;
		height: 40px;
		line-height: 40px;
		background: url(images/filter-white.svg) center center no-repeat;
		background-size: 22px;
		background-color: var(--blue);
		position: absolute;
		right: 0;
		top: 0;
		-webkit-transition: .3s all linear;
		transition: .3s all linear;
	}
	.same_pd .row .filter .filter-button.active:after {
		background: url(images/cancel-white.svg) center center no-repeat;
		background-size: 16px;
		background-color: var(--yellow);
	}
	.same_pd .row .filter .filter-button p {
		height: 40px;
		line-height: 40px;
		background: #ededed;
		padding-left: 10px;
		color: var(--blue);
		font-size: 14px;
		margin: 0;
	}

	/* -------------------------------------------SAME_PD---------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
    header #menu-primary-menu li a{
        padding: 0 7px;
    }
    header #menu-primary-menu li{
        margin-right: 0;
    }
    header #menu-primary-menu li.menu-item-has-children a {
        padding: 0 27px 0 7px;
    }
    header #menu-primary-menu li.menu-item-has-children a:after{
        right: 8px;
    }
    .sidebar-container .news-posts .item a.title{
        width: 66%;
    }
    .posts-container .analytics-posts .item img{
        height: auto;
    }
    .project-block .image .title {
        width: 185px;
    }
    .mailpoet_text {
        width: 240px !important;
    }
}
@media only screen and (max-width: 620px) {
    .project-block .image .title {
        width: 60% !important;
    }
}