/**
 * Theme Name:  UBC Forestry
 * Theme URI:   http://
 * Description: Welcome to UBC Forestry, a meticulously crafted and balanced WordPress theme for personal and professional blogging. UBC Forestry is highly responsive and retina-ready, simple and powerful, efficiently coded and user friendly WordPress theme.
 * Version:     1.0.0
 * Author:      UBC Forestry
 * Author URI:  http://white

 * Tags:        accessibility-ready, blog, custom-colors, custom-menu, e-commerce, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns
 * Text Domain: ubcforestry
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html

 */

/*---------------------------------------------------------------------------------------------
 * This file is only loaded if `SCRIPT_DEBUG` is set to `TRUE` in your `wp-config.php` file.
 * Otherwise, the `style.min.css` file is loaded.
--------------------------------------------------------------------------------------------- */

/*----------------------------------------------------------------------------
 >>> TABLE OF CONTENTS:
------------------------------------------------------------------------------
# Structure
# Typography
	## Forms
	## Tables
	## Buttons
# Alignement (WP classes)
# Images
# Header
# Menus
# Layout
# Posts
# Sidebars and widgets
# Comments
# Helper classes
# Print styles

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


/* ==========================================================================
   # Structure
   ========================================================================== */

/* HTML
   ========================================================================== */

html {
	font-size: 20px;
}

main:focus,
nav:focus,
div:focus,
button:focus {
	outline: none;
}

/* Body
   ========================================================================== */

body {
	background: #e6e6e6;
	font-family: Open Sans, Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1.6;
	overflow-y: scroll;
	overflow-x: hidden;
	min-width: 320px;
	padding: 0 20px;
}

body,
button,
input,
select,
textarea {
	color: #222;
}

/* Links
   ========================================================================== */

a {
	color: #0000b5;
	cursor: pointer;
	text-decoration: none;
}

a:visited {
	color: #800080;
}

a:hover,
a:active {
	color: #0000b5;
	text-decoration: underline;
}

a:link,
a:visited,
button {
	-webkit-transition: color .2s ease, background-color .2s ease;
	-moz-transition: color .2s ease, background-color .2s ease;
	-o-transition: color .2s ease, background-color .2s ease;
	transition: color .2s ease, background-color .2s ease
}

.container {
	max-width: 100%;
}

a.plain-green-link {
	color: #28523f;
	font-weight: 400;
}

a.right-arrow {
	
}
a.right-arrow::after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	margin: 0 0 0 10px;
	font-weight: 900;
	font-size: 0.8em;
}



/* ==========================================================================
   # Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Open Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 700;
	color: #28523f;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.2;
	margin: 1.2em 0 .7em;
}

/* Base sizes
   ================================ */
h1, .h1 { font-size: 1.05rem; }
h2, .h2 { font-size: 0.95rem; }
h3, .h3 { font-size: 0.9rem; }
h4, .h4 { font-size: 0.8rem; }
h5, .h5 { font-size: 0.75rem; }
h6, .h6 { font-size: 0.7rem; }

p {
	margin-bottom: 0.8em;
}

p:last-child {
	margin-bottom: 0;
}

sub, sup, small, .small,
blockquote cite, .wp-caption .wp-caption-text { font-size: 0.9em; }

.smaller { font-size: 0.8em; }
.xsmall {
	font-size: 0.625em;
	line-height: 1.5em;
}


@media (min-width: 576px) {
	body { 
		font-size: 0.8rem; 
	}
	h1, .h1 { font-size: 1.5rem; }
	h2, .h2 { font-size: 1.2rem; }
	h3, .h3 { font-size: 1.1rem; }
	h4, .h4 { font-size: 1rem; }
	h5, .h5 { font-size: 0.9rem; }
	h6, .h6 { font-size: 0.8rem; }
}


@media (min-width: 992px) {
	body { 
		font-size: 0.9rem; 
	}
	h1, .h1 { font-size: 1.9rem; }
	h2, .h2 { font-size: 1.5rem; }
	h3, .h3 { font-size: 1.2rem; }
	h4, .h4 { font-size: 1.1rem; }
	h5, .h5 { font-size: 1rem; }
	h6, .h6 { font-size: 0.9rem; }
}

/* ==========================================================================
   # Header
   ========================================================================== */
#ubc7-header::before,
#ubc7-header::after {
	display: table;
	line-height: 0;
	content: "";
}
#ubc7-header::after {
	clear: both;
}

.expand {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

.inflate {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0
}

.row {
	width: auto;
}

.container,
#ubc7-unit-menu .container {
	margin-left: 0;
	margin-right: 0;
}

header.row,
header [class*="col-"],
#ubc7-header {
	background-color: #fff;
}

header [class*="col-"] {
	height: 95px;
}

#ubc7-header {
	border-top: 3px solid #002145/*#2f5d7c*/;
	height: 98px;
}

#ubc7-header .container {
	border-left: 0;
	border-right: 0;
	padding-left: 0;
	padding-right: 0;
}

header [class*="col-"],
header .row [class*="col-"] {
	border: 0 none;
	display: block;
	float: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

#ubc7-header .col-lg-1,
#ubc7-header .col-lg-2 {
	display: none;
}

#ubc7-logo a,
#ubc7-apom a,
#ubc7-wordmark a,
#ubc7-global-utility button span,
#ubc7-signature a,
.ubc7-campus,
.hide-text {
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}

#ubc7-logo,
#ubc7-apom,
#ubc7-wordmark {
	height: 100%;
}

#ubc7-logo a,
#ubc7-apom a,
#ubc7-wordmark a,
#ubc7-global-utility button {
	display: block;
	height: 100%;
	width: 100%;
}

#ubc7-wordmark a {
	height: 80%;
}

#ubc7-logo,
#ubc7-apom a,
#ubc7-wordmark-block,
#ubc7-global-utility button span,
#ubc7-global-utility-no-script,
#ubc7-okanagan-campus,
#ubc7-vancouver-campus,
#ubc7-signature a,
.ubc7-carousel-control,
#ubc7-ql-apom span,
#ubc7-ql-mobile span,
.ubc7-arrow {
	background-image: url('images/ubc7-clf-sprite-grey.png');
	background-repeat: no-repeat;
}

#ubc7-global-utility button {
	background: transparent;
	border: 0;
	-moz-box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	cursor: pointer;
	height: 44px;
	margin-right: 0;
	float: right;
	padding: 0;
	width: 45px;
}

#ubc7-global-utility button span,
a#ubc7-global-utility-no-script {
	background-color: #002145/*#2f5d7c*/;
	background-position: -1229px -296px;
	cursor: pointer;
	display: block;
	height: 25px;
	position: relative;
	top: -10px;
	width: 45px;
}

#ubc7-global-utility button:not(.collapsed) span {
	background-position: -1163px -296px;
}

#ubc7-global-utility button:hover span,
#ubc7-global-utility button:active span {
	background-color: #002145/*#2f5d7c*/;
}

#ubc7-global-utility-no-script {
	left: 0;
	top: -44px;
}

#ubc7-wordmark-block {
	background-position: -2px -276px;
	background-size: auto;
	border-left: 0;
	margin-left: 0;
}

#ubc7-signature a {
	background-position: -2px -461px;
}

#ubc7-logo {
	background-position: 11px -115px;
	min-width: 95px;
}

#ubc7-apom a {
	background-position: -73px -115px;
	border-left: 1px solid #d7e0e7;
	min-width: 160px;
}

#ubc7-apom a:hover {
	background-color: #d7e0e7;
}


#ubc7-wordmark {
	background: 0;
	float: left;
	position: relative;
	width: 70%;
}



#ubc7-global-menu {
	background: #fff;
	box-shadow: inset 0 -60px 60px -60px #ccc;
	-moz-box-shadow: inset 0 -60px 60px -60px #ccc;
	-webkit-box-shadow: inset 0 -60px 60px -60px #ccc;
	line-height: 22px;
}

#ubc7-global-menu #ubc7-search input,
#ubc7-global-menu #ubc7-search button,
#ubc7-global-menu #ubc7-global-header a {
	visibility: hidden;
}

#ubc7-global-menu.show #ubc7-search input,
#ubc7-global-menu.show #ubc7-search button,
#ubc7-global-menu.show #ubc7-global-header a {
	visibility: visible!important;
}

#ubc7-search {
	background-color: #d7e0e7;
	height: 90px;
	text-align: center;
}

#ubc7-global-menu .container {
	padding-left: 0;
	padding-right: 0;
}

.form-search {
	margin:0 0 20px
}

#ubc7-search-box {
	padding-top: 30px;
}

#ubc7-search-box input {
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	font-size: 0.8rem;
	height: 1.5rem;
	line-height: 1rem;
	max-width: 200px;
	padding: 4px 3px;
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
}
#ubc7-search-box input:focus {
	border-color: rgba(82,168,236,0.8);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

#ubc7-search-box label {
	display: none;
}

#ubc7-search-box .btn {
	background-color: #002145;
	*background-color: #191938;
	background-image: -ms-linear-gradient(top, #002145, #191938);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #002145), to( #191938));
	background-image: -webkit-linear-gradient(top, #002145, #191938);
	background-image: -o-linear-gradient(top, #002145, #191938);
	background-image: linear-gradient(to bottom, #002145, #191938);
	background-image: -moz-linear-gradient(top, #002145, #191938);
	background-repeat: repeat-x;
	border: 1px solid #191938;
	border-color: rgba(25, 25, 56, .5);
	border-color: #002145;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff;
	filter: progid: dximagetransform.microsoft.gradient(startColorstr='#002145', endColorstr='#191938', GradientType=0);
	filter: progid: dximagetransform.microsoft.gradient(enabled=false);
	font-size: 0.7rem;
	padding: 4px 12px;
	text-decoration: none;
	text-shadow: none;
	*zoom: 1;
}

#ubc7-search-box .btn:hover,
#ubc7-search-box .btn:active {
	background-color: #2f5d7c;
	background-position: 0 -200px;
	border-color: #2f5d7c;
	color: #fff;
	outline: 0;
	text-decoration: none;
	text-shadow: none;
	transition: background-position .1s linear;
}

#ubc7-search-box .btn:focus {
	box-shadow: none;
	outline: 0;
}

/* Handle BS2 structure inserted by UBC global header function */
.row-fluid::before,
.row-fluid::after {
	display: table;
	line-height: 0;
	content: "";
}
.row-fluid::after {
	clear: both;
}
#ubc7-global-header {
	font-family: Arial,sans-serif !important;
}
#ubc7-global-header .row-fluid {
	padding-top: 10px;
	padding-bottom: 30px;
}
#ubc7-global-header .span8 {
	width: 100%;
}
#ubc7-global-header .row-fluid .offset2:first-child {
	margin-left: 0;
}
#ubc7-global-header ul {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
}
#ubc7-global-header li {
	border-bottom: 1px solid #d7e0e7;
	display: block;
	float: left;
	height: 31px;
	line-height: 24px;
	margin: 10px 1% 0 1%;
	width: 48%;
}

#ubc7-global-header a {
	color: #002145!important;
	font-size: 12px;
	text-decoration: none;
}

#ubc7-global-header a:hover,
#ubc7-global-header a:active {
	text-decoration: underline;
}

#ubc7-ql-mobile span {
	background-position: -1100px -300px;
	display: block;
	float: left;
	height: 25px;
	width: 25px;
}

#ubc7-ql-apom span {
	background-position: -1073px -300px;
	display: block;
	float: left;
	height: 25px;
	width: 25px;
}

#ubc7-unit {
	background: #28523f;
/*	box-shadow: inset 0 -10px 10px -10px #222;
	-moz-box-shadow: inset 0 -10px 10px -10px #222;
	-webkit-box-shadow: inset 0 -10px 10px -10px #222; */
	height: 50px;
	line-height: 22px;
	overflow: hidden;
	width: auto;
}

#ubc7-unit .container,
#ubc7-unit .col-lg-12 {
	padding-left: 0;
	padding-right: 0;
}

#ubc7-unit-name {
	margin-top: 15px;
	font-size: 12px;
	font-weight: 700;
}

#ubc7-unit-name a {
	color: #fff;
	display: block;
	line-height: 20px;
	text-decoration: none;
}

#ubc7-unit-name a:hover {
	text-shadow: 1px 2px #222;
}

#ubc7-unit-faculty {
	display: none;
}

#ubc7-unit-identifier {
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
}


@media (min-width: 576px) {
	#ubc7-global-menu .container {
		max-width: 100%;
	}

	#ubc7-header .container,
	#ubc7-unit .container {
		max-width: 100%;
	}

	#ubc7-wordmark-block {
		background-position: -2px -205px;
		background-size: auto;
	}

	#ubc7-global-utility button span,
	a#ubc7-global-utility-no-script {
		height: 33px;
		position: relative;
		top: -6px;
	}

	#ubc7-global-utility-no-script {
		left: 45px;
		top: 0:
	}

	#ubc7-global-utility button span {
		background-position: -1229px -291px;
	}

	#ubc7-global-utility button:not(.collapsed) span {
		background-position: -1163px -291px;
	}

	#ubc7-wordmark {
		width: 70%;
		background: 0;
	}
}

@media (min-width: 768px) {
	#ubc7-unit .container,
	#ubc7-global-menu .container {
		max-width: 100%;
	}

	#ubc7-search-box input {
		width: 278px;
		max-width: 278px;
	}

	#ubc7-wordmark-block {
		background-position: -1px -205px;
	}

	#ubc7-global-utility button {
		height: 44px;
		margin-right: 0;
	}

	#ubc7-global-utility button span,
	#ubc7-global-utility-no-script {
		background-position: -1233px 7px;
		height: 33px;
	}

	#ubc7-global-utility button:not(.collapsed) span {
		background-color: #002145/*#2f5d7c*/;
		background-position: -1167px 7px;
	}

	#ubc7-global-utility-no-script {
		position: relative;
		top: -35px;
	}

	#ubc7-global-header ul {
		margin: 0;
	}

	#ubc7-global-header li {
		width: 23%;
	}

}

@media (min-width: 992px) {
	body {
		padding: 0;
	}

	.expand {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.container,
	#ubc7-unit-menu .container {
		margin: 0 auto;
		width: 970px;
		max-width: 970px;
	}

	#ubc7-header .container {
		border-left: 2px solid #94a99f;
		border-right: 2px solid #94a99f;
		padding-left: 13px;
		padding-right: 13px;
	}

	#ubc7-header .col-lg-1 {
		display: block;
		float: left;
		width: 60px;
	}

	#ubc7-wordmark-block {
		background-position: -72px -115px;
		border-left: 2px solid #d7e0e7;
		float: left;
		margin-left: 20px;
		position: relative;
		max-width: 860px;
		width: 860px;
	}

	#ubc7-wordmark {
		width: 85%;
	}

	#ubc7-wordmark a {
		height: 100%;
	}

	#ubc7-global-utility button {
		height: 35px;
		margin-right: 13px;
	}

	#ubc7-global-utility button span {
		height: 35px;
		top: 0;
	}

	#ubc7-global-header .span8 {
		width: 620px;
	}

	#ubc7-global-header .row-fluid .offset2:first-child {
		margin-left: 180px;
	}

	#ubc7-unit-name {
		padding-left: 15px;
	}

}


@media (min-width: 1200px) {
	#ubc7-unit-menu .nav>li>a {
		padding-top: 11px!important;
	}

	.container,
	#ubc7-unit-menu .container {
		width: 1170px;
		max-width: 1170px;
	}

	#ubc7-header {
		border-top: 3px solid #002145/*#2f5d7c*/;
		height: 118px;
	}

	header.row,
	header [class*="col-"] {
		height: 115px;
	}

	#ubc7-header .container {
		width: 1200px;
		min-width: 1200px;
	}

	#ubc7-header .col-lg-1 {
		width: 70px;
	}

	#ubc7-logo {
		background-position: 32px 14px;
		margin-left: -15px;
		min-width: 115px;
	}

	#ubc7-wordmark-block {
		background-position: -83px 14px;
		width: 1070px;
		max-width: 1070px;
		margin-left: 30px;
	}

	#ubc7-wordmark {
		max-width: 739px;
		width: 739px;
		height: 100%;
	}

	#ubc7-global-utility button {
		height: 43px;
		margin-right: 17px;
	}

	#ubc7-global-utility button span,
	a#ubc7-global-utility-no-script {
		background-position: -1233px 11px;
		height: 43px;
		margin-right: 19px;
	}

	#ubc7-global-utility-no-script {
		left: 64px;
		top: 0;
	}

	#ubc7-global-utility button:not(.collapsed) span {
		background-position: -1167px 11px;
	}

	#ubc7-global-header .span8 {
		width: 770px;
	}

	#ubc7-global-header .row-fluid .offset2:first-child {
		margin-left: 200px;
	}

	#ubc7-unit-name {
		padding-left: 0;
	}

}

@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: '3/2'),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #ubc7-logo,
    #ubc7-apom a,
    #ubc7-wordmark-block,
    #ubc7-global-utility button span,
    #ubc7-global-utility-no-script,
    #ubc7-okanagan-campus,
    #ubc7-vancouver-campus,
    #ubc7-signature a,
    .ubc7-carousel-control,
    #ubc7-ql-apom span,
    #ubc7-ql-mobile span,
    .ubc7-arrow {
        background-image: url('images/ubc7-clf-sprite-grey.png')!important;
        background-size: 1500px!important;
    }
}

@media only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: '3/2') and (min-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px) {
    #ubc7-signature a {
        background-position: -2px -435px!important;
        background-size: 1400px!important;
    }
}


/* ==========================================================================
   # Site Footer
   ========================================================================== */
#ubc7-footer {
	background: #002145;
	font-size: 0.7rem;
}

#ubc7-unit-footer {
	background: #fff;
	border-top: 1px solid #d7e0e7;
	color: #002145;
	line-height: 1.1rem;
	padding-top: 20px;
}

#ubc7-unit-footer [class*="col-"] {
	margin-bottom: 10px;
}

#ubc7-address-unit-name {
	font-weight: 700;
}

#ubc7-unit-address a {
	color: #002145;
	text-decoration: none;
}

#ubc7-unit-address a:hover {
	color: #002145;
	text-decoration: underline;
}

#ubc7-footer .ubc7-back-to-top a {
	color: #2f5d7c;
	text-decoration: none;
}

#ubc7-footer .ubc7-back-to-top a:hover {
	color: #2f5d7c;
	text-decoration: underline;
}

#ubc7-unit-social-icons {
}

#ubc7-unit-social-icons a {
	color: #002145;
	font-size: 1.6rem;
}

#ubc7-footer .ubc7-back-to-top {
	background: #fff;
	padding-bottom: 8px;
	padding-top: 10px;
}

#ubc7-global-footer {
	line-height: 1.1rem;
}

#ubc7-signature {
	height: 50px;
	margin-top: 20px;
}

#ubc7-signature a {
	background-position: -2px -544px;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
}

#ubc7-footer h3 {
	color: #fff;
	font-size: 110%;
	line-height: 1.5rem;
	margin: 15px 0 5px 0;
}

#ubc7-footer h4, #ubc7-footer #ubc7-global-footer strong {
	color: #fff;
	font-size: 100%;
	line-height: 1.5rem;
	margin: 2px 0;
}

#ubc7-footer-menu a,
#ubc7-minimal-footer a {
	color: #fff;
	text-decoration: none;
}

#ubc7-minimal-footer {
	padding-top: 20px;
}

#ubc7-minimal-footer .col-lg-12 {
	border-top: 1px solid #1f385f;
	float: none;
	padding: 22px 0;
}

#ubc7-minimal-footer ul {
	margin: 0;
	padding: 0;
}

#ubc7-minimal-footer li {
	display: inline-block
}

#ubc7-minimal-footer a {
	font-size: 85%
}

#ubc7-minimal-footer .divider {
	color: #ccc;
	padding: 0 5px 0 3px
}


@media screen and (max-width: 991px) {
	/* remove padding on .container for smaller screens */
	#ubc7-footer .container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 576px) {
	#ubc7-footer .ubc7-back-to-top {
		padding-top: 0;
	}
	#ubc7-signature a {
		background-position: -2px -435px;
		background-size: 1400px;
	}
}

@media (min-width: 768px) {
	#ubc7-footer-menu .span6 {
		float: left;
		width: 48.61878453038674%;
	}
}

@media (min-width: 992px) {
	#ubc7-signature a {
		background-position: 0 -387px;
		background-size: auto;
	}
}

/* ==========================================================================
   # Menus
   ========================================================================== */

#ubc7-unit .navbar {
	height: 0.1px; /*fix for position of .navbar-toggler bug? on apple devices*/
	padding: 0;
	position: relative;
}

#ubc7-unit .navbar .navbar-toggler {
	background: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	box-shadow: 1px 1px 1px #191938;
	-moz-box-shadow: 1px 1px 1px #191938;
	-webkit-box-shadow: 1px 1px 1px #191938;
	display: block;
	height: 35px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 7px;
	width: 45px
}
#ubc7-unit .navbar .navbar-toggler:focus {
	outline: none;
}
#ubc7-unit .navbar .navbar-toggler span {
	display: block;
	position: absolute; 
	top: 17px; 
	left: 25%; 
	width: 50%; 
	height: 2px; 
	background: #002145;
}
#ubc7-unit .navbar .navbar-toggler span::before,
#ubc7-unit .navbar .navbar-toggler span::after {
	position: absolute; 
	display: block; 
	left: 0; 
	width: 100%; 
	height: 2px; 
	background-color: #002145; 
	content: " "; 
	transition-duration: 0.3s, 0.3s; 
	transition-delay: 0.3s, 0s;
}
#ubc7-unit .navbar .navbar-toggler span::before {
	top: -7px; 
	transition-property: top, transform;
}
#ubc7-unit .navbar .navbar-toggler span::after {
	bottom: -7px; 
	transition-property: bottom, transform;
}
#ubc7-unit .navbar .navbar-toggler:not(.collapsed) span {
	background: none;
}
#ubc7-unit .navbar .navbar-toggler:not(.collapsed) span::before {
	top: 0; 
	transform: rotate(45deg); 
	transition-delay: 0s, 0.3s;
}
#ubc7-unit .navbar .navbar-toggler:not(.collapsed) span::after {
	bottom: 0; 
	transform: rotate(-45deg); 
	transition-delay: 0s, 0.3s;
}

#ubcf-supp-nav {
	display: none;
	visibility: hidden;
}

@media (min-width: 992px) {
	#ubc7-unit .navbar .navbar-toggler {
		display: none;
		visibility: hidden;
	}

	#ubcf-supp-nav {
		display: block;
		font-size: 0.75rem;
		position: absolute;
		right: 15px;
		top: 0;
		visibility: visible;
	}

	#ubcf-supp-nav a {
		color: #fff;
		display: inline-block;
		font-weight: 700;
		padding: 13px 15px;
	}

	#ubcf-supp-nav .intranet a {
		background-image: url('images/icon-intranet.png');
		background-position: 15px center;
		background-repeat: no-repeat;
		padding-left: 55px;
	}

	#ubcf-supp-nav li:hover,
	#ubcf-supp-nav li.current-menu-item {
		background: #537565;
	}

	#ubcf-supp-nav li:hover a,
	#ubcf-supp-nav a:hover {
		text-decoration: none;
	}

}

@media (min-width: 1200px) {
	#ubcf-supp-nav {
		right: 5px;
	}

}


/* ====== Main Menu ====== */
.ubcf-main-nav {
	background-color: #002145;
	font-size: 0.7rem;
	padding: 0;
}

.ubcf-main-nav .navbar-nav {
	line-height: 18px;
	margin-left: 0;
}

.ubcf-main-nav .navbar-nav > .nav-item {
	border-bottom: 1px solid #fff;
	padding-left: 20px;
}

.ubcf-main-nav .navbar-nav > .nav-item .nav-link {
	color: #fff;
	font-weight: 700;
	padding: 9px 0;
	text-transform: uppercase;
}

.ubcf-main-nav .navbar-nav li.dropdown .nav-link {
	padding-right: 42px;
}

.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle {
	color: #fff;
	position: absolute;
	right: 0;
	width: 42px;
	height: 36px;
	top: 0;
	border: 0 none;
	border-left: 2px solid #334d6a;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-align: center;
	padding: 5px 2px;
	font-size: 13px;
}

.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle::after {
	content: none;
}

.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle .fa-chevron-up,
.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="true"] .fa-chevron-down {
	display: none;
	visibility: hidden;
}
.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="true"] .fa-chevron-up,
.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="false"] .fa-chevron-down {
	display: inline-block;
	visibility: visible;
}

.ubcf-main-nav .navbar-nav > .nav-item:hover,
.ubcf-main-nav .navbar-nav > .nav-item.current-menu-item,
.ubcf-main-nav .navbar-nav > .nav-item.current-page-ancestor {
	background-color: #334d6a;
	border-bottom: 1px solid #dfe1e1;
}


.ubcf-main-nav .navbar-nav > .intranet {
	background-color: #e6e6e6;
	border-bottom: 1px solid #c3d0db;
}

.ubcf-main-nav .navbar-nav > .intranet .nav-link {
	color: #002145;
	text-transform: initial;
}

.ubcf-main-nav .navbar-nav > .students .nav-link {
	background-image: url('images/icon-students-sm.png');
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-left: 32px;
}

.ubcf-main-nav .navbar-nav > .intranet .nav-link {
	background-image: url('images/icon-intranet-sm.png');
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-left: 32px;
}

.ubcf-main-nav .navbar-nav > .intranet:hover,
.ubcf-main-nav .navbar-nav > .intranet.current-menu-item {
	background-color: #c8d1d1;
}

.ubcf-main-nav .navbar-nav > .apply {
	background-color: #54c0b3;
	border-bottom: 1px solid #54c0b3;
	display: none; /* hide for now */
}

.ubcf-main-nav .navbar-nav > .apply .nav-link {
	color: #222;
}

.ubcf-main-nav .navbar-nav > .apply.current-menu-item {
	background-color: #54c0b3;
}

.ubcf-main-nav .navbar-nav > .apply:hover,
.ubcf-main-nav .navbar-nav > .apply.current-menu-item:hover {
	background-color: #76cdc2;
}

.ubcf-main-nav .nav-item .dropdown-menu {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0 none;
	border-top: 1px solid #fff;
	margin: 0 0 0 -20px;
	min-width: auto;
	padding: 0;
}

.ubcf-main-nav .nav-item .dropdown-menu .nav-item {
	border-bottom: 1px solid #fff;
	font-size: 0.75rem;
	margin: 0 0 0 -20px;
	padding: 0;
}

.ubcf-main-nav .nav-item .dropdown-menu .nav-item {
	border-bottom: 1px solid #28523f;
	margin: 0;
	padding: 0;
}

.ubcf-main-nav .nav-item .dropdown-menu .nav-item:hover,
.ubcf-main-nav .nav-item.current-page-ancestor .dropdown-menu .nav-item.current-menu-item {
	background-color: #c8d1d1;
}

.ubcf-main-nav .nav-item .dropdown-menu .nav-item:last-child {
	border-bottom: 0 none;
}

.ubcf-main-nav .nav-item .dropdown-menu .nav-item .dropdown-item {
	color: #002145;
	font-weight: 700;
	margin: 0;
	padding: 8px 0 8px 20px;
}

.ubcf-main-nav .nav-item .dropdown-menu .nav-item .dropdown-item:hover,
.ubcf-main-nav .nav-item .dropdown-menu .nav-item .dropdown-item:focus {
	background-color: inherit;
}

@media (min-width: 576px) {
	.ubcf-main-nav .navbar-nav > .intranet,
	.ubcf-main-nav .navbar-nav > .intranet.current-menu-item,
	.ubcf-main-nav .navbar-nav > .intranet:hover {
		border-bottom: 1px solid #30614b;
	}
}


@media (min-width: 992px) {
	.ubcf-main-nav .navbar-nav {
		height: 42px;
		margin: 0 auto;
		width: 970px;
	}

	.ubcf-main-nav .navbar-nav > .nav-item {
		border-bottom: 0 none;
		padding-left: 0;
	}

	.ubcf-main-nav .navbar-nav > .nav-item:first-child {
		margin-left: 3px;
	}

	.ubcf-main-nav .navbar-nav > .nav-item .nav-link {
		font-weight: 400;
		padding: 12px;
	}

	.ubcf-main-nav .navbar-nav li.dropdown .nav-link {
		padding-right: 35px;
	}

	.ubcf-main-nav .navbar-nav li.dropdown .dropdown-toggle {
		width: 22px;
		height: 23px;
		padding: 2px 2px;
		right: 4px;
		top: 10px;
	}

	.ubcf-main-nav .navbar-nav li.dropdown:hover .dropdown-menu {
		display: block;
	}

	.ubcf-main-nav .navbar-nav > .nav-item:hover,
	.ubcf-main-nav .navbar-nav > .nav-item.current-menu-item,
	.ubcf-main-nav .navbar-nav > .nav-item.current-page-ancestor {
		border-bottom: 0 none;
	}

	.ubcf-main-nav .navbar-nav > .intranet {
		display: none;
		visibility: hidden;
	}

	.ubcf-main-nav .navbar-nav > .apply {
		border-bottom: 0 none;
		border-left: 0 none;
		margin-left: 18px;
	}

	.ubcf-main-nav .navbar-nav > .students {
		border-bottom: 0 none;
		border-left: 0 none;
		/* margin-left: 8px; separate from Apply button */
	}

	.ubcf-main-nav .navbar-nav > .students .nav-link {
		background-image: url('images/icon-students.png');
		background-position: 10px center;
		padding-left: 42px;
	}

	.ubcf-main-nav .navbar-nav > .apply .nav-link {
		padding-left: 22px;
		padding-right: 22px;
	}


	.ubcf-main-nav .nav-item .dropdown-menu {
		border: 1px solid #28523f;
		margin-left: 0;
		min-width: 100%;
	}

	.ubcf-main-nav .nav-item .dropdown-menu .nav-item .dropdown-item {
		padding-left: 10px;
		padding-right: 10px;
	}

	.ubcf-main-nav .navbar-nav > .students .dropdown-menu {
		left: auto;
		right: 0;
	}

}


@media (min-width: 1200px) {
	.ubcf-main-nav {
		font-size: 0.75rem;
		letter-spacing: 0.02em;
	}

	.ubcf-main-nav .navbar-nav {
		width: 1170px;
	}
	.ubcf-main-nav .navbar-nav > .nav-item:first-child {
		margin-left: -12px;
	}

	.ubcf-main-nav .navbar-nav > .nav-item .nav-link {
	/*	font-weight: 700; */
	}

	.ubcf-main-nav .navbar-nav li.dropdown .nav-link {
	/*	padding-right: 40px; */
	}

	.ubcf-main-nav .navbar-nav > .students .dropdown-menu {
		left: 0;
		right: auto;
	}
}


/* ====== Sidebar nav menu ====== */

.sidebar-nav {
	font-size: 0.9rem;
}

.sidebar-nav .navbar {
	padding: 0;
}

.sidebar-nav .navbar-nav {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.sidebar-nav .navbar-nav > .nav-item {
	display: block;
	list-style: none;
	margin-bottom: 1.5rem;
	position: relative;
}

.sidebar-nav .navbar-nav > .nav-item .nav-item {
	position: relative;
	width: 100%;
}

.sidebar-nav a,
.sidebar-nav a:visited {
	color: #28523f;
	font-weight: 700;
	text-decoration: none;
}

.sidebar-nav a:hover {
	text-decoration: underline;
}

.sidebar-nav .navbar-nav > .nav-item a {
	padding: 0.3rem 0;
}

.sidebar-nav .navbar-nav > .nav-item > a {
	border-bottom: 2px solid #28523f;
}

.sidebar-nav .navbar-nav .nav-link[target="_blank"] {
	padding-right: 20px;
}

.sidebar-nav .navbar-nav .nav-link[target="_blank"]::after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-size: 0.8em;
	font-weight: 900;
	position: absolute;
	right: 0;
	width: 22px;
	height: auto;
	top: 0;
	text-align: center;
	padding: 7px 0 0;
}

.sidebar-nav .navbar-nav li.menu-item-has-children .nav-link {
	padding-right: 20px;
}

.sidebar-nav .navbar-nav li.menu-item-has-children .btn-toggle {
	position: absolute;
	right: 0;
	width: 20px;
	height: 36px;
	top: 0;
	border: 0 none;
	text-align: center;
	padding: 5px 0;
	font-size: 13px;
}

.sidebar-nav .navbar-nav li.menu-item-has-children .btn-toggle:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.sidebar-nav .navbar-nav li.menu-item-has-children .btn-toggle::after {
	content: none;
}

.sidebar-nav .navbar-nav li.menu-item-has-children .btn-toggle .fa-chevron-up,
.sidebar-nav .navbar-nav li.menu-item-has-children .btn-toggle[aria-expanded="true"] .fa-chevron-down {
	display: none;
	visibility: hidden;
}
.sidebar-nav .navbar-nav li.menu-item-has-children .btn-toggle[aria-expanded="true"] .fa-chevron-up,
.sidebar-nav .navbar-nav li.menu-item-has-children .btn-toggle[aria-expanded="false"] .fa-chevron-down {
	display: inline-block;
	visibility: visible;
}

.sidebar-nav .nav-item .dropdown-menu {
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0 none;
	font-size: 0.85rem;
	margin: 0 0 0 1rem;
	min-width: auto;
	padding: 0;
}

.sidebar-nav .nav-item .dropdown-menu .nav-item {
	margin: 0;
	padding: 0;
}

.sidebar-nav .nav-item .dropdown-menu .nav-item .dropdown-item:hover,
.sidebar-nav .nav-item .dropdown-menu .nav-item .dropdown-item:focus {
	background-color: inherit;
}

@media (min-width: 576px) {
	.sidebar-nav {
		font-size: 1.05rem;
	}

	.sidebar-nav .nav-item .dropdown-menu {
		font-size: 0.9rem;
		margin-left: 2.5rem;
	}

	.sidebar-nav .navbar-nav > .nav-item > a {
		padding-left: 1.5rem;
	}

	.sidebar-nav .navbar-nav li.menu-item-has-children .nav-link {
		padding-right: 60px;
	}

	.sidebar-nav .navbar-nav li.menu-item-has-children .dropdown-toggle {
		right: 40px;
	}

	.sidebar-nav .navbar-nav .nav-link[target="_blank"]::after {
		right: 38px;
	}
}

@media (min-width: 992px) {
	.sidebar-nav .nav-item .dropdown-menu {
		margin-left: 1.5rem;
	}

	.sidebar-nav .navbar-nav > .nav-item > a {
		padding-left: 0;
	}

	.sidebar-nav .navbar-nav li.menu-item-has-children .nav-link {
		padding-right: 20px;
	}

	.sidebar-nav .navbar-nav li.menu-item-has-children .dropdown-toggle {
		right: 0;
	}

	.sidebar-nav .navbar-nav .nav-link[target="_blank"]::after {
		right: 0;
	}
}


/* ====== Subsidiary Menu ====== */

#menu-subsidiary ul {
	display: block;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: .8em;
	padding: 0;
}

#menu-subsidiary li {
	display: inline-block;
	list-style: none;
	margin-left: 6px;
	margin-right: 6px;
}


@media (min-width: 900px) {

	#menu-secondary li {
		margin-left: 0;
		margin-right: 14px;
	}

	#menu-subsidiary ul {
		float: right;
		display: inline-block;
		margin-bottom: 1em;
	}

	#menu-subsidiary li {
		float: left;
		margin-left: 10px;
		margin-right: 0;
	}

}


/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {
	color: #28523f;
	font-size: 0.6rem;
	line-height: 1rem;
	margin-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
}

.breadcrumb-trail .trail-browse {
	font-size: 0.889em;
	margin: 0;
}

.breadcrumb-trail ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumb-trail ul li {
	display: inline-block;
}

.breadcrumb-trail .trail-end {
	color: #222;
	font-weight: 700;
}

.breadcrumb-trail .trail-begin a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f015";
	margin: 0;
	font-weight: 900;
	font-size: 17px;
	width:19.125px; /*CLS 9/11/2020*/
	height:21px; /*CLS 9/11/2020*/
}

.breadcrumb-trail .trail-begin a span {
	display: none;
}

.breadcrumb-trail li::after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	margin: 0px 5px 0;
	font-weight: 900;
	font-size: 12px;
	width:6px; /*CLS 9/11/2020*/
	height:13px; /*CLS 9/11/2020*/
}

.breadcrumb-trail li.trail-end::after,
.breadcrumb-trail li:last-child::after {
	content: '';
	margin: 0;
}

.breadcrumb-trail a {
	color: #28523f;
	display: inline-block;
}

.breadcrumb-trail a:hover {
	color: #222;
}

.breadcrumb-trail a:active,
.breadcrumb-trail a:focus {
	color: #222;
	text-decoration: none;
}

@media (min-width: 576px) {
	.breadcrumb-trail {
		font-size: 0.7rem;
		margin-bottom: 25px;
		padding-top: 20px;
	}
}

/* Typography General
   ========================================================================== */

ul,
ol,
dd,
dl,
figure,
fieldset,
form,
pre,
table {
	margin: 0 0 1.5rem;
}

object {
	margin-bottom: 1.5rem;
}

.forms .checkbox-list-vertical .checkbox:last-child {
	margin-bottom: 0;
}

i,
em,
cite {
	font-style: italic;
}

i i,
em em,
mark mark,
cite cite,
blockqoute i,
blockquote em,
blockquote cite {
	font-style: normal;
}

acronym {
	text-transform: uppercase;
}

del,
s,
strike {
	text-decoration: line-through;
}

strong,
b,
.label[bold],
.badge[bold],
.message a,
.alert a {
	font-weight: 700;
}

b b,
strong strong {
	font-weight: 400;
}

var,
tfoot th,
tfoot td,
.muted {
	color: rgba(0, 0, 0, 0.5);
}

.show-if-js,
.label:empty,
.badge:empty,
.hide {
	display: none;
}

hr {
	background-color: transparent;
	border: 0;
	border-top: 1px solid #d7e0e7;
	border-bottom: 1px solid #fff;
	clear: both;
	display: block;
	height: 2px;
	margin: 1rem 0;
	overflow: hidden;
}

p:empty,
p:blank {
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

sup {
	bottom: .3em;
	position: relative;
	vertical-align: baseline;
}

sub {
	position: relative;
	top: .3em;
	vertical-align: baseline;
}

.nowrap,
.nowrap td {
	white-space: nowrap;
}

.start {
	margin-top: 0 !important;
}

.last {
	margin-right: 0 !important;
}

.normal {
	font-weight: normal !important;
}

.light {
	font-weight: 300 !important;
}

.thin {
	font-weight: 100 !important;
}

.bold {
	font-weight: 700 !important;
}

.italic {
	font-style: italic !important;
}

.list-flat {
	list-style: none;
	margin-left: 0;
}

/* === <bdo> and direction === */

[dir="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

bdo[dir="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

/* === Blockquotes, quotes, and cites === */

blockquote {
	border-top: 3px solid rgba(0, 0, 0, 1);
	font-weight: 600;
	line-height: 1.45;
	margin-left: 1.5rem;
	margin-top: 2rem;
	padding-left: 0;
	padding-top: 1.5rem;
	position: relative;
}

blockquote p {
	margin-left: -1.5rem;
}

blockquote::before {
	color: rgba(0, 0, 0, 1);
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-size: 1.25em;
	left: 0;
	line-height: 1;
	margin-left: -2rem;
	position: absolute;
	top: -.8rem;
	width: 30px;
}

blockquote cite {
	display: block;
	font-weight: 400;
	line-height: 20px;
	margin-top: 15px;
	width: 100%;
}

cite {
	opacity: 0.65;
	font-style: italic;
}

.en-us q {
	quotes: \201C \201D \2018 \2019;
}

blockquote.alignleft,
blockquote.alignright {
	width: 32%;
}

.pull-right,
.pull-left {
	color: #222;
	border-top: solid 4px #222;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4;
	padding: 2% 0 0 0;
	position: relative;
}

.pull-left {
	float: left;
	margin-top: 1%;
	margin-bottom: 3%;
}

.pull-right {
	margin-top: 1%;
	margin-bottom: 3%;
}

@media (min-width: 768px) {
	.pull-left {
		float: left;
		margin: 1% 5% 3% 0;
		width: 34%;
	}

	.pull-right {
		float: right;
		margin: 1% 0 3% 5%;
		width: 34%;
	}
}

/* === Acronyms and abbreviations === */

abbr[title],
acronym[title],
time[title],
dfn[title] {
	cursor: help;
}

abbr[title] {
	border-bottom: 1px dotted #202020;
}

abbr,
acronym {
	border-bottom: 1px dotted #999;
}

/* === Code and Preformatted text === */

ins,
u {
	text-decoration: underline;
}

mark {
	background-color: #ffd61e;
	color: #202020;
	text-decoration: none;
}

pre,
code,
kbd,
samp,
var,
output {
	cursor: text;
	font-family: Consolas, Andale Mono, AndaleMono, Courier New, Courier;
	font-size: 83%;
	font-style: normal;
}

pre {
	background: rgba(0, 0, 0, 0.03);
	color: rgba(0, 0, 0, 0.9);
	overflow: auto;
	padding: 1.2rem 1.5rem;
	word-wrap: normal;
}

td pre {
	white-space: 0;
	word-wrap: break-word;
}

mark,
code,
samp,
kbd {
	border-radius: 2px;
	display: inline-block;
	line-height: 1;
	padding: .2rem .4rem;
}

code {
	background: rgba(0, 0, 0, 0.07);
	direction: ltr;
	text-align: left;
}

pre code {
	background: none;
	border: none;
	font-size: 100%;
	line-height: 24px;
	padding: 0;
}

samp {
	background: #46a9fc;
	color: rgba(255, 255, 255, 0.95);
}

kbd {
	background: #202020;
	color: rgba(255, 255, 255, 0.85);
	white-space: nowrap;
}

ins,
dfn {
	border-bottom: 1px solid #999;
	font-style: italic;
	text-decoration: none;
}

/* === <address> tag === */

address {
	font-style: normal;
	margin: 0 0 1rem;
}

/* === Lists === */

ul,
ol {
	margin-left: 0;
	padding-left: 1rem;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
	margin-left: 0;
}

ol ol li {
	list-style-type: lower-alpha;
}

ol ol ol li {
	list-style-type: lower-roman;
}

body dt {
	font-size: 1em;
	font-weight: bold;
	margin-left: 0;
}

dd {
	margin-left: .75em;
}

dd + dd {
	margin-top: .75rem;
}

dd + dt {
	margin-top: 1.5rem;
}



/*
   Contact Form 7
   ========================================================================== */
div.wpcf7-response-output {
	margin: 1.5em 0;
	padding: 0.75em 1em;
}

div.wpcf7-validation-errors {
	border: 2px solid #D50000;
	color: #D50000;
	font-size: 0.9em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #0a8754;
	color: #106D46;
	font-size: 0.9em;
}

.wpcf7-form p {
}

.wpcf7-form-control {
	margin-top: 0.4rem;
}

.wpcf7-form-control.wpcf7-submit {
	margin-top: 0.4rem;
}

div.wpcf7 img.ajax-loader {
	margin-top: 10px;
}



@media only screen and ( max-width: 614px ) {
	textarea {
		width: 100%;
	}
}


/* ==========================================================================
   # Alignement (WP classes)
   ========================================================================== */

.aligncenter,
.alignright,
.alignleft {
	display: block;
	margin:  0 auto 1.5rem;
}

p .aligncenter,
p .alignright,
p .alignleft {
	margin-bottom: 0;
}

@media only screen and ( min-width: 576px ) {

	.alignleft {
		float:        left;
		margin-right: 1.5rem;
	}

	.alignright {
		float:       right;
		margin-left: 1.5rem;
	}
}

.alignnone { float: none; }
.clear { clear: both; }
.separator { clear: both; width: 100%; }


/* ==========================================================================
   # Images
   ========================================================================== */

.wp-block-image {
	margin-bottom: 0;
}

.wp-block-image.w-100 img {
	width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

img.alignleft,
img.alignright {
	display: inline;
}

img.alignleft,
img.alignright,
.alignleft img,
.alignright img {
	margin-top: .2rem;
}

img.wp-smiley,
img.emoji {
	background: transparent;
	border: none;
	box-shadow: none;
	display: inline;
	margin: 0 .07em;
	max-height: 1em;
	padding: 0;
	width: 1em;
}

@media only screen and (max-width: 480px) {
	figure.alignleft, img.alignleft, figure.alignright, img.alignright {
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
		max-width: 100%;
		width: auto;
  }
}

@media screen and (min-width: 576px) {
	.wp-block-image.w-sm-100 img {
		width: 100%;
	}
}

@media screen and ( min-width: 768px ) {
	.w-md-100 {
		width: 100%;
	}
	.w-md-50 {
		width: 50%;
	}
	.wp-block-image.w-md-100 img {
		width: 100%;
	}
}

@media screen andnews-list-filter-field (min-width: 992px) {
	.wp-block-image.w-lg-100 img {
		width: 100%;
	}
}

/* === Captions === */

.wp-caption {
	max-width: 100%;
	position: relative;
}

figcaption,
.figcaption,
.wp-caption-text {
	color: #46484E;
	font-size: 0.7rem;
	line-height: 1.35;
	margin: .4rem 0;
	text-align: center;
}

figcaption span,
.wp-caption-text span {
	clear: both;
	display: block;
	font-size: 90%;
	line-height: 1.8;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}


/* === figure with caption floated over image === */
.wp-block-image.float-caption {
	position: relative;
}

.wp-block-image.float-caption figcaption {
	position: absolute;
	top: calc(50% - 1em);
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-align: center;
	max-width: 100%;
}

.wp-block-image.float-caption::before {
	content: " ";
	background: rgba(40, 82, 63, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	max-width: 100%;
}

@media only screen and (max-width: 767px) { 
	.wp-block-image .alignright {
    max-width: 45%;
	}
}

/* === Accordion === */
.wp-block-ub-content-toggle-accordion {
	border-color: #28523f !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap {
	background: transparent !important;
	color: #222 !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title, 
.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
	color: #222 !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator.wp-block-ub-chevron-down::after {
	transform: rotate(45deg);
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator.wp-block-ub-chevron-down.open::after {
	transform: rotate(135deg);
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator.dashicons-arrow-right-alt2 {
	transform: rotate(90deg) !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator.dashicons-arrow-right-alt2.open {
	transform: rotate(-90deg) !important;
}

.wp-block-ub-content-toggle-accordion-content-wrap {
	border-top: 1px solid #28523f;
}

.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc {
	border: 0 none;
}

.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-title-wrap {
	border: 2px solid #28523f;
}

.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title, 
.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
	color: #28523f !important;
}

.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title {
	font-size: 0.9rem !important;
	font-weight: 700 !important;
}

.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-content-wrap {
	background-color: #fff;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
}

.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-content-wrap a {
	color: #28523f !important;
}

@media (min-width: 576px) {
	.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title {
		font-size: 1.1rem !important;
	}
}

@media (min-width: 992px) {
	.wp-block-ub-content-toggle-accordion.ubcf-scheme-acc .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title {
		font-size: 1.2rem !important;
	}
}



/* === Gallery === */

.gallery {
	max-width: 100%;
	display:   block;
	clear:     both;
	margin:    0 auto 1.5rem;
}

.gallery::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.gallery-item {
	width: 100%;
	padding: 0;
	text-align: center;
	list-style: none;
	border: none;
	background: transparent;
}

.gallery-icon a {
	display: block;
}

.gallery-icon img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.gallery-type-circle img {
	border-radius: 50%;
}

.gallery-caption {
	margin: 5px 0 1.5em;
	line-height: 1.25;
	width: 100%;
}

.gallery-item {
	float:  left;
	margin-bottom: 25px;
	text-align: center;
}

/* When the screen width is at least 360px. */
@media only screen and ( min-width: 360px ) {

	.gallery-item {
		margin: 0 5% 5% 0;
	}

	.gallery-icon img {
		width: 100%;
	}

		.rtl .gallery-item {
			float: right;
			margin-left:  5%;
			margin-right: 0;
		}

	.gallery-caption {
		clear: both;
		float: left;
	}

	/* Everything should be 2 columns. */
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item,
	.gallery-columns-10 .gallery-item { width: 45%; }
}

/* When the screen width is between 360px and 539px. */
@media only screen and ( min-width: 360px ) and ( max-width: 539px ) {

	.gallery-item:nth-of-type( 2n + 1 ) { clear: both; }

		 .gallery-item:nth-child( 2n )  { margin-right: 0; float: right; }
	.rtl .gallery-item:nth-child( 2n )  { margin-left:  0; float: left;  }
}

/* When the screen width is between 540px and 639px. */
@media only screen and ( min-width: 540px ) and ( max-width: 639px ) {

	.gallery-columns-3  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-4  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-5  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-6  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-7  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-8  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-9  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-10 .gallery-item:nth-child( 3n + 1 ) { clear: both; }

	.gallery-columns-3  .gallery-item:nth-child( 3n ),
	.gallery-columns-4  .gallery-item:nth-child( 3n ),
	.gallery-columns-5  .gallery-item:nth-child( 3n ),
	.gallery-columns-6  .gallery-item:nth-child( 3n ),
	.gallery-columns-7  .gallery-item:nth-child( 3n ),
	.gallery-columns-8  .gallery-item:nth-child( 3n ),
	.gallery-columns-9  .gallery-item:nth-child( 3n ),
	.gallery-columns-10 .gallery-item:nth-child( 3n ) { float: right; margin-left: 0; margin-right: 0; }

	.rtl .gallery-columns-3  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-4  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-5  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-6  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-7  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-8  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-9  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-10 .gallery-item:nth-child( 3n ) { float: left; }

	/* Handle the columns. */
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4  .gallery-item,
	.gallery-columns-5  .gallery-item,
	.gallery-columns-6  .gallery-item,
	.gallery-columns-7  .gallery-item,
	.gallery-columns-8  .gallery-item,
	.gallery-columns-9  .gallery-item,
	.gallery-columns-10 .gallery-item { width: 30%; }
}

/* When the screen width is between 640px and 767px. */
@media only screen and ( min-width: 640px ) and ( max-width: 767px ) {

	.gallery-columns-2  .gallery-item:nth-child( 2n + 1 ),
	.gallery-columns-3  .gallery-item:nth-child( 3n + 1 ),
	.gallery-columns-4  .gallery-item:nth-child( 4n + 1 ),
	.gallery-columns-5  .gallery-item:nth-child( 4n + 1 ),
	.gallery-columns-6  .gallery-item:nth-child( 4n + 1 ),
	.gallery-columns-7  .gallery-item:nth-child( 4n + 1 ),
	.gallery-columns-8  .gallery-item:nth-child( 4n + 1 ),
	.gallery-columns-9  .gallery-item:nth-child( 4n + 1 ),
	.gallery-columns-10 .gallery-item:nth-child( 4n + 1 ) { clear: both; }

	.gallery-columns-2  .gallery-item:nth-child( 2n ),
	.gallery-columns-3  .gallery-item:nth-child( 3n ),
	.gallery-columns-4  .gallery-item:nth-child( 4n ),
	.gallery-columns-5  .gallery-item:nth-child( 4n ),
	.gallery-columns-6  .gallery-item:nth-child( 4n ),
	.gallery-columns-7  .gallery-item:nth-child( 4n ),
	.gallery-columns-8  .gallery-item:nth-child( 4n ),
	.gallery-columns-9  .gallery-item:nth-child( 4n ),
	.gallery-columns-10 .gallery-item:nth-child( 4n ) { float: right; margin-left: 0; margin-right: 0; }

	.rtl .gallery-columns-2  .gallery-item:nth-child( 2n ),
	.rtl .gallery-columns-3  .gallery-item:nth-child( 3n ),
	.rtl .gallery-columns-4  .gallery-item:nth-child( 4n ),
	.rtl .gallery-columns-5  .gallery-item:nth-child( 4n ),
	.rtl .gallery-columns-6  .gallery-item:nth-child( 4n ),
	.rtl .gallery-columns-7  .gallery-item:nth-child( 4n ),
	.rtl .gallery-columns-8  .gallery-item:nth-child( 4n ),
	.rtl .gallery-columns-9  .gallery-item:nth-child( 4n ),
	.rtl .gallery-columns-10 .gallery-item:nth-child( 4n ) { float: left; }

	/* Handle the columns. */
	.gallery-columns-2 .gallery-item  { width: 45%; }
	.gallery-columns-3 .gallery-item  { width: 30%; }
	.gallery-columns-4  .gallery-item,
	.gallery-columns-5  .gallery-item,
	.gallery-columns-6  .gallery-item,
	.gallery-columns-7  .gallery-item,
	.gallery-columns-8  .gallery-item,
	.gallery-columns-9  .gallery-item,
	.gallery-columns-10 .gallery-item { width: 21.25%;   }
}

/* When the screen width is at least 768px. */
@media only screen and ( min-width: 768px ) {

	.gallery-columns-2  .gallery-item:nth-child( 2n  + 1 ),
	.gallery-columns-3  .gallery-item:nth-child( 3n  + 1 ),
	.gallery-columns-4  .gallery-item:nth-child( 4n  + 1 ),
	.gallery-columns-5  .gallery-item:nth-child( 5n  + 1 ),
	.gallery-columns-6  .gallery-item:nth-child( 6n  + 1 ),
	.gallery-columns-7  .gallery-item:nth-child( 7n  + 1 ),
	.gallery-columns-8  .gallery-item:nth-child( 8n  + 1 ),
	.gallery-columns-9  .gallery-item:nth-child( 9n  + 1 ),
	.gallery-columns-10 .gallery-item:nth-child( 10n + 1 ) { clear: both; }

	.gallery-columns-2  .gallery-item:nth-child( 2n  ),
	.gallery-columns-3  .gallery-item:nth-child( 3n  ),
	.gallery-columns-4  .gallery-item:nth-child( 4n  ),
	.gallery-columns-5  .gallery-item:nth-child( 5n  ),
	.gallery-columns-6  .gallery-item:nth-child( 6n  ),
	.gallery-columns-7  .gallery-item:nth-child( 7n  ),
	.gallery-columns-8  .gallery-item:nth-child( 8n  ),
	.gallery-columns-9  .gallery-item:nth-child( 9n  ),
	.gallery-columns-10 .gallery-item:nth-child( 10n ) { margin-left: 0; margin-right: 0; }

	/* Handle the columns. */
	.gallery-columns-2 .gallery-item  { width: 45%;    }
	.gallery-columns-3 .gallery-item  { width: 30%;    }
	.gallery-columns-4 .gallery-item  { width: 21.25%; }
	.gallery-columns-5 .gallery-item  { width: 16%;    }
	.gallery-columns-6 .gallery-item  { width: 12.5%;  }
	.gallery-columns-7 .gallery-item  { width: 10%;    }
	.gallery-columns-8 .gallery-item  { width: 8.125%; }
	.gallery-columns-9 .gallery-item  { width: 6.66%;  }
	.gallery-columns-10 .gallery-item { width: 5.5%;   }
}


/* Typography Buttons
   ========================================================================== */
.btn {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.1em;
}

.btn-primary {
	background: none;
	border: 2px solid #28523f;
	border-radius: 0;
	color: #28523f;
	margin-top: 13px;
	padding: 5px 10px;
	text-align: left;
	text-transform: uppercase;
}

.btn-primary:visited {
	color: #28523f;
}

.btn-primary:hover {
	border: 2px solid #28523f;
	background: #28523f;
	color: #fff;
}

.btn-secondary {
	background: none;
	border: 2px solid #fff;
	border-radius: 0;
	color: #fff;
	font-weight: 700;
	line-height: 1.1em;
	margin-top: 13px;
	padding: 5px 10px;
	text-align: left;
	text-transform: uppercase;
}

.btn-secondary:visited {
	color: #fff;
}

.btn-secondary:hover {
	border: 2px solid #fff;
	background: #fff;
	color: #28523f;
}

@media screen and (min-width: 992px) {
	.btn-primary,
	.btn-secondary {
		font-size: 16px;
		margin-top: 25px;
	}
}



/* ==========================================================================
   # Layouts
   ========================================================================== */
#main {
}

.bg-wrapper {
}
.bg-wrapper.bg-green {
	background: #bcd0c6;
}

@media screen and (max-width: 991px) {
	/* remove padding from .container in #main section on smaller screens */
	#main > .container,
	.container.px-xl-0 {
		padding-left: 0;
		padding-right: 0;
	}
}

.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child {
	margin-top: 0;
}

.entry-content h2.underlined,
.entry-content h3.underlined,
.entry-content h4.underlined {
	border-bottom: 1px solid #28523f;
	margin-bottom: 1.2em;
	padding-bottom: 0.3em;
}

.entry-content a {
	font-weight: 700;
}

.entry-content a.plain-green-link {
	color: #28523f;
	font-weight: 400;
}

.entry-content ul {
	list-style-type: disc;
}

.entry-content .page-lead-text {
	color: #28523f;
	font-weight: 700;
}

@media screen and (min-width: 992px) {
	.entry-content .page-lead-text {
		font-size: 1rem;
	}
}

/* Adjust bootstrap spacing to suit UBCF layouts
   ========================================================================== */
.row.ubcf-spacing {
	margin-left: -10px;
	margin-right: -10px;   
}

.row.ubcf-spacing div[class*="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}

/* Hero Banner Area
   ========================================================================== */
.hero-banner {
	overflow: hidden;
	position: relative;
}

.hero-banner img {
	min-width: 100%;
	max-height: 350px;
	-o-object-fit: cover;
	object-fit: cover;
}

.hero-banner .hero-banner-header {
	background: #28523f;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 160%;
	padding: 15px 20px;
}

.hero-banner .hero-banner-header h3.hdr1 {
	color: #fff;
	font-size: 24px;
	line-height: 160%;
	margin-top: 0;
}

.hero-banner .hero-banner-header .hero-banner-link a.btn-primary {
	background: #54c0b3;
	border-color: #54c0b3;
	color: #222;
	font-size: 14px;
	padding: 0.7rem 1.5rem;
}

.hero-banner .hero-banner-header .hero-banner-link a.btn-primary:hover {
	background: #76cdc2;
	border-color: #76cdc2;
	text-decoration: none;
}

@media screen and (min-width: 576px) {
	.hero-banner .hero-banner-header {
		font-size: 18px;
		padding: 25px 20px;
	}

	.hero-banner .hero-banner-header h3.hdr1 {
		font-size: 30px;
	}

	.hero-banner .hero-banner-header .hero-banner-link a.btn-primary {
		font-size: 15px;
	}
}

@media screen and (min-width: 768px) {
	.hero-banner .hero-banner-header {
		font-size: 20px;
		padding: 25px 20px;
	}

	.hero-banner .hero-banner-header h3.hdr1 {
		font-size: 34px;
		line-height: 130%;
	}

	.hero-banner .hero-banner-header .hero-banner-link a.btn-primary {
		font-size: 16px;
	}
}

@media screen and (min-width: 992px) {
	.hero-banner .hero-banner-header {
		background: none;
		font-size: 22px;
		padding: 0 0 40px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.hero-banner .hero-banner-header .hero-banner-inner {
		padding-right: 28% !important;
	}

}

@media screen and (min-width: 1200px) {

	.hero-banner .hero-banner-header h3.hdr1 {
		font-size: 38px;
		line-height: 110%;
	}
}

.responsive-media {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.responsive-media iframe, .responsive-media object, .responsive-media embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, 
.wp-embed-aspect-16-9 .wp-block-embed__wrapper object, 
.wp-embed-aspect-16-9 .wp-block-embed__wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.home-alert-section {
	background: #afc7a3;
	padding: 10px 10px 8px;
}

.home-alert-section .info-svg-container {
	margin-right: 8px;
	width: 20px;
	padding-top: 5px;
}

.home-alert-section .info-svg-container svg {
	vertical-align: top;
}

.home-alert-section a {
	font-weight: 700;
}

.video-area {
	background: url(images/video_default.jpg) center top no-repeat transparent;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.video-area { width:100%; min-height:155px; height:155px; padding: 0; position:relative; overflow: hidden; }
.video-area .video-container { display: none; }

.video-slides-container {width:100%; height:100%; padding:0 20px 0; overflow:hidden; margin: 0; position:absolute; top:0; left:0; opacity:1; transition: 0.3s all; }
.video-slides-container.loading {opacity:0; }
.video-slides {width:100%; height:100%; padding:0; overflow:hidden; margin: 0; position:absolute; top:0; left:0;}
.video-slide {
	height: 100%;
}
.video-slide .slide-caption {
	position: absolute;
	bottom: 30px;
	left: 20px;
}

.video-slide .slide-caption h2 {
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background-color: rgba(40, 82, 63, 0.7);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 8px;
}

.flex-controls-container {
	position: absolute;
	bottom: 20px;
	left: 20px;
	height: 40px;
}
.flex-pauseplay {
	display:none;
}

.flex-direction-nav a,
.flex-pauseplay a {
	background: rgb(48, 97, 75, 0.6);
	bottom: 0;
	color: #fff;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	opacity: 1;
	width: 40px;
}

.flex-direction-nav a::before,
.flex-pauseplay a::before {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	opacity: 1;
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	text-shadow: none;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flex-direction-nav .flex-next {
	left: 50px;
}

.flex-pauseplay .flex-pause,
.flex-pauseplay .flex-play {
	left: 50px;
}

.home-featured-news {
	background: #e6e6e6;
	padding-bottom: 40px;
	padding-top: 35px;
}

.home-featured-news .foh-item {
	background: #fff;
	height: calc(100% - 35px);
	margin-top: 35px;
}

.home-featured-news .foh-item .foh-text {
	font-size: 14px;
	line-height: 20px;
	padding: 15px 10px 0;
}

.home-featured-news .foh-item .foh-text h3 {
	color: #222;
	font-size: 18px;
	margin: 0 0 15px;
}

.home-featured-news .foh-item .foh-text h3 a,
.home-featured-news .foh-item .foh-text h3 a:hover,
.home-featured-news .foh-item .foh-text h3 a:visited,
.home-featured-news .foh-item .foh-text h3 a:focus {
	color: #222;
}

.home-featured-news .foh-item .foh-text p:last-child {
	margin-bottom: 0;
}

.home-featured-news .foh-item .foh-link {
	font-size: 16px;
	line-height: 1.3;
	padding: 25px 10px 10px;
	text-transform: uppercase;
}

.home-featured-news .foh-item .foh-link a {
	color: #28523f;
	display: inline-block;
	font-weight: bold;
}

.about-our-faculty {
	background: url(images/seo_background.jpg) center top no-repeat transparent;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 20px;
	padding-top: 45px;
}

.home-featured-news h2,
.about-our-faculty h2,
.connect-with-us h2 {
	border-bottom: 2px solid #28523f;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.about-our-faculty h2 {
	border-bottom-color: #fff;
	color: #fff;
	margin-bottom: 1.2em;
}

.about-our-faculty .entry-content a,
.about-our-faculty .entry-content a:hover,
.about-our-faculty .entry-content a:visited {
	color: #6ec9c4;
}

.success-boxes {
	padding-bottom: 0;
	padding-top: 20px;
}

.success-boxes .success-box-wrapper {
	padding-top: 20px;
}

.success-boxes .success-box {
	background-position: center center;
	background-size: cover;
	color: #fff;
	font-size: 12px;
	line-height: 1.5em;
	height: 0;
	max-width: 480px;
	margin: 0 auto;
	padding: 75% 25px 0 25px;
	position: relative;
}

.success-boxes .success-box::before {
	background: rgb(40, 82, 63, 0.8);
	content: " ";
	left: 0;
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
}

.success-boxes .success-box-wrapper:nth-child(2n) .success-box::before {
	background: rgb(84, 192, 179, 0.8);
}

.success-boxes .success-box .success-box-header {
	top: 30%;
	position: absolute;
	left: 20px;
	right: 20px;
	margin-right: -5px;
	margin-left: -5px;
}

.success-boxes .success-box .success-box-header div[class*="col-"] {
	padding-right: -5px;
	padding-left: -5px;
}

.success-boxes .success-box .success-box-header h3 {
	color: #fff;
	font-size: 18px;
	margin: -0.5em 0 0;
	text-transform: uppercase;
}

.success-boxes .success-box .success-box-header .col-8 h3 {
	padding-left: 10px;
}

.success-boxes .success-box .success-box-header .success-box-number {
	display: inline-block;
	font-size: 60px;
	font-weight: 900;
	text-align: center;
	width: 100%;
}

.success-boxes .success-box .success-box-header .success-box-number sup {
	font-size: 0.6em;
}

.success-boxes .success-box .success-box-details {
	top: 67%;
	position: absolute;
	left: 20px;
	right: 20px;
}


.connect-with-us {
	background: #e6e6e6;
	padding-bottom: 20px;
	padding-top: 35px;
}

.connect-with-us .feeds-wrapper {
	margin-left: -10px;
	margin-right: -10px;
}

.connect-with-us .feeds-wrapper .ff-stream-wrapper {
	margin-top: 10px;
}

.connect-with-us .feeds-wrapper .ff-loadmore-wrapper .ff-btn {
	margin-top: 30px;
}

@media screen and (min-width: 576px) {
	.video-area { width:100%; min-height:217px; height:217px; padding: 0; position:relative; }
	.video-area .video-container { 
		display: block;
		height: 100%;
	}
	.video-area .video-container #vplayer {position:absolute; top:0; left:50%; margin-left:-50%; min-width: 100%; min-height: 100%; width:auto; height:auto; }
/*	.no-videoautoplay .video-area .video-container #vplayer {display:none; } */
	.video-area.wide-view .video-container #vplayer {left:0; margin-left:0; width:100%; height:auto; }
	.video-area.tall-view .video-container #vplayer {top:0; margin-left:0; width:auto; height:100%; }
	/* .video-area .video-container .video-filter {display:none; background: url(video/vfilter.png) 0 0 repeat; position:absolute; top:0; left:0; bottom:0; right:0; } */

	.video-slide .slide-caption {
		bottom: 30px;
	}
	.video-slide .slide-caption h2 {
		font-size: 30px;
	}

	.flex-pauseplay {
		display: block;
	}

	.flex-direction-nav .flex-next {
		left: 100px;
	}

	.home-featured-news .foh-item {
		height: calc(100% - 30px);
		margin-top: 30px;
	}

	.home-featured-news .foh-item .foh-text {
		line-height: 22px;
	}

	.home-featured-news .foh-item .foh-text h3 {
		font-size: 20px;
	}

	.about-our-faculty {
		font-size: 18px;
		line-height: 30px;
		padding-bottom: 50px;
		padding-top: 70px;
	}

	.success-boxes > .container > .row {
		margin-left: -6px;
		margin-right: -6px;
	}

	.success-boxes > .container > .row > .col-sm {
		padding-left: 6px;
		padding-right: 6px;
	}

	.success-boxes .success-box {
		font-size: 10px;
	}

	.success-boxes .success-box .success-box-header {
		top: 25%;
		left: 10px;
		right: 10px;
	}

	.success-boxes .success-box .success-box-header h3 {
		font-size: 13px;
	}

	.success-boxes .success-box .success-box-header .success-box-number {
		font-size: 36px;
	}

	.success-boxes .success-box .success-box-details {
		top: 60%;
		left: 10px;
		right: 10px;
	}

}

@media screen and (min-width: 768px) {
	.connect-with-us .feeds-wrapper {
		margin-left: -20px;
		margin-right: -20px;
	}

	.success-boxes .success-box {
		font-size: 11px;
	}

	.success-boxes .success-box .success-box-header {
		top: 30%;
		left: 20px;
		right: 20px;
	}

	.success-boxes .success-box .success-box-header h3 {
		font-size: 15px;
	}

	.success-boxes .success-box .success-box-header .success-box-number {
		font-size: 50px;
	}

	.success-boxes .success-box .success-box-details {
		top: 65%;
		left: 20px;
		right: 20px;
	}

}

@media screen and (min-width: 992px) {
	.video-area { min-height:550px; height:550px; }
	.video-slide .slide-caption {
		bottom: 50px;
		left: 50%;
		margin-left: -485px;
		width: 970px;
	}
	.video-slide .slide-caption h2 {
		display: inline-block;
		font-size: 50px;
		margin-left: -10px;
		padding-top: 0;
	}

	.home-featured-news .col-md-6 {
		flex: 0 0 22.64957264957265%;
		max-width: 22.64957264957265%;
	}

	.home-featured-news .col-md-6:first-child {
		flex: 0 0 32.05128205128205%;
		max-width: 32.05128205128205%;
	}

	.home-featured-news .foh-item {
		height: calc(100% - 20px);
		margin-top: 20px;
	}

	.home-featured-news .foh-item .foh-text {
			font-size: 16px;
		line-height: 24px;
	}

	.about-our-faculty {
		font-size: 20px;
		padding-bottom: 60px;
		padding-top: 95px;
	}

	.connect-with-us {
		padding-top: 45px;
	}

	.success-boxes > .container > .row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.success-boxes > .container > .row > .col-sm {
		padding-left: 10px;
		padding-right: 10px;
	}

	.success-boxes .success-box {
		font-size: 14px;
	}

	.success-boxes .success-box .success-box-header h3 {
		font-size: 24px;
	}

	.success-boxes .success-box .success-box-header .success-box-number {
		font-size: 60px;
	}

}

@media screen and (min-width: 1200px) {
	.video-slide .slide-caption {
		margin-left: -600px;
		width: 1200px;
	}

}

@media screen and (max-device-width: 1024px) {
	.no-videoautoplay .video-area .video-container #vplayer {display:none; }
}


/*--------------------------------------------------------------
## Programs
--------------------------------------------------------------*/
.white-box {
	background: #fff;
	padding: 25px 20px;
}

.shadow-box {
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
}

.clear-box {
	background: transparent;
	padding: 25px 20px;
}


.program-type {
	margin: 30px 0 0;
}

.program-type .program-image {
	margin: 0;
	padding: 0;
}

.program-type .program-image figure {
	margin: 0;
	padding: 0;
	height: 100%;
}

.program-type .program-image figure img {
	height: 100%;
	o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.program-type .program-intro {
	background: #fff;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
	margin: 0;
	padding: 25px 20px;
}

.program-type .program-intro.clearbox {
	background: none;
	box-shadow: none;
}

.program-type .program-intro h3 {
	text-transform: uppercase;
}

.program-type .program-intro h3 a {
	color: inherit;
}

.ubcf-student-life-wrapper {
	background-position: center center;
	background-size: cover;
	color: #fff;
	position: relative;
	padding-bottom: 20px;
	padding-top: 30px;
}

.ubcf-student-life-wrapper::before {
	background: rgb(40, 82, 63, 0.8);
	content: " ";
	left: 0;
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
}

.ubcf-student-life-wrapper > .container {
	position: relative;
}

.ubcf-student-life-wrapper .entry-content h2 {
	border-bottom: 1px solid #fff;
	color: #fff;
	margin-bottom: 25px;
	padding-bottom: 0.3em;
	text-transform: uppercase;
}

.ubcf-subfooter-wrapper {
	background: #28523f;
	color: #fff;
	position: relative;
	padding: 0;
}

.ubcf-subfooter-wrapper .row {
	margin: 0;
	padding: 0;
}

.ubcf-subfooter-wrapper .studlife {
	background-position: center center;
	background-size: cover;
}

.ubcf-subfooter-wrapper .studlife::before {
	background: rgb(40, 82, 63, 0.7);
	content: " ";
	left: 0;
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
}

.ubcf-subfooter-wrapper .row > div {
	padding: 40px 20px 30px;
	position: relative;
}

.ubcf-subfooter-wrapper .entry-content {
	position: relative;
}

.ubcf-subfooter-wrapper .entry-content h2 {
	color: #fff;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.ubcf-subfooter-wrapper .entry-content .btn-secondary {
	margin-top: 1em;
	text-transform: uppercase;
}

@media screen and (min-width: 576px) {
	.program-type {
		margin-top: 35px;
	}

	.program-type .program-intro {
		padding: 35px 30px;
	}

	.ubcf-student-life-wrapper {
		padding-bottom: 45px;
		padding-top: 70px;
	}

	.ubcf-subfooter-wrapper .row > div {
		padding-bottom: 45px;
		padding-top: 70px;
	}
}

@media screen and (min-width: 992px) {
	.program-type {
		margin-top: 30px;
	}

	.program-type.program-elevate {
		margin-top: 10px;
	}

	.program-type .program-intro {
		padding: 55px 30px;
	}

	.program-type.program-grad .program-intro {
		padding: 75px 30px;
	}

	.ubcf-student-life-wrapper {
		padding-bottom: 60px;
		padding-top: 75px;
	}

	.ubcf-student-life-wrapper .entry-content h2 {
		margin-bottom: 30px;
	}

	.ubcf-subfooter-wrapper .row > div {
		padding-bottom: 60px;
		padding-top: 75px;
	}

	.ubcf-subfooter-wrapper .col-md-6 .entry-content {
		max-width: 565px;
	}

	.ubcf-subfooter-wrapper .studlife .entry-content {
		margin-left: auto;
		margin-right: 10px;
	}

	.ubcf-subfooter-wrapper .moreinfo .entry-content {
		margin-left: 10px;
		margin-right: auto;
	}
}

.forestbox-wrapper .forestbox {
	position: relative;
	padding-bottom: 20%;
	margin-bottom: 30px;
	overflow: hidden;
}

.forestbox-wrapper .forestbox.wide {
	padding-bottom: 12.5%;
}

.forestbox-wrapper .forestbox > a {
	display: block;
	font-weight: 400;
}

.forestbox-wrapper .forestbox img {
	display: block;
	width: 100%;
}

.forestbox-wrapper .forestbox a .forestbox-bottom {
	background: #28523f;
	color: #fff;
	padding: 10px 15px;
	position: absolute;
	bottom: -77.4%;
	left: 0;
	right: 0;
	height: 100%;
	transition: 0.3s all;
}

.forestbox-wrapper .forestbox:hover a .forestbox-bottom {
	bottom: 0;
}

.forestbox-wrapper .forestbox a .forestbox-bottom .forestbox-header {
	height: 22.6%;
	margin-top: -10px;
}

.forestbox-wrapper .forestbox:hover a .forestbox-bottom .forestbox-header {
	height: auto;
	margin-bottom: 10px;
	margin-top: 0;
}

.forestbox-wrapper .forestbox a .forestbox-bottom h4 {
	color: #fff;
	text-transform: uppercase;
}

.forestbox-wrapper .forestbox a .forestbox-bottom p {
	display: none;
}

.forestbox-wrapper .forestbox:hover a .forestbox-bottom p {
	display: block;
}

/* Dual Masters page has different sized image */
.pg-dual-masters-degree .forestbox-wrapper .forestbox {
	padding-bottom: 9.6%;
}
.pg-dual-masters-degree .forestbox-wrapper .forestbox a .forestbox-bottom .forestbox-header {
	height: 20%;
	margin-top: -4px;
}


/* Grad Programs page has different format */
.grad-programs-wrapper {
	margin-top: 40px;
}

.grad-programs-wrapper .box-header {
	margin-bottom: 10px;
	position: relative;
}

.grad-programs-wrapper .box-header h3 {
	border-bottom: 1px solid #28523f;
	font-size: 0.95rem;
	padding-bottom: 10px;
}

.forestbox-alt .forestbox {
	background: #fff;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
	margin-top: 20px;
	padding: 25px 20px;
}

.forestbox-alt .forestbox > img {
	display: none;
}

.forestbox-alt .forestbox .forestbox-bottom .forestbox-header {
	margin-bottom: 15px;
}

.forestbox-alt .forestbox .forestbox-bottom .forestbox-header h4 {
	text-transform: uppercase;
}

.forestbox-alt .forestbox .forestbox-bottom .forestbox-header h4 a {
	color: #28523f;
}

.forestbox-alt .forestbox .forestbox-bottom p:last-child {
	margin-bottom: 0;
}

.big-cta-btn .btn-primary {
	font-size: 1em;
	padding: 1em;
	text-align: center;
  width: 100%;
}

.wp-block-image.student-profile-pic img {
	max-width: 300px;
}

@media screen and (min-width: 768px) {
	.grad-programs-wrapper {
		background: #fff;
		box-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
		margin-top: 0;
		padding: 25px 20px;
	}

	.grad-programs-wrapper .box-header {
		margin-bottom: 30px;
		padding-bottom: 10px;
		position: relative;
	}

	.grad-programs-wrapper .box-header::after {
		border-bottom: 2px solid #222;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, .9);
		content: " ";
		height: 1px;
		position: absolute;
		bottom: 0;
		left: -20px;
		right: -20px;
	}

	.grad-programs-wrapper .box-header h3 {
		border-bottom: 0 none;
		font-size: 1.1rem;
		padding-bottom: 0;
	}

	.forestbox-alt .forestbox {
		background: none;
		box-shadow: none;
		margin-bottom: 30px;
		position: relative;
		padding: 0 0 20%;
		overflow: hidden;
	}

	.forestbox-alt .forestbox:last-child {
		margin-bottom: 0;
	}

	.forestbox-alt .forestbox img {
		display: block;
		width: 100%;
	}

	.forestbox-alt .forestbox .forestbox-bottom {
		background: #28523f;
		color: #fff;
		font-size: 14px;
    line-height: 0.9rem;
		padding: 10px 15px;
		position: absolute;
		bottom: -77.4%;
		left: 0;
		right: 0;
		height: 100%;
		transition: 0.3s all;
	}

	.forestbox-alt .forestbox:hover .forestbox-bottom {
		bottom: 0;
	}

	.forestbox-alt .forestbox .forestbox-bottom .forestbox-header {
		height: 22.6%;
		margin-bottom: 0;
		margin-top: -10px;
		padding: 0;
	}

	.forestbox-alt .forestbox .forestbox-bottom .forestbox-header h4 a {
		color: #fff;
	}

	.forestbox-alt .forestbox:hover .forestbox-bottom .forestbox-header {
		height: auto;
		margin-bottom: 10px;
		margin-top: 0;
	}

	.forestbox-alt .forestbox .forestbox-bottom h4 {
		color: #fff;
		text-transform: uppercase;
	}

	.forestbox-alt .forestbox .forestbox-bottom p {
		display: none;
	}

	.forestbox-alt .forestbox:hover .forestbox-bottom p {
		display: block;
	}

	.forestbox-alt .forestbox:hover .forestbox-bottom .btn-primary {
    border-color: #fff;
		background: #28523f;
		color: #fff;
	}

	.forestbox-alt .forestbox:hover .forestbox-bottom .btn-primary:hover {
    border-color: #fff;
		background: #fff;
		color: #28523f;
	}

}

@media screen and (min-width: 992px) {
	.forestbox-wrapper .forestbox a .forestbox-bottom {
		font-size: 14px;
		line-height: 0.9rem;
	}

	.forestbox-wrapper .forestbox a .forestbox-bottom h4 {
		font-size: 20px;
	}

	.forestbox-alt .forestbox .forestbox-bottom {
		font-size: 14px;
		line-height: 0.9rem;
	}

	.forestbox-alt .forestbox .forestbox-bottom h4 {
		font-size: 16px;
	}

	.forestbox-alt .forestbox:hover .forestbox-bottom .btn-primary {
    margin-top: 10px;
	}
}

@media screen and (min-width: 1200px) {
	.forestbox-wrapper .forestbox a .forestbox-bottom {
		font-size: 16px;
		line-height: 1.2rem;
	}

	.forestbox-wrapper .forestbox a .forestbox-bottom h4 {
		font-size: 22px;
	}

	.forestbox-alt .forestbox .forestbox-bottom {
		font-size: 16px;
		line-height: 1.2rem;
	}

	.forestbox-alt .forestbox .forestbox-bottom h4 {
		font-size: 22px;
	}

	.forestbox-alt .forestbox:hover .forestbox-bottom .btn-primary {
    margin-top: 25px;
	}

}

.ubcf-program-questions-wrapper {
	background: #dbe0d8;
	border-top: 3px solid #28523f;
	padding-top: 40px;
	padding-bottom: 30px;
}

.ubcf-program-questions-wrapper .wpcf7-form {
	color: #28523f;
	font-size: 16px;
	margin-bottom: 0;
}

.ubcf-program-questions-wrapper .wpcf7-form label span.label-text {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	width: 60px;
	text-transform: uppercase;
}

.ubcf-program-questions-wrapper .wpcf7-form label {
	width: 100%;
}

.ubcf-program-questions-wrapper .wpcf7-form label input.wpcf7-text {
	background: none;
	border: 0 none;
	border-bottom: 1px solid #28523f;
	width: calc(100% - 70px);
}

.ubcf-program-questions-wrapper .wpcf7-form label.message-box {
	position: relative;
}

.ubcf-program-questions-wrapper .wpcf7-form label.message-box span.label-text {
	display: none;
}

.ubcf-program-questions-wrapper .wpcf7-form label.message-box textarea {
	background: none;
	border: 1px solid #28523f;
	height: 140px;
	margin-top: 20px;
	padding: 5px;
	width: 100%;
}

.ubcf-program-questions-wrapper .wpcf7-form label.message-box textarea::placeholder {
	color: #222;
	font-size: 14px;
	font-weight: 700;
	opacity: 1;
	text-transform: uppercase;
}

.ubcf-program-questions-wrapper .wpcf7-form .wpcf7-submit {
	margin-top: 1rem;
}

@media screen and (min-width: 768px) {
	.ubcf-program-questions-wrapper .wpcf7-form {
		font-size: 18px;
	}

	.ubcf-program-questions-wrapper .wpcf7-form label span.label-text {
		font-size: 16px;
		width: 70px;
	}

	.ubcf-program-questions-wrapper .wpcf7-form label input.wpcf7-text {
		width: calc(100% - 75px);
	}

	.ubcf-program-questions-wrapper .wpcf7-form label.message-box textarea {
		height: 120px;
		margin-top: 30px;
	}

	.ubcf-program-questions-wrapper .wpcf7-form label.message-box textarea::placeholder {
		font-size: 16px;
	}
}


.tablefullwidth {
  width: 100%;
  border: 1px solid #555;
}

.tablefullwidth th {
  border: 1px solid #bbb;
  padding: 5px 15px;
	text-align: center;
}

.tablefullwidth td {
  border: 1px dashed #bbb;
  padding: 5px 15px;
}

@media screen and (max-width: 991px) {
 table {
  overflow:auto;
  overflow-y:hidden;
  overflow-x:auto;
  word-break:normal;
  display:block
 }
}


/*--------------------------------------------------------------
## People
--------------------------------------------------------------*/
.profiles-list {
	margin-bottom: 20px;
}

.profiles-list div[class*="col-"] > div {
	height: calc(100% - 35px);
}

.profiles-list .profile-card {
	background: #fff;
	height: 100%;
	margin: 10px 0 35px;
	position: relative;
	padding-bottom: 20px;
}

.profiles-list .profile-card .pc-thumb img {
	width: 100%;
}

.profiles-list .profile-card .pc-text {
	padding: 15px 20px 0;
}

.profiles-list .profile-card .pc-text h3 {
	margin: 0 0 15px;
	text-transform: uppercase;
}

.profiles-list .profile-card .pc-text h3 a,
.profiles-list .profile-card .pc-text h3 a:hover,
.profiles-list .profile-card .pc-text h3 a:visited,
.profiles-list .profile-card .pc-text h3 a:focus {
	color: #28523f;
}

.profiles-list .profile-card .pc-text p:last-child {
	margin-bottom: 0;
}

.profiles-list .profile-card .pc-link {
}

.profiles-list .profile-card .pc-link a {
	margin-top: 10px;
}

.profiles-list .profile-card.bg-green {
	background: #28523f;
}

.profiles-list .profile-card.bg-green .pc-text {
	color: #fff;
}

.profiles-list .profile-card.bg-green .pc-text h3 a,
.profiles-list .profile-card.bg-green .pc-text h3 a:hover,
.profiles-list .profile-card.bg-green .pc-text h3 a:visited,
.profiles-list .profile-card.bg-green .pc-text h3 a:focus {
	color: #fff;
}

/* Offic of the Dean*/
.office-profile {
	margin: 0 0 25px;
}

.office-profile:last-child {
	margin-bottom: 0;
}

.office-profile .profile-image {
	margin: 0;
	padding: 0;
	text-align: center;
}

.office-profile .profile-image figure {
	margin: 0;
	padding: 0;
	height: 100%;
}

.office-profile .profile-image figure a {
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
}

.office-profile .profile-image figure img {
	height: auto;
	o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	margin: 0 auto;
}

.office-profile .profile-content {
	background: #fff;
	margin: 0;
	padding: 20px 20px;
	width: 100%;
}

.office-profile .profile-content h2 {
	margin-bottom: 0.4em;
	text-transform: uppercase;
}

.office-profile .profile-content h3 {
	margin-bottom: 0;
	margin-top: 0;
}

.office-profile .profile-content h3 a {
	color: inherit;
}

@media screen and (min-width: 768px) {
	.office-profile {
		margin: 0 0 35px;
	}

	.office-profile .profile-image figure {
		height: 100%;
	}

	.office-profile .profile-image figure a {
		height: 100%;
	}

	.office-profile .profile-image figure img {
		height: 100%;
	}

}


/* Faculty Profiles */
.faculty-profiles-list {
	margin-bottom: 20px;
}

.faculty-profiles-list div[class*="col-"] > div {
	height: calc(100% - 35px);
}

.faculty-profiles-list .faculty-profile-card {
	background: #fff;
	height: 100%;
	margin: 10px 0 30px;
	position: relative;
	padding-bottom: 20px;
}

.faculty-profiles-list .faculty-profile-card .fpc-thumb img {
	width: 100%;
}

.faculty-profiles-list .faculty-profile-card .fpc-text {
	padding: 15px 10px 0;
}

.faculty-profiles-list .faculty-profile-card .fpc-text h3 {
	margin: 0 0 5px;
}

.faculty-profiles-list .faculty-profile-card .fpc-text h3 a,
.faculty-profiles-list .faculty-profile-card .fpc-text h3 a:hover,
.faculty-profiles-list .faculty-profile-card .fpc-text h3 a:visited,
.faculty-profiles-list .faculty-profile-card .fpc-text h3 a:focus {
	color: #28523f;
}

.faculty-profiles-list .faculty-profile-card .fpc-text p:last-child {
	margin-bottom: 0;
}

.faculty-profiles-list .faculty-profile-card .fpc-text .departments {
	margin-top: 20px;
}

.faculty-profiles-list .faculty-profile-card .fpc-text .departments .d-label {
	margin-bottom: 0;
	text-transform: uppercase;
}

.faculty-profiles-list .faculty-profile-card .fpc-text .departments .d-list,
.faculty-profiles-list .faculty-profile-card .fpc-text .departments .d-list a {
	color: #28523f;
}

.pg-faculty-profiles .alm-btn-wrap .alm-load-more-btn,
.pg-faculty-profiles .alm-btn-wrap .alm-load-more-btn.loading {
	width: 42px;
	overflow: hidden;
	padding: 0;
	border: 0 none;
	background: none;
	color: transparent;
}

.pg-faculty-profiles .alm-btn-wrap .alm-load-more-btn.loading::after {
	left: 0;
}

.pg-faculty-profiles .alm-btn-wrap .alm-load-more-btn.done {
	display: none;
}

@media screen and (min-width: 992px) {
	.faculty-profiles-list .faculty-profile-card .fpc-text {
		padding: 15px 15px 0;
	}
}

.faculty-profile-main .faculty-profile-card {
	background: #fff;
	margin: 0 0 30px;
	position: relative;
	padding-bottom: 20px;
}

.faculty-profile-main .faculty-profile-card .fpc-thumb img {
	width: 100%;
}

.faculty-profile-main .faculty-profile-card .fpc-text {
	padding: 15px 10px 0;
}

.faculty-profile-main .faculty-profile-card .fpc-text h3 {
	margin: 0 0 5px;
}

.faculty-profile-main .faculty-profile-card .fpc-text a {
	font-weight: 700;
}

.faculty-profile-main .faculty-profile-card .fpc-text a:hover,
.faculty-profile-main .faculty-profile-card .fpc-text a:visited,
.faculty-profile-main .faculty-profile-card .fpc-text a:focus {
	color: #0000b5;
}

.faculty-profile-main .faculty-profile-card .fpc-text p:last-child {
	margin-bottom: 0;
}

.faculty-profile-main .faculty-profile-card .fpc-text .departments {
	margin-top: 20px;
}

.faculty-profile-main .faculty-profile-card .fpc-text .departments .d-list,
.faculty-profile-main .faculty-profile-card .fpc-text .departments .d-list a {
	
}

.faculty-profile-main .faculty-profile-card .fpc-text .office-address {
	margin-top: 20px;
}

.faculty-profile-main .faculty-profile-card .fpc-text .work-phone {
	margin-top: 20px;
}

.faculty-profile-main .faculty-profile-card .fpc-text .email-addresses {
	margin-top: 20px;
}

.faculty-profile-main .faculty-profile-card .fpc-text .website-links {
	margin-top: 20px;
}

.faculty-profile-main .faculty-profile-card .fpc-text .website-links a,
.faculty-profile-main .faculty-profile-card .fpc-text .email-addresses a,
.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever
  word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links {
	margin-top: 20px;
}

.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links a {
	display: inline-block;
	min-height: 1em;
	padding-left: 40px;
	position: relative;
}

.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links a,
.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links a:hover,
.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links a:visited,
.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links a:focus {
	color: #28523f;
}

.faculty-profile-main .faculty-profile-card .fpc-text .social-media-links a .icon {
	display: inline-block;
	float: left;
	font-size: 1.2em;
	margin-left: -40px;
	margin-right: 5px;
	width: 30px;
}

.faculty-profile-main .research-areas-box {
	border: 2px solid #28523f;
	margin-bottom: 30px;
	padding: 10px;
}

.faculty-profile-main .research-areas-box h4 {
	color: #222;
	margin: 0;
}

.faculty-profile-main .ubcf-tab-content .pubslist h3 {
	display: none;
}

.faculty-profile-main .google-scholar-box .google-scholar-link {
	background: url(images/icon-google-scholar.png) 0 0 no-repeat;
	display: inline-block;
	height: 0;
	padding-top: 45px;
	width: 198px;
}


@media screen and (min-width: 992px) {
	.faculty-profile-main .faculty-profile-card .fpc-text {
		padding: 15px 15px 0;
	}

	.faculty-profile-main .research-areas-box {
		margin-bottom: 50px;
		padding: 10px 20px;
	}

}


.custom-page-content-nav {
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.custom-page-content-nav a {
	border-bottom: 3px solid transparent;
	color: #28523f;
	font-weight: 400;
	margin-right: 2em;
	padding-bottom: 5px;
	text-decoration: none;
}

.custom-page-content-nav a:hover {
	border-bottom: 3px solid #28523f;
	color: #28523f;
}

.custom-page-content-nav > span {
	border-bottom: 3px solid #28523f;
	margin-right: 2em;
	padding-bottom: 5px;
}

.custom-page-content-nav a:last-child,
.custom-page-content-nav span:last-child {
	margin-right: 0;
}


.ubcf-nav-tabs {
	border-bottom: 2px solid #28523f;
	margin-bottom: 30px;
}

.ubcf-nav-tabs .nav-item {
	border: 2px solid #28523f;
	border-bottom: 0 none;
	margin-right: 10px;
}

.ubcf-nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.ubcf-nav-tabs .nav-item .nav-link {
	border: 0 none;
	border-radius: 0;
	color: #28523f;
	text-transform: uppercase;
}

.ubcf-nav-tabs .nav-item .nav-link.active {
	background: #28523f;
	color: #fff;
}

.ubcf-tab-content {
	margin-bottom: 30px;
}

/*--------------------------------------------------------------
## Research
--------------------------------------------------------------*/
.gen-cards-list .gen-card.research-area .gc-thumb {
	padding: 20px 20px 0;
}

.gen-cards-list .gen-card.research-area .gc-thumb figure {
	margin: 0;
}

.gen-cards-list .gen-card.research-area .gc-thumb img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.gen-cards-list .gen-card.research-area .gc-text h3 {
	text-transform: none;
}

@media screen and (min-width: 992px) {
	.gen-cards-list .gen-card.research-area .gc-thumb {
		padding: 30px 30px 0;
	}

	.gen-cards-list .gen-card.research-area .gc-text {
		padding: 25px 30px 0;
	}
}

.rgroup {
	margin-top: 30px;
}

.rgroup h2 {
	margin-bottom: 0.25em;
}

.rgroup h2 a,
.rgroup h2 a:hover,
.rgroup h2 a:active,
.rgroup h2 a:visited {
	color: #28523f;
}

.rgroup figure img {
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 576px) {
	.rgroup figure {
		margin: 0;
	}
}

@media screen and (min-width: 768px) {
	.rgroup .col-md-2 {
		flex-basis: 19.333%;
		max-width: 19.333%;
	}

	.rgroup .col-md-10 {
		flex-basis: 80.667%;
		max-width: 80.667%;
	}

}


/*--------------------------------------------------------------
## News
--------------------------------------------------------------*/
.news-section {
	padding-bottom: 20px;
	padding-top: 40px;
}

.entry-header + .row .news-section {
	margin-top: -40px;
}

.news-section > h2 {
	margin-top: 0;
}

.news-section .news-section-link {
	margin: 0;
	position: absolute;
	bottom: 25px;
	right: 15px;
	z-index: 100;
}

.news-articles-list {
	margin-bottom: 20px;
}

.news-articles-list .news-card {
	background: #fff;
	margin: 10px 0 35px;
	position: relative;
	padding-bottom: 40px;
}

.news-articles-list .news-card .nc-thumb img {
	width: 100%;
}

.news-articles-list .news-card .nc-text {
	font-size: 14px;
	line-height: 20px;
	padding: 15px 10px 0;
}

.news-articles-list .news-card .nc-text h3 {
	color: #222;
	font-size: 18px;
	margin: 0 0 15px;
}

.news-articles-list .news-card .nc-text h3 a,
.news-articles-list .news-card .nc-text h3 a:hover,
.news-articles-list .news-card .nc-text h3 a:visited,
.news-articles-list .news-card .nc-text h3 a:focus {
	color: #222;
}

.news-articles-list .news-card .nc-text p:last-child {
	margin-bottom: 0;
}

.news-articles-list .news-card .nc-text .entry-more-link {
	display: none;
}

.news-articles-list .news-card .nc-link {
	font-size: 16px;
	line-height: 1.3;
	padding: 15px 10px 10px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	left: 0;
}

.news-articles-list .news-card .nc-link a {
	color: #28523f;
	display: inline-block;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.news-section {
		padding-top: 50px;
	}

	.entry-header + .row .news-section {
		margin-top: -50px;
	}

	.news-section .news-section-link {
		bottom: auto;
		top: 55px;
		right: 15px;
	}

	.news-articles-list .news-card {
		height: calc(100% - 40px);
		margin-top: 20px;
	}

}

@media screen and (min-width: 992px) {
	.news-articles-list .news-card .nc-text {
		font-size: 16px;
		line-height: 24px;
	}

}

/* News filter fields */
.news-search-wrapper {
  border: 1px solid #28523f;
	width: 100%;
	font-size: 1.2rem;
	padding: 0.65em 0.5em;
	padding-right: 0;
	line-height: 1.2em;
}

.news-search-wrapper #s {
	background: none;
	border: none;
	box-shadow: none;
	font-size: 1.2rem;
	line-height: 1;
	height: 1.2rem;
	outline-width: 0;
	padding: 0;
	width: calc(100% - 3em);
	vertical-align: top;
}

.news-search-wrapper #searchsubmit {
	background: none;
	color: #28523f;
	border: none;
	box-shadow: none;
	font-size: 1rem;
	padding: 0.1em 1em;
	vertical-align: top;
}

/* News filter fields update (July 30, 2020) */
.news-search-wrapper { 
  padding: 0.5em;
  padding-right: 0;
}

.news-search-wrapper #s { height: inherit }

.news-search-wrapper #searchsubmit { height: 32.8px }
/* END - News filter fields update */

.news-list-filter-fields .row .col-12 {
	margin-bottom: 1.5rem;
}

.news-list-filter-fields .row .col-12:last-child {
	margin-bottom: 0;
}

.news-list-filter-fields select {
	background: url(fonts/fontawesome/svgs/solid/chevron-down.svg);
	background-size: 0.6em;
	background-position: 95% 50%;
	background-repeat: no-repeat;
	border: 1px solid #28523f;
	border-radius: 0;
	color: #28523f;
	width: 100%;
	font-size: 1.2rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0.4em 0.5em 0.5em;
	padding-right: 1.5em;
	position: relative;
}

.events-list {
	margin-bottom: 40px;
}

.events-list .event-card {
	border-top: 1px solid #30614b;
	margin-top: 35px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	padding: 35px 0 0;
}

.events-list .event-card:first-child {
	margin-top: 20px;
}

.events-list .event-card:last-child {
	border-bottom: 1px solid #30614b;
	margin-bottom: 60px;
	padding-bottom: 40px;
}

.events-list .event-card .event-thumb {
	padding: 0 0 20px;
	text-align: center;
}

.events-list .event-card .event-thumb img {
	margin: 0 auto;
}

.events-list .event-card .event-text {
	line-height: 20px;
	padding: 0;
}

.events-list .event-card .event-text h3 {
	color: #222;
	margin: 0 0 15px;
}

.events-list .event-card .event-text h3 a,
.events-list .event-card .event-text h3 a:hover,
.events-list .event-card .event-text h3 a:visited,
.events-list .event-card .event-text h3 a:focus {
	color: #222;
}

.events-list .event-card .event-text .event-date-time,
.events-list .event-card .event-text .event-location {
	font-size: 16px;
	font-weight: 700;
}
.events-list .event-card .event-text .event-date-time .event-date + .event-time {
	border-left: 1px solid #222;
	margin-left: 10px;
	padding-left: 10px;
}
.events-list .event-card .event-text .event-date-time + .event-location {
	margin-top: -8px;
}

.events-list .event-card .event-text p:last-child {
	margin-bottom: 0;
}

.events-list .event-card .event-text .entry-more-link {
	display: none;
}

.events-list .event-card .event-link {
	font-size: 16px;
	line-height: 1.3;
	padding: 15px 0 0;
	text-transform: uppercase;
}

.events-list .event-card .event-link a {
	color: #28523f;
	display: inline-block;
	font-weight: bold;
}


@media screen and (min-width: 768px) {
	.events-list .event-card:last-child {
		margin-bottom: 0;
	}

	.events-list .event-card .event-thumb {
		padding-left: 15px;
	}

	.events-list .event-card .event-text {
		padding-right: 15px;
	}
}

@media screen and (min-width: 992px) {
	.news-list-filter-fields .row .col-12 {
		margin-bottom: 0;
	}

	.events-list .event-card .event-text {
		font-size: 18px;
		line-height: 24px;
		padding-right: 15px;
	}
	.events-list .event-card .event-text .event-date-time,
	.events-list .event-card .event-text .event-location {
		font-size: 20px;
	}

}

.branchlines-intro {
	margin-top: 1.6rem;
	padding-bottom: 50px;
}

.branchlines-intro .bl-thumb {
	text-align: center;
}

.branchlines-intro .bl-text {
}

.branchlines-intro .bl-text h3 {
	color: #222;
}

.branchlines-intro .bl-text h3 a,
.branchlines-intro .bl-text h3 a:hover,
.branchlines-intro .bl-text h3 a:visited,
.branchlines-intro .bl-text h3 a:focus {
	color: #222;
}

.branchlines-intro .bl-text p:last-child {
	margin-bottom: 0;
}

.branchlines-intro .bl-text .more-link-wrap {
	display: none;
}

@media screen and (min-width: 768px) {
	.branchlines-intro {
		margin-bottom: -20px;
		padding-bottom: 0;
	}

	.branchlines-intro .bl-text h3 {
		margin: 0 0 15px;
	}
}

.all-news-list {
	margin-bottom: 40px;
	width: 100%;
}

.all-news-list > h2 {
	margin-bottom: 0;
}

.all-news-list .all-news-article {
	border-top: 1px solid #30614b;
	margin-top: 35px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	padding: 35px 0 0;
}

.all-news-list .all-news-article:first-child {
	margin-top: 5px;
}

.all-news-list .all-news-article:last-child {
	border-bottom: 1px solid #30614b;
	margin-bottom: 60px;
	padding-bottom: 40px;
}

.all-news-list .alm-reveal + .alm-reveal .all-news-article:first-child {
	border-top: 0 none;
	margin-top: 0;
}

.all-news-list > h2 + .all-news-article {
	margin-top: 6px;
}

.all-news-list .all-news-article .all-news-article-thumb {
	padding: 0 0 20px;
	text-align: center;
}

.all-news-list .all-news-article .all-news-article-thumb img {
	margin: 0 auto;
}

.all-news-list .all-news-article .all-news-article-text {
	line-height: 20px;
	padding: 0;
}

.all-news-list .all-news-article .all-news-article-text h3 {
	color: #28523f;
	margin: 0 0 15px;
}

.all-news-list .all-news-article .all-news-article-text h3 a,
.all-news-list .all-news-article .all-news-article-text h3 a:hover,
.all-news-list .all-news-article .all-news-article-text h3 a:visited,
.all-news-list .all-news-article .all-news-article-text h3 a:focus {
	color: #28523f;
}

.all-news-list .all-news-article .all-news-article-text .article-cat {
	margin-top: 0;
	text-transform: uppercase;
}

.page-template-tmp-branchlines-list .all-news-list .all-news-article .all-news-article-text .article-cat,
.page-template-tmp-events-list .all-news-list .all-news-article .all-news-article-text .article-cat {
	display: none;
}


.all-news-list .all-news-article .all-news-article-text .entry-meta,
.singular-post article.entry .entry-meta {
	color: #28523f;
	font-weight: 700;
}
.all-news-list .all-news-article .all-news-article-text .entry-meta .pub-date + .author,
.singular-post article.entry .entry-meta .pub-date + .author,
.all-news-list .all-news-article .all-news-article-text .entry-meta .pub-issue + .pub-date,
.singular-post article.entry .entry-meta .pub-issue + .pub-date {
	border-left: 1px solid #28523f;
	margin-left: 10px;
	padding-left: 10px;
}

.all-news-list .all-news-article .all-news-article-text .entry-meta .author a,
.singular-post article.entry .entry-meta .author a {
	color: #28523f;
}

.all-news-list .all-news-article .all-news-article-text .event-date-time,
.all-news-list .all-news-article .all-news-article-text .event-location,
.singular-post article.entry .event-date-time,
.singular-post article.entry .event-location {
	font-size: 16px;
	font-weight: 700;
}
.all-news-list .all-news-article .all-news-article-text .event-date-time .event-date + .event-time,
.singular-post article.entry .event-date-time .event-date + .event-time {
	border-left: 1px solid #28523f;
	margin-left: 10px;
	padding-left: 10px;
}
.all-news-list .all-news-article .all-news-article-text .event-date-time + .event-location,
.singular-post article.entry .event-date-time + .event-location {
	margin-top: -8px;
}

.all-news-list .all-news-article .all-news-article-text p:last-child {
	margin-bottom: 0;
}

.all-news-list .all-news-article .all-news-article-text .entry-more-link {
	display: none;
}

.all-news-list .all-news-article .more-link {
	font-size: 16px;
	line-height: 1.3;
	padding: 15px 0 0;
	text-transform: uppercase;
}

.all-news-list .all-news-article .more-link a {
	color: #28523f;
	display: inline-block;
	font-weight: bold;
}

.all-news-list .all-news-article.media-engagement .all-news-article-text .entry-meta span {
	border-right: 1px solid #28523f;
	margin-right: 10px;
	padding-right: 10px;
}

.all-news-list .all-news-article.media-engagement .all-news-article-text .alt-pub-links span {
	border-right: 1px solid #28523f;
	margin-right: 0.333em;
	padding-right: 10px;
}

.all-news-list .all-news-article.media-engagement .all-news-article-text .entry-meta span:last-child,
.all-news-list .all-news-article.media-engagement .all-news-article-text .alt-pub-links span:last-child {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;
}

.all-news-list .all-news-article.media-engagement .all-news-article-text .alt-pub-links {
	color: #28523f;
}

.entry-terms-list {
	color: #28523f;
	font-weight: 700;
	margin: 30px 0;
}

.entry-terms-list p {
	color: #28523f;
	margin: 0;
}

.entry-terms-list .entry-terms {
	margin-top: 0;
	font-weight: 700;
}

.entry-terms-list .entry-terms a,
.entry-terms-list .entry-terms span {
	color: #28523f;
	font-weight: 700;
}

@media screen and (min-width: 768px) {
	.all-news-list .all-news-article:last-child {
		margin-bottom: 0;
	}

	.all-news-list .all-news-article .all-news-article-thumb {
		padding-left: 15px;
	}

	.all-news-list .all-news-article .all-news-article-text {
		padding-right: 15px;
	}
}

@media screen and (min-width: 992px) {
	.all-news-list .all-news-article .all-news-article-text {
		font-size: 18px;
		line-height: 24px;
		padding-right: 15px;
	}
	.all-news-list .all-news-article .all-news-article-text .event-date-time,
	.all-news-list .all-news-article .all-news-article-text .event-location {
		font-size: 20px;
	}
}

.accordion-grid-container {
}

.accordion-grid-container .accordion-grid-column {
}

.accordion-grid-container .accordion-grid-column > div {
/*	height: calc(100% - 40px);  */
}

.accordion-grid-container .accordion-grid-column .wp-block-ub-content-toggle-accordion {
	border: 0 none;
}

.accordion-grid-container .accordion-grid-column .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap {
	border: 1px solid #28523f;
}

.accordion-grid-container .accordion-grid-column .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title {
	color: #28523f !important;
	font-weight: 700;
	padding-left: 4%;
}

.accordion-grid-container .accordion-grid-column .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-content-wrap {
	background: #fff;
}

.accordion-grid-container .accordion-grid-column .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-content-wrap a {
	color: #28523f;
	font-weight: 400;
}

.author-profile-intro { }

.author-profile-intro .author-info-box {
	background: #fff;
	padding: 25px;
}

.author-profile-intro .author-pic img {
	width: 100%;
}

.author-profile-intro .author-details { }

.author-profile-intro .author-details .author-title {
	margin: 0 0 0.5em;
}

.entry-ra-footer { 
	border-top: 2px solid #28523f;
	margin-top: 60px;
	padding-top: 30px;
}

.entry-ra-footer > h2 { 
	margin-top: 0;
}


/*--------------------------------------------------------------
## About
--------------------------------------------------------------*/
.gen-cards-list {
	margin-bottom: 20px;
}

.gen-cards-list .gen-card {
	background: #fff;
	margin: 10px 0 30px;
	position: relative;
	padding-bottom: 60px;
}

.gen-cards-list .gen-card .gc-thumb figure {
	margin: 0;
}

.gen-cards-list .gen-card .gc-thumb img {
	width: 100%;
}

.gen-cards-list .gen-card .gc-text {
	padding: 15px 10px 0;
}

.gen-cards-list .gen-card .gc-text h3,
.gen-cards-list .gen-card .gc-text h4 {
	margin: 0 0 15px;
	text-transform: uppercase;
}

.gen-cards-list .gen-card .gc-text h3 a,
.gen-cards-list .gen-card .gc-text h3 a:hover,
.gen-cards-list .gen-card .gc-text h3 a:visited,
.gen-cards-list .gen-card .gc-text h3 a:focus,
.gen-cards-list .gen-card .gc-text h4 a,
.gen-cards-list .gen-card .gc-text h4 a:hover,
.gen-cards-list .gen-card .gc-text h4 a:visited,
.gen-cards-list .gen-card .gc-text h4 a:focus {
	color: #28523f;
}

.gen-cards-list .gen-card .gc-text p:last-child {
	margin-bottom: 0;
}

.gen-cards-list .gen-card .gc-text .entry-more-link {
	display: none;
}

.gen-cards-list .gen-card .gc-link {
	font-size: 16px;
	line-height: 1.3;
	padding: 15px 10px 10px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	left: 0;
}

.gen-cards-list .gen-card .gc-link a {
	display: inline-block;
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.gen-cards-list .gen-card {
		height: calc(100% - 60px);
		margin-top: 20px;
		padding-bottom: 80px;
	}

.gen-cards-list .gen-card .gc-text {
	padding: 15px 20px 0;
}

.gen-cards-list .gen-card .gc-link {
	padding: 15px 20px 20px;
}
}

@media screen and (min-width: 992px) {
	.gen-cards-list .gen-card .gc-text {
	}
}

.history-year {
	color: #28523f;
	font-size: 1.1em;
	font-weight: 700;
}

.history-pics img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
## People
--------------------------------------------------------------*/
.tablepress.staff-directory-table td.column-2 {
	padding-left: 35px;
	background: url('images/email-icon.png') 0 27px no-repeat;
}
.tablepress.staff-directory-table td.column-3 {
	padding-left: 35px;
	background: url('images/phone-icon.png') 0 27px no-repeat;
}
.tablepress.staff-directory-table td.column-4 {
	padding-left: 35px;
	background: url('images/address-icon.png') 0 27px no-repeat;
}


/*--------------------------------------------------------------
## Students
--------------------------------------------------------------*/
.how-to-apply-box {
	background: #fff;
	margin-bottom: 30px;
	padding: 15px 20px;
}

.how-to-apply-box p {
	margin-bottom: 0.3em;
}

.how-to-apply-box p:last-child {
	margin-bottom: 0;
}

.how-to-apply-box a {
	color: #28523f;
}

.simple-inner-intro {
	border-bottom: 1px solid #28523f;
	padding-bottom: 30px;
	margin-bottom: 25px;
}

.simple-inner-intro .btn-primary {
	margin-top: 5px;
}

.btn-primary.cta-btn-gsp {
	font-size: 0.9rem;
	padding: 1em 25px;
	text-transform: none;
	margin-top: 0;
}

@media (min-width: 576px) {
	.btn-primary.cta-btn-gsp { font-size: 1.1rem; }
}

@media (min-width: 768px) {
	.forestbox-wrapper .how-to-apply-box {
		min-height: calc(100% - 30px);
	}
}

@media (min-width: 992px) {
	.btn-primary.cta-btn-gsp { font-size: 1.2rem; }

	.pg-future-graduate-students .how-to-apply-box h2 {
		margin-bottom: 10px;
	}

	.pg-future-graduate-students .how-to-apply-box p {
		margin-bottom: 0.1em;
	}
}

/* Apply UBCF styles to WP UB tabs block */
.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-holder .wp-block-ub-tabbed-content-tab-title-wrap {
	border-color: #28523f !important;
	padding: 10px 10px;
}

.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-holder .wp-block-ub-tabbed-content-tab-title-wrap:last-child {
	margin-right: 0;
}

.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-holder .wp-block-ub-tabbed-content-tab-title-wrap.active,
.wp-block-ub-tabbed-content .ub-tabbed-content-tablet-accordion .wp-block-ub-tabbed-content-accordion-toggle.active {
	background-color: #28523f !important;
	color: #eee !important;
}

.wp-block-ub-tabbed-content .ub-tabbed-content-tablet-accordion .wp-block-ub-tabbed-content-accordion-toggle.active {
	border-color: #28523f !important;
}

.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tabs-content {
	border: 1px solid #28523f;
}

/* Video box in main content */
.main-watch-video {
	margin: 30px 0 0;
}

.main-watch-video .video-image {
	margin: 0;
	padding: 0;
}

.main-watch-video .video-image figure {
	margin: 0;
	padding: 0;
	height: 100%;
}

.main-watch-video .video-image figure img {
	height: 100%;
	o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.main-watch-video .video-intro {
	background: #28523f;
	color: #fff;
	margin: 0;
	padding: 25px 20px;
}

.main-watch-video .video-intro h4 {
	color: #fff;
	margin: 0 0 0.3em;
	text-transform: uppercase;
}

.main-watch-video .video-intro h4 a {
	color: #fff;
}

.main-watch-video .video-intro h6 {
	color: #fff;
	margin-top: 0;
}

@media screen and (min-width: 576px) {
	.main-watch-video {
		margin-top: 35px;
	}

	.main-watch-video .video-intro {
		padding: 30px;
	}
}

@media screen and (min-width: 992px) {
	.main-watch-video {
		margin-top: 30px;
	}
}

.coop-event {
	border-bottom: 1px solid #30614b;
	line-height: 20px;
	margin-bottom: 35px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	padding: 0 0 35px;
}

.coop-event h3 {
	margin: 0 0 15px;
}

.coop-event h3 a,
.coop-event h3 a:hover,
.coop-event a:visited,
.coop-event a:focus {
	color: #222;
}

.coop-event .event-date-time,
.coop-event .event-location {
	font-size: 16px;
	font-weight: 700;
}
.coop-event .event-date-time .event-date + .event-time {
	border-left: 1px solid #28523f;
	margin-left: 10px;
	padding-left: 10px;
}
.coop-event .event-date-time + .event-location {
	margin-top: -8px;
}

.coop-event p:last-child {
	margin-bottom: 0;
}

.coop-event .more-link {
	font-size: 16px;
	line-height: 1.3;
	padding: 15px 0 0;
	text-transform: uppercase;
}

.coop-event .more-link a {
	color: #28523f;
	display: inline-block;
	font-weight: bold;
}

@media screen and (min-width: 992px) {
	.coop-event {
		font-size: 18px;
		line-height: 24px;
		padding-right: 15px;
	}
	.coop-event .event-date-time,
	.coop-event .event-location {
		font-size: 20px;
	}
}

.stories-list {
	margin-bottom: 40px;
}

.stories-list .story-card,
.taxonomy-category-student-stories .story-card {
	border-top: 1px solid #30614b;
	margin-top: 35px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	padding: 35px 0 0;
}

.stories-list .story-card:first-child {
	margin-top: 20px;
}

.stories-list .story-card:last-child,
.taxonomy-category-student-stories .story-card:last-child {
	border-bottom: 1px solid #30614b;
	margin-bottom: 60px;
	padding-bottom: 40px;
}

.stories-list .alm-reveal:first-child .story-card:first-child,
.taxonomy-category-student-stories .alm-reveal:first-child .story-card:first-child {
	border-top: 0 none;
	margin-top: 7px;
	padding-top: 0;
}

.stories-list .alm-reveal .story-card:last-child,
.taxonomy-category-student-stories .alm-reveal .story-card:last-child {
	border-bottom: 0 none;
	margin-bottom: inherit;
	padding-bottom: inherit;
}

.stories-list .alm-reveal:last-child .story-card:last-child,
.taxonomy-category-student-stories .alm-reveal:last-child .story-card:last-child {
	border-bottom: 1px solid #30614b;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.stories-list .story-card .story-thumb,
.taxonomy-category-student-stories .story-card .story-thumb {
	padding: 0 0 20px;
	text-align: center;
}

.stories-list .story-card .story-thumb img,
.taxonomy-category-student-stories .story-card .story-thumb img {
	margin: 0 auto;
}

.stories-list .story-card .story-text,
.taxonomy-category-student-stories .story-card .story-text {
	line-height: 20px;
	padding: 0;
}

.stories-list .story-card .story-text h3,
.taxonomy-category-student-stories .story-card .story-text h3 {
	color: #28523f;
	margin: 0 0 15px;
}

.stories-list .story-card .story-text h3 a,
.stories-list .story-card .story-text h3 a:hover,
.stories-list .story-card .story-text h3 a:visited,
.stories-list .story-card .story-text h3 a:focus,
.taxonomy-category-student-stories .story-card .story-text h3 a,
.taxonomy-category-student-stories .story-card .story-text h3 a:hover,
.taxonomy-category-student-stories .story-card .story-text h3 a:visited,
.taxonomy-category-student-stories .story-card .story-text h3 a:focus {
	color: #28523f;
}

.stories-list .story-card .story-text .h6,
.taxonomy-category-student-stories .story-card .story-text .h6 {
	margin-bottom: 1em;
	margin-top: 0;
}

.stories-list .story-card .story-text .h6 .ss-employer {
	border-left: 1px solid #28523f;
	font-style: italic;
	margin-left: 8px;
	padding-left: 10px;
}

.stories-list .story-card .story-text p:last-child,
.taxonomy-category-student-stories .story-card .story-text p:last-child {
	margin-bottom: 0;
}

.stories-list .story-card .story-text .entry-more-link,
.taxonomy-category-student-stories .story-card .story-text .entry-more-link {
	display: none;
}

.stories-list .story-card .story-link,
.taxonomy-category-student-stories .story-card .story-link {
	font-size: 16px;
	line-height: 1.3;
	padding: 15px 0 0;
	text-transform: uppercase;
}

.stories-list .story-card .story-link a,
.taxonomy-category-student-stories .story-card .story-link a {
	color: #28523f;
	display: inline-block;
	font-weight: bold;
}


@media screen and (min-width: 768px) {
	.stories-list .story-card:last-child,
	.taxonomy-category-student-stories .story-card:last-child {
		margin-bottom: 0;
	}

	.stories-list .story-card .story-thumb,
	.taxonomy-category-student-stories .story-card .story-thumb {
		padding-bottom: 0;
		padding-left: 15px;
	}

	.stories-list .story-card .story-text,
	.taxonomy-category-student-stories .story-card .story-text {
		padding-right: 15px;
	}
}

@media screen and (min-width: 992px) {
	.stories-list .story-card .story-text,
	.taxonomy-category-student-stories .story-card .story-text {
		font-size: 18px;
		line-height: 24px;
		padding-right: 15px;
	}
	.stories-list .story-card .story-text .story-date-time,
	.stories-list .story-card .story-text .story-location,
	.taxonomy-category-student-stories .story-card .story-text .story-date-time,
	.taxonomy-category-student-stories .story-card .story-text .story-location {
		font-size: 20px;
	}
}

.largenumber {
	font-size: 3.5em;
	line-height: 1em;
	margin-bottom: 0.4em !important;
}

/* Hide sub footer on Undergrad Student Services pages */
.pg-undergraduate-student-services .ubcf-subfooter-wrapper {
	display: none;
}

/* General Inquiries Form */
.general-inquiry-form {
	color: #28523f;
}

.general-inquiry-form label span.label-text {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
}

.general-inquiry-form .supp-form-label-text {
	font-weight: 700;
	margin-bottom: 0;
	text-transform: uppercase;
}

.general-inquiry-form label {
	width: 100%;
}

.general-inquiry-form .name-fields {
	margin-bottom: 0.8em;
}

.general-inquiry-form label input.wpcf7-text {
	background: none;
	border: 1px solid #28523f;
	padding: 0.3em;
	width: 100%;
}

.general-inquiry-form .wpcf7-checkbox .wpcf7-list-item {
	display: block;
	margin-left: 1.3em;
	margin-top: 0.5em;
}

.general-inquiry-form .wpcf7-checkbox .wpcf7-list-item label {
	font-weight: 700;
	position: relative;
}

.general-inquiry-form .wpcf7-checkbox .wpcf7-list-item label input {
	position: absolute;
	left: -1.4em;
	top: 0.5em;
}

.general-inquiry-form label.message-box {
	position: relative;
}

.general-inquiry-form label.message-box span.label-text {
	display: none;
}

.general-inquiry-form label.message-box textarea {
	background: none;
	border: 1px solid #28523f;
	height: 140px;
	margin-top: 20px;
	padding: 0.3em;
	width: 100%;
}

.general-inquiry-form label.message-box textarea::placeholder {
	color: #28523f;
	font-weight: 700;
	opacity: 1;
	text-transform: uppercase;
}

.general-inquiry-form select {
	background: url(fonts/fontawesome/svgs/solid/chevron-down.svg);
	background-size: 0.6em;
	background-position: 97% 50%;
	background-repeat: no-repeat;
	border: 1px solid #28523f;
	border-radius: 0;
	color: #28523f;
	width: 100%;
	font-weight: 700;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0.3em 0.4em 0.3em;
	position: relative;
	margin-bottom: 0.5rem;
}

.general-inquiry-form .wpcf7-submit {
	margin-top: 1rem;
}

.general-inquiry-form .w-md-50 {
	margin-bottom: 0.8em;
}

@media screen and (min-width: 768px) {
	.ubcf-program-questions-wrapper .wpcf7-form {
		font-size: 18px;
	}

	.ubcf-program-questions-wrapper .wpcf7-form label span.label-text {
		font-size: 16px;
		width: 70px;
	}

	.ubcf-program-questions-wrapper .wpcf7-form label input.wpcf7-text {
		width: calc(100% - 75px);
	}

	.ubcf-program-questions-wrapper .wpcf7-form label.message-box textarea {
		height: 120px;
		margin-top: 30px;
	}

	.ubcf-program-questions-wrapper .wpcf7-form label.message-box textarea::placeholder {
		font-size: 16px;
	}

	.general-inquiry-form .w-md-50 {
		padding-right: 15px;
	}

}


/* ==========================================================================
   # Contact
   ========================================================================== */
.gen-cards-list.contact-cards .gen-card {
	margin: 25px 0 0;
}

@media screen and (min-width: 576px) {
	.gen-cards-list.contact-cards .gen-card {
		margin: 30px 0 0;
		height: calc(100% - 30px);
	}
}

.all-news-list.careers-list {
	padding-top: 0;
}

.all-news-list.careers-list .all-news-article.career-opportunity:first-child {
	border-top: 0 none;
	padding-top: 0;
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.all-news-list.careers-list .all-news-article.career-opportunity .all-news-article-thumb {
		padding-left: 0;
		padding-right: 15px;
	}

	.all-news-list.careers-list .all-news-article.career-opportunity .all-news-article-text {
		padding-left: 15px;
		padding-right: 0;
	}
}


/* ==========================================================================
   Alumni
   ========================================================================== */
.all-news-list.alumni-events-list .all-news-article:first-child {
	border-top: 0 none;
	margin-top: 5px;
	padding-top: 0;
}

.all-news-list.alumni-profiles-list .all-news-article:first-child {
	border-top: 0 none;
	margin-top: 35px;
	padding-top: 0;
}

@media screen and (min-width: 768px) {
	.all-news-list.alumni-profiles-list .all-news-article .all-news-article-thumb {
		padding-left: 0;
		padding-right: 15px;
	}

	.all-news-list.alumni-profiles-list .all-news-article .all-news-article-text {
		padding-left: 15px;
		padding-right: 0;
	}
}
/* ==========================================================================
   # 404
   ========================================================================== */
.pg-404 .content {
	margin-bottom: 60px;
}

/* ==========================================================================
   # Posts
   ========================================================================== */

.archive-header {
	padding-bottom: .5rem;
	margin-bottom: 2.5rem;
}

.archive-header {
	border-bottom: 4px solid #222;
	overflow: hidden;
}

/* === Post Header === */

.archive-title {
	margin-top: 0;
	margin-bottom: 0.333em;
}

.entry-title {
	margin-top: 0;
	margin-bottom: 0.55em;
}

.singular .entry-title,
.archive .entry-title,
.page-title {
	border-bottom: 2px solid #28523f;
	margin-top: 0;
	margin-bottom: 0.95em;
	padding-bottom: 0.3em;
	text-transform: uppercase;
}

.entry-title a {
	color: inherit;
	text-decoration: none;
}

.entry-title a:hover {
	color: #333;
}

.entry-byline {
	line-height: 1.3;
	margin-bottom: 0.875em;
}

.entry-byline .entry-published {
	font-weight: 400;
}

.entry-byline a,
.entry-byline a:visited,
.format-status .entry-footer a,
.format-status .entry-footer a:visited {
	color: inherit;
	font-weight: 500;
	text-decoration: none;
}

.entry-byline a:hover,
.format-status .entry-footer a:hover {
	color: inherit;
	text-decoration: underline;
}

.entry-byline .post-by {
	font-style: italic;
	font-weight: 300;
}

.comments-sep:after {
	content: "\0007C";
	font-weight: 300;
	font-family: inherit;
	font-style: normal;
	margin-left: 3px;
	margin-right: 5px;
	display: inline-block;
	margin-top: -1px;
}

.comments-sep:before {
	font-size: 1.2em;
	margin-left: 4px;
	margin-right: 5px;
}

.cl-text .comments-sep:before {
	display: none
}

.cl-icon .comments-sep:after,
.format-status .comments-sep:after {
	display: none
}

.home .cl-hidden--excerpt,
.archive .cl-hidden--excerpt,
.singular-post .cl-hidden--full,
.cl-icon .comments-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.cl-icon .comments-number {
	font-weight: normal;
}

.comments-sep.no-comments.cl-zero-hide,
.comments-sep.no-comments.cl-zero-hide:before {
	display: none;
}

.comments-link.zero-comments.cl-zero-hide {
	display: none;
}

.post-format-link,
.post-format-link:hover {
	color: inherit;
	text-decoration: none !important;
}

.post-format-link span {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.post-format-link::before {
	content: "";
	font-family: "Ionicons";
	font-size: 1.35rem;
	margin-right: 5px;
}

.format-gallery .post-format-link::before {
	content: "\f348";
}

.format-image .post-format-link::before {
	content: "\f30e";
}

.format-audio .post-format-link::before {
	content: "\f32d";
}

.format-video .post-format-link::before {
	content: "\f39f";
}

.format-aside .post-format-link::before {
	content: "\f33f";
}

.format-status .post-format-link::before {
	content: "\f137";
}

.format-chat .post-format-link::before {
	content: "\f2b6";
}

.format-link .post-format-link::before {
	content: "\f22e";
}

.format-status .entry-header {
	margin-bottom: .8em;
}

.post-edit-link,
.post-edit-link:visited {
	font-size: 0.79em;
	font-weight: normal !important;
	display: inline;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 4px;
	position: relative;
	color: inherit;
	background: #f4f4f4;
	padding: 2px 8px;
	letter-spacing: .05em;
}

.entry-byline .post-edit-link {
	left: 5px;
	top: -1px;
}

.post-thumbnail {
	margin-bottom: 1.5em;
	display:block;
}

.post-thumbnail img,
.gallery-post-thumbnail,
.format-gallery .img-hyperlink {
	display:block;
}

/* === Post content and excerpts === */

.archive .post,
.archive-download .edd-download,
.blog .post,
.search .entry {
	border-bottom: 1px solid rgba(39, 55, 64, 0.1);
	margin-bottom: 2rem;
	padding-bottom: 1.85rem;
}

.archive .post.format-audio,
.archive .post.format-aside,
.archive .post.format-link,
.archive .post.format-status,
.archive .post.format-quote,
.archive .post.format-video,
.blog .post.format-audio,
.blog .post.format-aside,
.blog .post.format-link,
.blog .post.format-status,
.blog .post.format-quote,
.blog .post.format-video {
	padding-bottom: .5rem;
}

.more-link,
.entry-more-link {
	letter-spacing: 0.025em;
	font-size: 0.889em;
	text-decoration: none;
}

.more-link:hover,
.entry-more-link:hover {
	letter-spacing: 0.025em;
	font-size: 0.889em;
	text-decoration: underline;
}

.gallery-count {
	color: #6f767a;
	margin-top: 1.5rem;
	font-size: 0.889em;
}

/* === Post Author === */

.author-info {
	border-top: 4px solid rgba(39, 55, 64, 0.45);
	margin-top: 1rem;
	overflow: hidden;
	padding-top: 1.1rem;
}

.author-avatar {
	float: left;
	margin-top: .5rem;
	margin-bottom: 1rem;
	width: 75px;
	padding-right: 15px;
}

.author-description p {
	margin-bottom: 1.2rem;
}

.author-avatar img {
	border: 0.4em solid #f5f5f5;
	border: 0.4em solid rgba(0,0,0,0.055);
	border-radius: 50%;
	float: left;
}

.author-info .author-heading {
	margin-top: .55rem;
	margin-bottom: .5rem;
}

.author-info .author-heading a,
.author-info .author-heading a:visited {
	color: inherit;
	text-decoration: none;
}

.author-info .author-heading a:hover {
	color: inherit;
	text-decoration: underline;
}

@media (min-width: 600px) {

	.author-avatar {
		margin-bottom: 1.6rem;
		width: 140px;
	}

	.author-description p {
		margin-bottom: 1.6rem;
	}

	.author-avatar img {
		border: 0.5em solid #f5f5f5;
		border: 0.5em solid rgba(0,0,0,0.055);
		width: 120px;
		height: auto;
	}

	.author-avatar + h4,
	.author-avatar + h4 + .author-bio,
	.author-avatar + .archive-description {
		clear: right;
		margin-left: 150px;
	}
}

.author-description {
	font-size: 0.889em;
}


/* === Post Footer === */

.entry-footer {
	clear: both;
	padding-bottom: 1.9rem;
	width: 100%;
}

.entry-terms {
	margin-top: .5rem;
	display: inline-block;
	font-weight: 600;
}

.entry-terms a,
.entry-terms span {
	font-weight:normal;
}

.post-navigation {
	clear: both;
	padding-top: .5rem;
}

.post-navigation .nav-links {
	border-top: solid 1px #c7d6e4;
	border-top: solid 4px rgba(39, 55, 64, 0.2);
	margin-top: .5rem;
	padding-top: 2.1rem;
}

.post-navigation .nav-links a {
	display: block;
	text-decoration: none;
}

.post-navigation .nav-links a .meta-nav {
	clear: both;
	display: block;
	font-size: 1.2em;
	line-height: 2;
}

.post-navigation .nav-links a .post-title {
	display: block;
	font-size: 0.889em;
	line-height: 1.3;
	text-decoration: underline;
}

.post-navigation .nav-previous,
.post-navigation .nav-next  {
	width: 100%;
	padding-bottom: 10px;
}

@media (min-width: 600px) {
	.post-navigation .nav-previous,
	.post-navigation .nav-next  {
		width: 50%;
		padding-bottom: 0;
	}
}

.post-navigation .nav-previous {
	float: left;
	text-align: left;
	padding-left: 30px;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
	padding-right: 30px;
}

.post-navigation .nav-previous .meta-nav,
.post-navigation .nav-next .meta-nav {
	position: relative;
}

.post-navigation .nav-previous .meta-nav:before,
.post-navigation .nav-next .meta-nav:after {
	font-family: "Ionicons";
	font-size: 1.75em;
	line-height: .5;
	margin-top: -10px;
	opacity: .8;
	position: absolute;
	top: 50%;
	vertical-align: middle;
}

.post-navigation .nav-previous .meta-nav:before {
	content: "\f3cf";
	left: -30px;
}

.post-navigation .nav-next .meta-nav:after {
	content: "\f3d1";
	right: -30px;
}

.attachment-meta .image-info h3 {
	margin-top: 1.5rem;
}

.image-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.image-info ul li {
	padding: 10px;
	font-size: 0.889em;
}

.image-info ul li:nth-child(even) {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.35);
}

.image-info ul li:nth-child(odd) {
	background-color: #F2F4F9;
	background-color: rgba(242, 244, 249, 0.35);
}

.image-info .prep {
	display: inline-block;
	font-weight: 600;
	margin-right: 10px;
	width: 120px;
}


/* ====== PAGINATION ====== */

.pagination {
	list-style: none;
	margin: 40px 0 30px;
	font-size: .889em;
}

.pagination ul,
.pagination .nav-links {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: block;
	width: 100%;
	border: none
}

.pagination:after,
.pagination ul:after {
	content: "";
	display: block;
	clear: both;
}

.pagination ul li,
.pagination .nav-links span,
.pagination .nav-links a {
	display: inline-block;
	float: none;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

.pagination .nav-links li a,
.pagination .nav-links li span {
	margin: 0;
}

.pagination a,
.pagination a:visited,
.pagination .current {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	color: inherit;
	display: block;
	line-height: 1.55;
	min-width: 40px;
	padding: 5px 6px;
	text-align: center;
	text-decoration: none;
}

.pagination .dots {
	display:inline-block;
	min-width: 10px;
	text-align:center
}

.pagination a:hover {
	background-color: rgba(0, 0, 0, 0.05);
	color: #000;
}

.pagination .current {
	background-color: rgba(0, 0, 0, 0.05);
}

.pagination .prev,
.pagination .next {
	background-color: transparent;
	border: none;
}

.pagination a:focus {
	border-radius: 0;
	color: #000;
}


/* ==========================================================================
   # Sidebars and widgets
   ========================================================================== */

/* General
   ========================================================================== */

.sidebar ul,
.sidebar ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-primary li,
.sidebar-special li {
	line-height: normal;
	margin-bottom: 0.65em;
	padding-bottom: 0.65em;
}

.sidebar-primary li a,
.sidebar-special li a {
	line-height: 1.3;
}

.sidebar-subsidiary {
	line-height: normal;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.sidebar-subsidiary li a {
	line-height: 1.3;
}

.sidebar ul ul,
.sidebar ol ol {
	margin-left: 1.5rem;
	margin-bottom: 0;
}

.sidebar .sidebar-meet {
	color: #fff;
	margin: 1.5rem auto;
}

.sidebar .sidebar-meet .program-type .program-intro {
	background: #28523f;
	box-shadow: none;
	margin: 0;
	padding: 25px 20px;
}

.sidebar .sidebar-meet .program-type .program-intro h4 {
	color: #fff;
	margin: 0 0 0.3em;
	text-transform: uppercase;
}

.sidebar .sidebar-meet .program-type .program-intro h4 a {
	color: #fff;
}

.sidebar .sidebar-meet .program-type .program-intro h6 {
	color: #fff;
	margin-top: 0;
}

/* Hide Meet box on Elevate Your Degree pages, except for Land One */
.prnt-elevate-your-degree .sidebar .sidebar-meet {
	display: none;
}
.pg-land-one .sidebar .sidebar-meet {
	display: block;
}

.sidebar .sidebar-apply {
	margin: 50px auto;
}

.sidebar .sidebar-apply a.btn-primary {
	background: #54c0b3;
	border-color: #54c0b3;
	color: #222;
	font-size: 14px;
	margin: 0 auto;
	padding: 0.7rem 1.5rem;
	text-align: center;
	width: 100%;
}

.sidebar .sidebar-apply a.btn-primary:hover {
	background: #76cdc2;
	border-color: #76cdc2;
	text-decoration: none;
}

@media screen and (min-width: 576px) {
	.sidebar .sidebar-apply a.btn-primary {
		font-size: 16px;
		width: auto;
	}
}

@media screen and (min-width: 992px) {
	.sidebar .sidebar-apply a.btn-primary {
		width: 100%;
	}
}


.sidebar .sidebar-social-link {
	margin: 50px auto;
}

.sidebar .sidebar-social-link a.btn-social-media {
	background: url('images/instagram-icon.png') 15px center no-repeat;
	border-color: #28523f;
	border-radius: 0;
	border-width: 2px;
	color: #28523f;
	font-size: 14px;
	margin: 0 auto;
	padding: 18px 30px 18px 70px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

.sidebar .sidebar-social-link a.btn-instagram {
	background: url('images/instagram-icon.png') 15px center no-repeat;
}

.sidebar .sidebar-social-link a.btn-twitter {
	background: url('images/twitter-icon.png') 15px center no-repeat;
}

.sidebar .sidebar-social-link a.btn-social-media:hover {
}

@media screen and (min-width: 576px) {
	.sidebar .sidebar-social-link a.btn-social-media {
		font-size: 16px;
		width: auto;
	}
}

@media screen and (min-width: 992px) {
	.sidebar .sidebar-social-link a.btn-social-media {
		width: 100%;
	}
}

/* Widget Search
   ========================================================================== */

.widget_search .search-form {
	width: 100%;
	position: relative;
}

.widget_search .search-field {
	padding-right: 45px;
	position: relative;
	width: 100%;
}

.widget_search .search-submit,
.widget_search .search-submit:hover {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #222;
	height: 100%;
	line-height: normal;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	min-width: 45px;
}

.widget_search .search-submit:after {
	content: "\f20a";
	font-family: "Ionicons";
	font-size: 22px;
	float: right;
	width: 45px;
	margin: 0;
	padding: 0;
}

.widget_search .search-submit:hover:after,
.widget_search .search-submit:focus:after {
	font-size: 24px;
}

.widget_search .search-submit:hover {
	background-color: rgba(39, 55, 64, 0.06);
}

.widget_search .search-submit:focus {
	background-color: rgba(39, 55, 64, 0.08);
	outline: 1px dotted rgba(39, 55, 64, 0.8);
}


/* Widgets sign-up
   ========================================================================== */


.widget p {
	margin-bottom: 1rem;
}

.sidebar-primary .widget,
.sidebar-special .widget,
.sidebar-subsidiary .widget {
	width: 100%;
	margin-bottom: 2.5rem;
	vertical-align: top;
}

.widget_rss a.rsswidget {
	font-weight: 500;
}

.widget_rss .rss-date {
	color: rgba(0, 0, 0, 0.55);
}

.widget_rss .rssSummary {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.widget-title {
	margin-top: 0;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
}

h2.widget-title {
	font-size: 1.777em;
}

.widget_recent_comments .recentcomments {
	font-style: italic;
}

.widget_recent_comments .recentcomments a {
	font-style: normal;
}

.calendar_wrap th,
.calendar_wrap td {
	font-size: 0.889em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	padding: 0;
	line-height: 2.5923076923;
	text-align: center;
	vertical-align: middle;
}

.calendar_wrap table caption {
	text-transform: uppercase;
	padding: 0 0 10px;
	font-size: 0.889em;
	font-weight: bold;
}

.calendar_wrap tbody td a {
	display: block;
	font-weight: 600;
	background-color: rgba(0, 0, 0, 0.04);
}

.calendar_wrap tfoot td a {
	display: block;
}

.widget_calendar tfoot #prev {
	text-align: left;
}

.widget_calendar tfoot #next {
	text-align: right;
}

.widget_tag_cloud .tagcloud a {
	border: 1px solid #E6E6E6;
	border: 1px solid rgba(39, 55, 64, 0.15);
	border-radius: 2px;
	display: inline-block;
	font-size: inherit !important;
	line-height: 1;
	margin: 0 0.222em 0.5em 0;
	padding: 0.355em 0.375em 0.313em;
}

.sidebar-primary .widget_tag_cloud .tagcloud a:hover,
.sidebar-special .widget_tag_cloud .tagcloud a:hover {
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(39, 55, 64, 0.45);
	color: #22222A;
}

.sidebar-primary,
.sidebar-special {
	font-size: .889em;
}

.sidebar a {
	text-decoration: none;
}

.sidebar a:hover {
	text-decoration: underline;
}

.sidebar-primary li,
.sidebar-special li {
	border-bottom: solid 1px rgba(39, 55, 64, 0.09);
}

.sidebar-primary li:last-child {
	border-bottom: none !important;
}

.sidebar-primary ul ul li,
.sidebar-special ul ul li,
.sidebar-subsidiary ul ul li {
	border-bottom: none !important;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sidebar-primary ul ul li a,
.sidebar-special ul ul li a {
	border-bottom: none !important;
	display: block;
	margin-top: 0.36em;
	padding-top: 0.36em;
}

.sidebar-subsidiary ul ul li a {
	border-bottom: none !important;
	display: inline-block;
	margin-top: 0.3em;
	padding-top: 0.3em;
}

#sidebar-subsidiary {
	font-size: 1em;
	border-top: 1px solid rgba(39, 55, 64, 0.09);
	padding-top: 2.5rem;
}


/* ==========================================================================
   # Comments
   ========================================================================== */

#comments {
	overflow: hidden;
}

.logged-in-as {
	font-size: 0.889em;
}

.logged-in-as a {

}

/* === Comments closed message === */

.comments-closed {
	font-size: 0.889em;
	font-weight: 500;
	margin-top: 1em;
}

/* === Individual comments */

li.comment {
	margin-top: 2.5rem;
}

li.ping {
	margin-top: 1.5rem;
}

/* === Comment list === */
#comments-number {
	border-top: 4px solid rgba(39, 55, 64, 0.55);
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding-top: 1.5em;
	padding-bottom: 1em;
}

.comment-list {
	margin-left: 0;
	padding-left: 0;
}

ol.comment-list li {
	list-style:none !important;
}

ol.comment-list ol.children {
	margin-top: 3rem;
}

ol.comment-list ol.children li {
	margin-bottom: 3rem;
}

@media only screen and (min-width: 1200px) {

	ol.comment-list ol.children {
		margin-left: 2.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {

	ol.comment-list ol.children {
		margin-left: 2rem;
	}
}
@media only screen and (min-width: 520px) and (max-width: 769px) {

	ol.comment-list ol.children {
		margin-left: 1.2rem;
	}
}
@media only screen and (max-width: 519px) {

	ol.comment-list ol.children {
		margin-left: .75rem;
	}
}

/* === Avatars === */

.comment-list .avatar {
	border-radius: 100%;
	float: left;
	margin-right: 1rem;
	width: 55px;
	height: 55px;
}

/* === Meta === */

.comment-meta {
	font-size: 1em;
	margin-bottom: 1em;
	overflow:hidden;
}

.comment-author {
	font-size: 1.125em;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
}

li.ping .comment-author {
	font-size: 1em;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}

li.ping .comment-meta .comment-permalink {
	font-size: .889em;
	font-weight: 300;
}

.comment-author {
	opacity: 1;
}

.comment-author a {
	color: inherit;
	display: inline-block;
	margin-bottom: -3px;
	padding-top: 5px;
	text-decoration: none;
}

.comment-author a:hover {
	color: inherit;
	opacity: .75;
	text-decoration: none;
}

.comment-meta .comment-published {
	font-size: .889em;
	font-weight: 300;
}

.comment-meta .comment-permalink {
	color: inherit;
	line-height: 1;
	text-decoration: none;
}

.comment-edit-link {
	font-size: .889em;
	font-weight: 300;
}

/* === Comment text/content === */
.comment-content {
	border: 1px solid rgba(39, 55, 64, 0.09);
	border-radius: 4px;
	font-size: 1em;
	padding: 1.5em 1.2em 0.3em;
}
.comment-content p {
	margin-bottom: 1.2em;
}

/* === Reply link === */
.comment-reply-link {
	font-size: 0.889em;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: .5rem;
}
.comment-reply-link:hover {}


/* ====== RESPOND (COMMENT FORM) ====== */

.comment-respond {
	padding-bottom: 1em;
	overflow: hidden;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	display: inline-block;
	width: 100%;
}

#reply-title {
	margin-top: 1em;
	margin-bottom: 1em;
}

#reply-title .wrap {
	display: block;
}

#reply-title small {
	font-size: 1.1rem;
	font-weight: 400;
	text-decoration: none;
}

#respond label {
	color: #283037;
	display: inline-block;
	float: left;
	font-size: 1em;
	margin-bottom: 10px;
	margin-right: 10px;
}

.comment-form input:not([type="submit"]),
.comment-form textarea {
	width: 82%;
	min-width: 82%;
	max-width: 82%;
	font-size: 0.889em;
	float: right;
}

.comment-form input[type="checkbox"] {
	width: auto;
	min-width: inherit;
	max-width: none;
	font-size: 0.889em;
	float: none;
}

.form-submit,
#respond input[type="submit"] {
	float: right;
}

.comment-subscription-form {
	color: #6f767a;
	clear: both;
	float: right;
	font-size: 0.889em;
	margin-bottom: 0;
}

@media (max-width: 767px) {

	#respond label {
		float: none;
		width: 100%;
	}

	.comment-form input:not([type="submit"]),
	.comment-form textarea {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		float: none;
	}

	.comment-form input[type="checkbox"] {
		float: right;
		min-width: inherit;
		max-width: none;
		width: auto;
	}

	#respond  .comment-subscription-form {
		display: -webkit-box; display: -ms-flexbox; display: flex;
	    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
	    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		margin-bottom: 1em;
	}

	#respond  .comment-subscription-form label {
		margin: 0 0 0 10px;
		float: left;
		width: auto;
	}

}


/* ==========================================================================
   # Helper classes
   ========================================================================== */

/*
   Text Transform:
*/
.ttc { text-transform: capitalize; }
.ttl { text-transform: lowercase; }
.ttu { text-transform: uppercase; }
.ttn { text-transform: none; }

/*
   Vertical Align
*/
.v-base { vertical-align: baseline; }
.v-mid { vertical-align: middle; }
.v-top { vertical-align: top; }
.v-btm { vertical-align: bottom; }

/*
 * Hide visually and from screen readers
 */

.hidden {
	display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden,
.screen-reader-text,
.icon-only a span {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.screen-reader-text.focusable:active,
.screen-reader-text.focusable:focus {
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.skip-link.focusable:focus {
	position: absolute;
	left: 5px;
	top: 7px;
	background: #f7f7f7;
	color: #151515;
	outline: : 3px solid #ffbf47;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Back to visible
 */
.visible {
	visibility: visible;
}

.center,
.centered {
	margin-right: auto;
	margin-left: auto;
}

.relative {
	position: relative;
}

.break {
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for webkit */
	word-wrap: break-word;
	word-break: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;

			clear:both;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

.clearfix:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:0;
	content:" ";
}

.clearfix {
	zoom:1;
}

.transition-all {
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

.transition-color {
	-webkit-transition: color .15s ease;
	-moz-transition: color .15s ease;
	-o-transition: color .15s ease;
	transition: color .15s ease;
}

.transition-bg {
	-webkit-transition: background .15s ease-out;
	-moz-transition: background .15s ease-out;
	-o-transition: background .15s ease-out;
	transition: background .15s ease-out;
}

.fluid-width-video-wrapper {
	margin-bottom: 1.5rem;
}


/* ==========================================================================
   # Print styles
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
	*,
	*:before,
	*:after,
	*:first-letter,
	*:first-line {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important; /* Black prints faster:
								   http://www.sanbeiji.com/archives/953 */
		text-shadow: none !important;
	}

	.entry a,
	.entry a:visited {
		text-decoration: underline;
	}

	.entry-content a[href]:after {
		content: " (" attr(href) ")";
	}

	.entry-content abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */

	.entry-content a[href^="#"]:after,
	.entry-content a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
	  /*  border: 1px solid #999;*/
		page-break-inside: avoid;
	}

	/*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	body .site-title-wrap {
		position: relative !important;
		height: auto !important;
	}

	body .titles-wrap {
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
		position: relative !important;
		top: 0 !important;
		display: block !important;
	}

	#main {
		padding-top: 0 !important;
	}

	.hide-for-print,
	#sidebar-primary,
	#sidebar-special,
	#comments-template,
	.menu-subsidiary,
	.menu-primary,
	.breadcrumb-trail,
	.post-navigation {
		display: none!important;
	}

	.show-for-print {
		display: block!important;
	}

/*
 * from UBC CLF v7.0.4
*/
body{ background:#fff;color:#000;font-size:12pt;line-height:1.3}a:link,a:visited{background:transparent;color:#222;text-decoration:underline}a:link:after{content:" (" attr(href) ") ";padding-left:10px}h1{font-size:18pt;color:#000}h2{font-size:16pt;color:#000}h3{font-size:14pt;color:#000}h4{font-size:12pt;color:#000}h5{font-size:10pt;color:#000}h6{font-size:8pt;color:#000}.page-header{border:0;margin:0;padding-bottom:0}#ubc7-unit a:link:after{content:none}#ubc7-unit{border-bottom:1px solid #000;height:80px;overflow:visible}#ubc7-unit-name{box-shadow:none}#ubc7-unit-faculty{color:#000;margin-bottom:10px;text-shadow:none}#ubc7-unit-identifier{color:#000;font-size:20pt;text-shadow:none}#ubc7-header,#ubc7-apom,#ubc7-wordmark-block,#ubc7-wordmark,#ubc7-global-menu,#ubc7-unit .navbar .btn-navbar,#ubc7-unit .btn,#ubc7-unit-menu,#ubc7-global-footer,#ubc7-minimal-footer,.ubc7-back-to-top,.breadcrumb{display:none}#ubc7-footer,#ubc7-unit-footer{color:#000!important;border-color:#000!important;padding-top:10px!important}#ubc7-unit-social-icons{color:#000;visibility:visible}.row{border:0;box-shadow:none!important;float:none!important;margin:0 5%;padding-top:0!important;padding-bottom:0!important;width:auto}img{max-width:100%;border:0}video,audio,object,embed{display:none}.btn,.btn-group{background:0;border-color:#000;color:#000}.bootstrap-sidenav,.pagination,.pager,.progress{display:none}#ubc7-carousel .carousel-caption h4,#ubc7-carousel .carousel-caption p,#ubc7-carousel .item p>a{color:#000}#ubc7-carousel-counter{display:none}.nav .nav-tabs a:link:after,.accordion a:link:after,.btn a:link:after,.dropdown-menu a:link:after,.nav .nav-pills a:link:after,.nav .nav-list a:link:after,.tabbable a:link:after,.nav .navbar a:link:after,.nav a:link:after,.pager a:link:after,.btn-navbar a:link:after{content:none}.nav-tabs>.active>a,.nav-tabs>.active>a:hover{border:0;color:#000;font-weight:700;border-bottom:2px solid #000}.nav-tabs>li>a{color:#000;border:0}
}