.single-resources .page-header,
.post-type-archive-resources  .page-header,
.page-template-templatesresources-php  .page-header{
	padding: 140px 30px 60px 30px !important;
	height: auto;
	display: block;
}

.single-resources .page-header .page-header-title,
.post-type-archive-resources .page-header .page-header-title,
.page-template-templatesresources-php  .page-header .page-header-title {
    color: #ffffff;
    font-family: "TT Norms", Sans-serif;
    font-size: 45px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
    line-height: 1.2em;
   
   }


/*.resources-intro::before,*/
.single-resources .page-header::after,
.post-type-archive-resources .page-header::after,
.page-template-templatesresources-php  .page-header::after{

	content:'';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	width: 100%;
    height: 80px;
	background-size: calc(180% + 1.3px) 80px;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%23f49900' d='M615.2,96.7C240.2,97.8,0,18.9,0,0v100h1000V0C1000,19.2,989.8,96,615.2,96.7z'%3E%3C/path%3E%3C/svg%3E%0A");

}

.post-type-archive-resources.resources-hub .page-header::after,
.page-template-templatesresources-php.resources-hub .page-header::after{

	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M615.2,96.7C240.2,97.8,0,18.9,0,0v100h1000V0C1000,19.2,989.8,96,615.2,96.7z'%3E%3C/path%3E%3C/svg%3E%0A");

}


.post-type-archive-resources .page-header .site-breadcrumbs,
.page-template-templatesresources-php  .page-header .site-breadcrumbs{
	position: absolute;
	left: -100vw;
}



.resources-search{
	background-color: #f49900;
	padding: 1em 0;
	position: relative;
}

.resources-search form{
	position: relative;
	z-index: 2;
	text-align: left;
}

.resources-search form div{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.resources-search form div label{
	margin-right: 30px;
	flex-grow: 1;
	padding: 0;
}

@media (max-width: 700px) {
	.resources-search form div label{
		margin-right: 15px;
	
	}
}

.resources-search form select,
.resources-search form input{
	background-color: white;
	color: #333e48;
	height: 100%;
	border:none !important;
}

.resources-search form select,
.resources-search form input,
.resources-search form button{
	margin: 0;
	border-radius: 5px;
}
.resources-search form select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding-right: 40px;
	background-position: right +12px  center;
	background-size: 1.2em auto;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath fill='%2300798e' d='M472.2 199.3C456.2 215.8 287.1 377 287.1 377a43.3 43.3 0 01-62.2 0S56 215.9 39.7 199.3a47 47 0 010-63.7c17.2-17.6 41.2-19 62.2 0L256 283.4l154-147.7c21.1-19 45.1-17.6 62.2 0a46.8 46.8 0 010 63.6z'/%3E%3C/svg%3E");
}

.resources-search form button{
	margin-bottom: 2px;
	white-space: nowrap;
}


.resources-search form button::after{
	content:'';
	display: inline-block;
	width: 1em;
	height: 0.9em;
	margin-bottom: 0.1em;
	margin-left: 0.5em;
	vertical-align: middle;
	background-position: right center;
	background-size:contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416 448'%3E%3Cdefs/%3E%3Cpath fill='%23ffffff' d='M288 208c0-61.8-50.3-112-112-112S64 146.3 64 208s50.3 112 112 112 112-50.3 112-112zm128 208c0 17.5-14.5 32-32 32-8.5 0-16.8-3.5-22.5-9.5L275.7 353a176 176 0 1145.3-45.3l85.8 85.8c5.7 5.8 9.2 14 9.2 22.5z'/%3E%3C/svg%3E");
}

@media (max-width: 700px) {
	.resources-search form button{
		text-align: left;
		text-indent: -99em;
		width: 4em;
		position: relative;
	}

	.resources-search form button::after{
		text-align: center;
		float: left;
		display: block;
		width: auto;
		height: auto;
		position: absolute;
		background-position: center center;
		margin: 0;
		background-size: contain;
		left: 9px; right: 9px; top: 9px; bottom: 9px;
	}
}
.resources-search form button:hover{
	background-color: #333e48 !important;
}

.resources-search form div label b{
	position: absolute;
	left: -99em;
}

.resources-search form div label:first-child{
	flex-basis: 70%;
}

@media (max-width: 700px) {
	.resources-search form div label:first-child{
		flex-basis: 110%;
	}
}

.resources-intro{
	/*margin-top: -30px;
	position: relative;
	z-index: 10;
	background-color:#00798e;
	padding: 00px 0 20px;
	*/
	padding: 20px 0 0;
	max-width: 700px;
	margin: 0 auto -20px;
	position: relative;
	z-index: 10;
}
.resources-intro p{
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}
/*
.resources-intro .conts{
	margin: 0 auto;
	max-width: 700px;
}

.resources-intro .conts p{
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}
*/

.resources-listing{
	margin: 30px auto;
	padding: 0;
	border-bottom: 1px solid #EEE;
}

.resources-listing-item{
	border-top: 1px solid #EEE;
	padding: 20px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;

}

.resources-listing-item:first-child{
	border-top: none;
}

.resources-listing-item a.button{
	border-radius: 5px;
}

.resources-listing-item a.button small{
	font-weight: normal;
}

.resources-listing-item .info{
	flex-grow: 1;
	width: 90%;
	flex-basis: 90%;
	margin-right: auto;
	padding-right: 20px;
}

.resources-listing-item .intro{
	font-size: 60%;
	opacity: 0.8;
	max-width: 600px;
}
.resources-listing-item .intro *:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}

.resources-listing-item .info h4{
	font-size: 24px;
	margin: 0;
	padding: 0;
	display: block;
}

.resources-listing-item .info ul.categories{
	display: inline-block;
	list-style:none;
	margin: 0;
	padding: 0;
}

.resources-listing-item .info ul.categories li{
	display: inline-block;	
	font-size: 10px;
	display: inline-block;
	vertical-align: baseline;
	text-transform: uppercase;
	top: -3px;
	position: relative;
}

.resources-listing-item .info ul.categories li a{
	background-color: #00798e;
	color: #FFF;
	display: block;
	padding: 1px 5px;
	line-height: 14px;
	border-radius: 4px;
}

.resources-listing-item i{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	flex-shrink: 0;
	margin-right: 20px;
	background-position: left top;
	background-size:contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs/%3E%3Cpath d='M636.4 49.8h17.8l213.4 248.9V939a71 71 0 01-71 70.8H263c-39.3 0-71-32-71-71.4V121.2a71.3 71.3 0 0171.2-71.4h373.2zm-17.7 35.5H263a35.6 35.6 0 00-35.4 35.4v818.1a35.6 35.6 0 0035.5 35.4h533.3A35.4 35.4 0 00832 939V334.2H689.7a71 71 0 01-71-71.3V85.3zm35.5 17.8v159.7c0 19.8 16 35.9 35.5 35.9h131.6L654.3 103z'/%3E%3C/svg%3E");
}


.resources-listing-item i span{
	display: none;
	background-color: #333;
	color: #FFF;
	padding: 2px 5px;
	border-radius: 4px;
	position: absolute;
	right: -15px;
	bottom: -2px;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	transform: scale(0.4);
}

.resources-listing-item i.filetype_pdf span{
	background-color: #ff0000;
	display: block;
}

.resources-listing-item i.filetype_ppt span,
.resources-listing-item i.filetype_pptx span{
	background-color: #FF6600;
	display: block;
}

.resources-listing-item i.filetype_doc span,
.resources-listing-item i.filetype_docx span{
	background-color: #00a2ed;
	display: block;
}


.resources-listing-item i.filetype_audio,
.resources-listing-item i.filetype_mp3{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath d='M405.7 427.1a25.6 25.6 0 01-18.2-43.8 180.2 180.2 0 000-254.6A25.7 25.7 0 01424 92.4c43.7 43.7 67.8 101.8 67.8 163.6s-24.1 120-67.8 163.6c-5 5-11.6 7.5-18.2 7.5zm-91.3-48.4a25.6 25.6 0 01-18.2-44 111.5 111.5 0 000-157.5 25.7 25.7 0 1136.4-36.3 163 163 0 010 230.2c-5 5-11.6 7.6-18.2 7.6zM235.3 23.9c13.7-13.7 25-9 25 10.4v443.4c0 19.5-11.3 24.1-25 10.4L106 358.8H20.3V153.2H106L235.3 23.9z'/%3E%3C/svg%3E");

}

.resources-listing-item i.filetype_video,
.resources-listing-item i.filetype_mp4{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath d='M21.3 80v352h469.4V80H21.3zm88 322.7H50.7V344h58.6v58.7zm0-117.4H50.7v-58.6h58.6v58.6zm0-117.3H50.7v-58.7h58.6V168zm264 234.7H138.7V109.3h234.6v293.4zm88 0h-58.6V344h58.6v58.7zm0-117.4h-58.6v-58.6h58.6v58.6zm0-117.3h-58.6v-58.7h58.6V168zm-264 0v176l117.4-88z'/%3E%3C/svg%3E");

}

.resources-listing-item i.filetype_link{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath d='M462.9 51l-1.9-2a113.8 113.8 0 00-160.4 0L198.3 151.4a113.8 113.8 0 000 160.5l1.9 1.9c3.7 3.7 7.6 7 11.6 10l37.4-37.4A61.3 61.3 0 01237 277l-2-1.9c-23.9-24-23.9-63 0-86.9L337.4 86c24-24 63-24 87 0l1.8 1.9c24 24 24 63 0 86.9L380 220.9c8 19.9 11.8 41 11.5 62l71.5-71.5a113.8 113.8 0 000-160.4zM311.8 198.3c-3.7-3.7-7.6-7-11.6-10l-37.4 37.4c4.3 2.6 8.5 5.6 12.2 9.4l2 1.9c23.9 24 23.9 63 0 86.9L174.6 426c-24 24-63 24-87 0l-1.8-1.9c-24-24-24-63 0-86.9l46.2-46.2c-8-19.9-11.8-41-11.5-62l-71.5 71.5a113.8 113.8 0 000 160.4l1.9 2a113.8 113.8 0 00160.4 0l102.3-102.3a113.8 113.8 0 000-160.5l-1.9-1.9z'/%3E%3C/svg%3E");
}

.resources-listing-item .count{
	background-color: #f49900;
	color: #FFF;
	line-height: 14px;
	font-size: 10px;
	padding: 1px 5px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: baseline;
	text-transform: uppercase;
	top: -3px;
	position: relative;
}

.resources-listing-item a.button{
	flex-grow: 0;
	flex-shrink: 0;
	padding: 8px 12px 6px;
	white-space: nowrap;
}


.resources-listing-item a.button:before{
	content:'';
	display: inline-block;
	width: 2em;
	height: 1.5em;
	margin-bottom: 0.1em;
	margin-right: 0.5em;
	margin-left: -0.3em;

	vertical-align: middle;
	background-position: left center;
	background-size:contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 768'%3E%3Cpath fill='%23ffffff' d='M678.4 494.4v147.2a36.6 36.6 0 01-36.8 36.8H126.4a36.6 36.6 0 01-36.8-36.8V494.4a36.8 36.8 0 00-73.6 0v147.2A110 110 0 00126.4 752h515.2A110 110 0 00752 641.6V494.4a36.8 36.8 0 00-73.6 0zm-257.6-88.8V52.8a36.8 36.8 0 00-73.6 0v352.8L226 284.4a36.8 36.8 0 10-52 52l184 184a37.1 37.1 0 0026 10.8c9.4 0 18.8-3.6 26-10.8l184-184a36.8 36.8 0 10-52-52z'/%3E%3C/svg%3E");
}

.resources-listing--featured{
	border-bottom: none;
}

.resources-listing--featured h2{
	font-size: 20px;
	flex-basis: 100%;
}

.resources-listing--featured.container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 10px;
}

.resources-listing--featured .resources-listing-item{
	border: 1px solid #EEE;
	padding: 20px 10px 20px 50px;
	width: calc(33% - 20px);
	margin: 0 10px;
	clear:none;
	vertical-align: top;
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
	display: block;
	border-radius: 5px;
}

@media (max-width: 960px) {
	.resources-listing--featured .resources-listing-item:nth-child(3){ display: none; }
}

@media (max-width: 700px) {
	.resources-listing--featured .resources-listing-item:nth-child(2){ display: none; }
}

.resources-listing--featured .resources-listing-item:first-child{ margin-left: 0px; }
.resources-listing--featured .resources-listing-item:last-child{ margin-right: 0px; }

.resources-listing--featured .resources-listing-item i{
	position: absolute;
	left: 10px;
	top: 18px;
}

.resources-listing--featured .resources-listing-item::before{
	content:'Featured';
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	background-color: #EEE;
	padding: 2px 4px;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 11px;
	line-height: 11px;
}

.resources-listing--featured .resources-listing-item .intro{
	margin-bottom: 20px;
}


.container.resources-listing--hub{
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	border:none;
}

.resources-head,
.resources-listing--hub__item{
	border:none;
	min-height: 400px;

	background-size: cover;
	display: inline-flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	padding: 35px;
	align-items: center;
	text-align: center;
	position: relative;
	margin: 0 0 30px;
	border-radius: 8px;
	overflow: hidden;
}


.resources-head{
	min-height: 240px;
	margin: 30px 0 0;

}

.resources-head > *,
.resources-listing--hub__item > *{
	position: relative;
	z-index: 2;
}

.resources-head::before,
.resources-listing--hub__item::before{
	content:'';
	display: block;
	background-color: rgba(51, 51, 51, 0.68);	
	position: absolute;
	left: 0; right: 0;
	bottom: 0;
	top: 0;
	z-index: 1;
}

.resources-head::after,
.resources-listing--hub__item::after{
	content:'';
	display: block;
	background: inherit;
	position: absolute;
	left: 0; right: 0;
	bottom: 0;
	top: 0;
	transition: transform 2s;
	transform: scale(1);
}

.resources-listing--hub__item:hover::after{
	transform: scale(1.2);
}

.resources-head i,
.resources-listing--hub__item i{
	color: #ffffff;
	padding: 0.5em 0em;
    border: 3px solid currentColor;
    background-color: transparent;
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    font-size: 36px;
    border-radius: 50%;
    text-align: center;
    width:2em;
    margin-bottom: 0.4em;
    height: 1em;
    box-sizing: content-box;

}

.resources-head i{

	font-size: 30px;
}

.resources-head h2,
.resources-listing--hub__item h3{
    font-size: 36px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.2;
}

.resources-head h4.backlink{
	color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
}

.resources-head h4.backlink a{ color: inherit; }


.resources-head h4.backlink a::before{
	content:'\00AB';
	padding-right: 0.2em;
}

.resources-head p,
.resources-listing--hub__item p{
    margin-bottom: 23px;
    line-height: 1.4em;
    color: #fff;
    font-size: 100%;
}

.resources-head p{ 
	color:#F49900; 
	margin-bottom: 0;
}

.resources-listing--hub__item .button{
	background-color: #F49900;
}


.resources-head-sub{
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.resources-head-sub h3{
	font-weight: 600;
    color: #00798e;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
}

.resources-head-sub ul{
	display: block;
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.resources-head-sub ul li{
	font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin: 4px;
    
}


/*.resources-head-sub ul li::after{

	border-left-width: 1px;
	border-left-style: solid;
	width: auto;
    left: auto;
    right: auto;
    position: relative;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-left-width: 1px;
    border-style: solid;
    right: -16px;
    content: "";
    border-color: #FBC476;

}
*/

.resources-head-sub ul li:last-child::after{ display: none; }


.resources-head-sub ul li a.button{
	padding: 12px 24px;
	font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    background-color: #f49900;
}

.resources-head-sub ul li a.button:hover,
.resources-head-sub ul li a.selected{
	background-color: #007a8f;
}

.resources-pagination{
	text-align: center;
	padding: 20px 0 60px;
	font-size: 14px;
}

.resources-pagination a,
.resources-pagination span{
	background-color: #EEE;
	padding: 8px 10px;
	border-radius: 5px;
	margin: 0 3px;
	color: #00798e;
}

.resources-pagination span{
	color: #FFFFFF;
	background-color: #00798e;
}

@media (min-width: 900px) {


	.resources-listing--hub{
		
	}

	.resources-listing--hub__item{
		width: calc(33% - 30px);
		display: inline-flex;
		
		margin: 0 15px 30px 15px;
		min-height: 600px;
	}



@media (max-width: 900px) {
	.resources-listing:not(.resources-listing--featured) .resources-listing-item a.button	{
		text-indent: -99em;
		text-align: left;


	}

	.resources-listing:not(.resources-listing--featured) .resources-listing-item a.button:before{
		text-indent: 0;
		text-align: center;
		display: block;
		float: left;
		text-align: center;
		background-position: center;
		width: 100%;
		margin: 0 0 5px;
	}

	.resources-listing:not(.resources-listing--featured) .resources-listing-item a.button small{
		
		text-indent: 0;
		text-align: center;
		display: block;
		width: 100%;
		clear: both;
		float: left;
	}
}