@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body {
	font-family: 'Montserrat', sans-serif !important;
	color: #636363 !important;
}
.page-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* ------------------------------------------------------- */
/* HEADER */
#main_header {
	background: #002B38 url('../images/dots.svg') no-repeat;
	background-position: 100% 100%;
	color: #fff;
}
#main_header a:link,
#main_header a:visited,
#main_header a:focus,
#main_header a:hover,
#main_header a:active {
	color: #fff;
	text-decoration: none;	
}
.logo {
	background: url('../images/gpex-logo.svg') no-repeat;
	background-position: 0 .5em;
}
.site-title {
	margin: 0 0 0 315px;
}

/* ------------------------------------------------------- */
/* HOME */
.home .post-header {
	display: none;
}
.home .post p {
	font-size: 20px;
}
.home .post ul,
.home .resource-roles li {
	margin: 0;
	padding: 0;
}
.home .post ul {
	display: grid;
	grid-auto-rows: 1fr !important;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px 20px !important; 
}
.home .resource-roles li {
	border: 1px solid rgba(0,0,0,.2);
	background: #FFFDF8;
	display: block;
	vertical-align: bottom;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 700;
	position: relative;
	min-height: 15em;
}
.home .resource-roles li a {
	font-size: 20px;
	border-radius: 8px;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
	padding: 2em 4em;
	text-decoration: none;
	transition: background-color .2s;
	background-color: rgba(0,0,0,.0);
	background-repeat: no-repeat;
	background-position: center 2em;
	xbackground-image: url("../images/icon-fellow.svg");
}
.home .resource-roles li a:hover {
	background-color: rgba(0,0,0,.1);
}
.role-hp { background-image: url("../images/icon-allied-health.svg"); }
.role-fr { background-image: url("../images/icon-fellow.svg"); }
.role-pm { background-image: url("../images/icon-practice-manager.svg"); }
.role-pt { background-image: url("../images/icon-trainee.svg"); }
.role-re { background-image: url("../images/icon-registrar.svg"); }
.role-su { background-image: url("../images/icon-supervisor.svg"); }

/* ------------------------------------------------------- */
/* PAGE */
.primary_sidebar {
	background: #fff;
}
.post {
	xborder: 1px solid #fcc;
	padding: 5em 315px;
	background: url("../images/dots-light.svg") no-repeat;
	background-position: 0 -2em;
	font-size: 20px;
}
.post-header {
	margin: 0;
}
.post h1,
.post h2 {
	font-weight: 700;
	font-size: 20px !important;
	letter-spacing: 0 !important;
	margin-bottom: 1em;
}
.post h2 {
	border-top: 1px solid rgba(0,0,0,.2);
	padding-top: 2em;
	margin-top: 2em;
}
.post li {
	list-style: disc;
}
.plaintext_single {
	padding-top: 3em;
	padding-bottom: 6em;
	padding-left: 140px;
}
#post_content {
	margin-bottom: 1em;
	color: #636363;
	font-size: 1rem;
}

/* ------------------------------------------------------- */
/* RESOURCES */
.page-template-library .post {
	padding: 0;
	background: transparent;
	font-size: 1rem;
}
#gpex-resources {
	display: flex;
	gap: 25px;
}
#gpex-resources-filters {
	width: 290px;
	order: 0;
	position: sticky;
	top: 0;
	align-self: flex-start;
	overflow-y: auto;
	max-height: 100vh;
	xmax-height: calc(100vh - 135px);
	padding: 2em 1.5em 0 0;
}
#gpex-resources-filters select {
	font-family: 'Montserrat', sans-serif !important;
	width: 100% !important;
}
#gpex-resources-filters option {
	font-size: 16px;
}
#gpex-resources-filters br {
	display: none;
}
#gpex-resources-results {
	order: 1;
	flex: 1;
	padding-top: 2em;
	padding-bottom: 10em;
}

/* ------------------------------------------------------- */
/* FACETWP */
.facet-wrap {
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 1.5em;
}
.facetwp-type-reset button {
	font-family: 'Montserrat', sans-serif !important;
	width: 100%;
	border-radius: 5px;
	background: rgba(2,117,216,.5);
	border: none;
	color: #fff;
	padding: .5em;
}
.facetwp-type-reset button:hover,
.facetwp-type-reset button:active {
	background: rgba(2,117,216,1);
}
.facetwp-facet {
	margin-bottom: 1.5em !important;
}
.facetwp-checkbox {
	background-position: 0 .25em !important;
}
.facet-label {
	font-size: 17px;
	font-weight: 700;
	color: #000;
}
.facetwp-input-wrap {
	width: 100%;
}
.facetwp-search {
	font-family: 'Montserrat', sans-serif !important;
	border-radius: 100px;
	border: 1px solid rgba(0,0,0,.2);
	background: #F7F7F7;
	padding: .5em 1em;
	width: 100% !important;
	min-width: 100% !important;
}
.facetwp-icon {
	right: 10px !important;
}
.fwpl-layout {
	display: grid; 
	grid-auto-rows: 1fr !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
	gap: 20px 20px !important; 
}
.fwpl-result {
	background: #FFFDF8;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 8px;
	padding: 3em 1.5em 1.5em 1.5em;
	position: relative;
	font-weight: 700;
	min-height: 12em;
}
.fwpl-item {
	max-height: 7.5em;
	overflow: hidden;
}
.fwpl-result a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.2);
	background: linear-gradient(0deg, rgba(255,253,248,1) 0em, rgba(255,253,248,1) 4em, rgba(255,253,248,.0) 6em, rgba(255,253,248,0) 100%);
	display: flex;
	align-items: flex-end;
	border-radius: 7px;
	padding: 1.5em;
	transition: background .4s;
	text-decoration: none !important;
}
.fwpl-result a:hover {
	background: rgba(0,0,0,.1);
	background: linear-gradient(0deg, rgba(229,227,223,1) 0em, rgba(229,227,223,1) 4em, rgba(0,0,0,.1) 6em, rgba(0,0,0,.1) 100%);
}
.fwpl-tax-file_type,
.fwpl-tax-resource_type  {
	font-weight: 400;
	display: block;
	height: 50px;
	width: 40px;
	position: absolute;
	top: -1em;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/icon-web.svg");
	text-indent: -9000px;
	z-index: 1;
}
.fwpl-term-pdf { background-image: url("../images/icon-pdf.svg"); }
.fwpl-term-xlsx { background-image: url("../images/icon-xls.svg"); }
.fwpl-term-article { background-image: url("../images/icon-article.svg"); }
.fwpl-term-community { background-image: url("../images/icon-community.svg"); }
.fwpl-term-learning { background-image: url("../images/icon-learning-module.svg"); }
.fwpl-term-policy { background-image: url("../images/icon-policy.svg"); }
.fwpl-term-program { background-image: url("../images/icon-program.svg"); }
.fwpl-term-repository { background-image: url("../images/icon-repository.svg"); }
.fwpl-term-research { background-image: url("../images/icon-research-article.svg"); }
.fwpl-term-support { background-image: url("../images/icon-support-service.svg"); }
.fwpl-term-tool { background-image: url("../images/icon-tool.svg"); }
.fwpl-term-webinar { background-image: url("../images/icon-webinar.svg"); }

/* ------------------------------------------------------- */
/* MEDIA QUERIES */
@media only screen and (max-width: 1600px) {
.post {
	padding: 5em 0;
}
}
@media only screen and (max-width: 820px) {
.site-title {
	margin: 0 0 0 130px;
}
.home .post ul {
	grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 620px) {
.site-title {
	display: none;
}
.logo {
	height: 2.5em;
}
.home .post ul {
	grid-template-columns: 1fr;
}
}