@charset "UTF-8";


.resources_block {
    width: 100%;
    margin: 5em auto 3em;
	}

	.resources_list {
		 margin: 0 -25px 0 -50px;
		 padding: 0;
	}

	.resource_list_item {
		 display: inline-block;
		 margin: 0 0 4em;
		 padding:0 25px 0 50px;
		 width: 25%;
		 display:inline-block;
	}
	.resource_list_item_inner{
		position:relative;
	}
.resource_list_item_title{
	min-width:50%;
	width:auto;
}
.resource_list_item_title h1{
	font-size:80px;
	margin-top:-20px;
}
.search_results .resource_list_item_title h1{
	font-size:60px;
}

.few_items .resource_list_item_title{
	min-width:100%;
	margin-top:50px;
	margin-bottom:50px;
}


h3.client_name{
	margin-bottom:5px;
}
p.resource_date{
	margin:0;
	font-size:13px;
	font-style:italic;
	line-height:100%;
}
p.resource_tags{
	margin-bottom:10px;
}
.resource_tags{
	font-size:14px;
	font-family:"Playfair Display", serif;
	line-height:120%;
}
.resource_tags,
.resource_tags a{
	color:#464646;
}

.resource_plus_btn{
	display:block;
	width:20px;
	height:20px;
	background:#FF3644;
	color:#fff;
	position:absolute;
	left:-26px;
	top:0px;
	text-align:center;
	line-height:20px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	}
	.plus_icon{
		background:#fff;
		display:block;
		width:8px;
		height:2px;
		position:relative;
		}
		.plus_icon span{
			background:#fff;
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			transform:rotate(90deg);
		}
		
.client_thumbnail{
	position:relative;
	display:block;
	padding-top:5px;
	padding-right: 24px;
}	
.client_thumbnail img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	 transition:filter .5s;
}
.resource_list_item:hover  .client_thumbnail img{
	-webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
}

.resource_filter_menu{
	background:#FF3644;
	position:fixed;
	width:100%;
	max-width:400px;
	top:0;
	left:0;
	padding:150px 50px 30px ;
	min-height:100vh;
	z-index:150;
	transition:left .5s;
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.resource_filter_menu_inner{
}
ul.resources_nav_list{
	font-size:26px;
	font-family:"Playfair Display", serif;
	color:#000;
	padding:0;
	margin:0;
	list-style:none;
	}
	ul.resources_nav_list li{
	margin-bottom:20px;
	}
	.resources_nav_list a{
		color:#000;
	}
	.resources_nav_list .current-menu-item a,
	.no-touch .resources_nav_list a:hover{
		color:#fff;
	}
	
.resources_search_bar{
	color:#fff;
	font-size:20px;
	display:flex;
	align-items:center;
	padding-bottom:15px;
	margin-bottom:40px;
	border-bottom:1px solid #000;
	max-width:260px;
	width:90%;
}
.resources_search_bar input[type="text"]{
	box-shadow:none;
	color:#fff;
}
.resource_search_icon{
	color:#000;
	position:relative;
	z-index:10;
	
}
#resources_search_submit{
display:none;
}


.close_button{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:25px;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	transition:transform .3s;
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-delay:.3s;
	}
	.close_icon{
		background:#fff;
		display:block;
		width:18px;
		height:2px;
		position:relative;
		transform:rotate(45deg);
		}
		.close_icon span{
			background:#fff;
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			transform:rotate(90deg);
		}
		
		
.resource_filter_button{
	background:#FF3644;
	font-family:"Playfair Display", serif;
	font-size:16px;
	padding-left:20px;
	color:#fff;
	position:fixed;
	top:115px;
	left:0;
	z-index:45;
	cursor:pointer;
	transition:left .5s;
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
	}
	.resource_filter_button_label{
		padding:10px;
		display:inline-block;
		min-width:70px;
	}
.resource_filter_block:not(.filters_open) .resource_filter_menu{
	left:-400px;
}
.resource_filter_block:not(.filters_open) .close_button{
	transform:scale(0);
	transition-delay:0s;
}
.resource_filter_block.filters_open .resource_filter_button{
	left:-200px;
}


.resource_filter_block{
	transition:opacity .3s;
}
.resource_filter_block:not(.has_filters){
	visibility:hidden;
	opacity:0;
}



.resource_column_division{
	position:fixed;
	width:1px;
	height:100vh;
	left:305px;
	top:0;
	background:#ccc;
}
.load_next_page_items{
	width:100% !important;
	background:#fff;
	text-align:center;
	margin:50px auto;
	padding:30px;
	cursor:pointer;
	font-family:"Playfair Display", serif;
	color:#FF3644;
	font-size:18px;
	opacity:1;
	transition:opacity .3s;
}
.disable_next_page{
	display:none;
}
.loader_active .load_next_page_items,
.load_next_page_items.load_triggered{
	opacity:.3;
}
.resource_list_item.no_results{
	width:100%;
	font-size:1.5em;

}



.custom_scrollbar{
	position:fixed;
	top:100px;
	right:24px;
	/*background:#fff;*/
	width:30px;
	height:500px;
	height:calc(100vh - 115px - 20px); /*total h - top menu - bottom margin*/
	z-index:30;
	}
	.resource_scrollbar_inner{
		display:flex;
		flex-direction:column;
		height: 100%;
		width:100%;
	}
	.custom_scrollbar .arrows_control_button{
		width:30px;
		height:30px;
		
	}
	.custom_scrollbar .arrows_control_button>span{
		width:7px;
		height:7px;
	}
	.custom_scrollbar_barholder{
		flex-grow:1;
		width:100%;
		min-height:100px;
		position:relative;
	}
	
	.custom_scrollbar_barbase{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
		.custom_scrollbar_barbase span{
			position:absolute;
			width:1px;
			height:100%;
			left:50%;
			background:#ccc;
			display:block;
		}
	.custom_scrollbar_barcurrent{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:30%;
		}
		.custom_scrollbar_barcurrent span{
			position:absolute;
			width:3px;
			margin-left:-1px;
			height:100%;
			left:50%;
			background:#FF3644;
			display:block;
		}
		
		
.resource_single_block{
	padding: 0 2rem;
	width:100%;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	padding-top:150px;
	align-items:center;
}		
.l-canvas.sidebar_none .resource_single_block .l-section{
	padding: 0;
}		
.resource_single_block-h{
	width:100%;
	max-width:1280px;
	display:flex;
}
.resource_side_images{
	min-height:300px;
	width:50%;
	order:5;
}
.resource_single_copy{
	width:50%;
	padding:0 9%;
}
.resource_single_copy .resource_tags a,
.resource_single_copy .resource_tags{
	font-size:22px;
	color:#666;
}

h1.resource_title{
	line-height:100%;
	margin-bottom:25px;
	width:120%;
}

.w-sharing {
	color:#FF3644;
	font-size:1.5rem;
}

.w-sharing.type_simple .w-sharing-item{
	border-style:none!important;
	padding:0 .5rem;
}
body .w-sharing.type_simple .w-sharing-icon{
	opacity:1;
}


.single_list_image{
	margin-bottom:30px;
}

.single_video_thumb{
	padding-bottom:56.25%;
	width:100%;
	position:relative;
	background-color:#dadada;
	background-size:cover;
	background-position:center center;
	margin:15% 0;
	cursor:pointer;
	box-shadow: inset 0 0 5px rgba(0,0,0,.1);
}
	/* this is for visual composer block: */
	.custom_video_block .single_video_thumb{
		margin:0;
	}
.single_video_thumb .video_play_icon{
	transform:translateX(-50%) translateY(-50%);
	position:absolute;
	left:50%;
	top:50%;
}

ul.resource_side_images_gallery{
	padding:0;
	margin:0;
	list-style:none;
}
ul.resource_side_images_gallery li{
	margin-bottom:30px;
}


.l-canvas.sidebar_none .l-section.resource_list_section,
main.l-content .l-section.resource_list_section{
	padding-left:100px;
	padding-right:100px;
}


.resource_single_copy h1{
		font-size:60px;
}




/*
.resource_list_section .l-section-h{
	transition:max-width .5s;
}*/
@media only screen and (max-width: 1500px) {
	.resource_list_item:not(.resource_list_item_title) {
		width: 33.333%;
	}

	/*
	.site_filters_open .resource_list_section .l-section-h{
		max-width:1000px;
	}
	.site_filters_open .resource_list_item {
		width: 33.333%;
	}*/
}
@media only screen and (max-width: 1500px) {
	.resource_list_item_title h1{
		font-size:90px;
	}
	.resource_list_item h3{
		font-size:22px;
	}
	.resource_tags{
		font-size:12px;
	}
	.resource_filter_menu{
	max-width:350px;
	}
	ul.resources_nav_list{
		font-size:20px;
	}
	ul.resources_nav_list li {
		margin-bottom: 15px;
	}
	
	
	
}
@media only screen and (max-width: 1200px) {

	h1.resource_title{
		width:100%;
	}
	.l-canvas.sidebar_none .l-section.resource_list_section,
	main.l-content .l-section.resource_list_section{
		padding-left:150px;
	}

	/* fullscreen filter */
	.resource_filter_menu {
		 max-width: none;
		 width: 100%;
	}
	.resource_filter_block:not(.filters_open) .resource_filter_menu{
		left:-100%;
	}
	.resource_scrollbar{
		display:none;
	}
	.main_menu_link{
		transition:opacity .3s, visibility .3s;
		transition-delay:.5s;
	}
	.site_filters_open .main_menu_link{
		opacity:0;
		visibility:hidden;
		transition-delay:0s;
	}
	
	
	.resource_single_block-h{
		padding-left:80px;
	}
	.resource_single_copy{
		padding:0;
		padding-right:5%;
	}
	
.resource_single_block{
	padding-top:100px;
}
	
}
@media only screen and (max-width: 900px) {
	.resource_list_item:not(.resource_list_item_title){
		width: 50%;
	}
	
}
@media only screen and (max-width: 767px) {
	.resource_single_copy h1{
			font-size:45px;
	}

	.resource_list_item:not(.resource_list_item_title){
		width: 100%;
		max-width:400px;
	}
	.resources_block{
		margin-top:50px;
	}

	.resource_list_item_title h1 {
		 font-size: 40px;
	}
	.resources_list{
		margin:0 -25px 0 0;
	}
	.resource_list_item{
		padding:0 25px 0 30px;
	}
	.l-canvas.sidebar_none .l-section.resource_list_section,
	main.l-content .l-section.resource_list_section {
		 padding-left: 20px;
		 padding-right: 20px;
	}
	p.resource_date {
	
		font-size: 10px;
	}
	.resource_list_item h3 {
		 font-size: 18px;
	}
	
	
	.resource_filter_menu{
		padding-top:120px;
	}
	.resources_search_bar{
	margin-bottom:20px;
	}
	ul.resources_nav_list li {
    margin-bottom: 10px;
	}
	
	.resource_filter_button{
		font-size:12px;
		top: 70px;
		line-height: 100%;
		padding-left: 10px;
	}
	.resource_filter_button_label{
		min-width:50px;
		padding-left:0;
		padding-right: 0;
		text-align: center;
	}
	.close_button{
		right: 10px;
		top: 15px;
	}
	
	
	
	
	
	
	
	.resource_single_block{
		padding-top:130px;
	}
	
	
	.resource_single_block-h{
		flex-direction:column;
	}
	.resource_single_copy{
		width:100%;
	}
	.resource_side_images{
		width:100%;
	}
	.resource_single_block-h {
		padding-left: 0;
	}
	.resource_single_copy{
		padding-right:0;
	}
	
	
	.resource_list_item  .client_thumbnail img{
		-webkit-filter: grayscale(0%); 
		 filter: grayscale(0%);
	}
	
}