/* Enter Your Custom CSS Here */
body{
    overflow-x:hidden !important;
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    color: #002145;
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    margin: 20px 0 10px 0;
    line-height: 1;
    text-rendering: optimizelegibility;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.btn:focus {
    outline: none!important;
    outline: none!important;
    outline-offset: none!important;
}
a:link, a:visited, a:active {
  color:#a5cf4d;
 }
a:hover {
  color:#002145;
}
#ubc7-unit-address a:link, #ubc7-unit-address a:visited,#ubc7-unit-address a:active {
  font-weight:bold;
 }
#ubc7-unit-address a:hover {
 font-weight:bold;
}
.et_divi_builder #et_builder_outer_content .et_pb_module a {
    color: #a5cf4d;
}
.et_divi_builder #et_builder_outer_content .et_pb_module a:hover {
    color: #2cc2e0;
}
.et_divi_builder #et_builder_outer_content .et_pb_module.contactinfo a {
    color: #fff;
  text-decoration:underline !important;
}
.et_divi_builder #et_builder_outer_content .et_pb_module a:hover {
    color: #2cc2e0;
}
#ubc7-unit {
    background: #004b74 !important;
}
#ubc7-unit-menu, #ubc7-unit-menu .navbar-inner, #ubc7-unit-menu .nav>li>.btn-group {
    background: #aed45e!important;
	color:#002145 !important;
}
#ubc7-unit-menu .nav>li>a {border-bottom:solid 3px #aed45e;}
#ubc7-unit-menu .nav>li>a:hover, #ubc7-unit-menu .nav-collapse .nav>li>a:hover, #ubc7-unit-alternate-navigation .nav-collapse .nav>li>a:hover {
    background:rgba(255,255,255,0.5)!important;
	border-bottom: solid 3px #004b74!important;
	color: #002145!important;
    }

#ubc7-unit-menu .dropdown .btn-group {
    height: 46px!important;
	background: #aed45e !important;
	}
#ubc7-unit-menu .btn-group .btn {
background:transparent !important;
  font-size:16px !important;
		}
#ubc7-unit-menu .dropdown .btn-group:hover .btn {color:#002145 !important;}
#ubc7-unit-menu .nav > li.active > a, #ubc7-unit-alternate-navigation .nav > li.active > a {
    background: rgba(255,255,255,0.5);
border-bottom: solid 3px #004b74;
	color:#002145 !important;
}
#ubc7-unit-menu .dropdown .btn-group:hover, #ubc7-unit-menu .dropdown .btn-group:active {
 background: rgba(255,255,255,0.5)!important;
border-bottom: solid 3px #004b74;
	color:#002145 !important;
}
#ubc7-unit-menu .nav>li.active>.btn-group {
   background: rgba(255,255,255,0.5)!important;
	border-bottom: solid 3px #004b74;
	color:#002145 !important;
}
#ubc7-unit-menu .btn-group button:hover, #ubc7-unit-alternate-navigation .btn-group button:hover {
    background: #004b74 !important;
	color:#002145 !important;
}
#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover {background:#004b74 !important;}

.entry-meta span.category, .entry-meta span.post_tag {
  background:rgba(255,255,255,0.5);
  padding:10px;
	
}
.entry-meta span.post_tag:before {
  content: "" !important;
}
.singular-post #container .content {
  padding-bottom:130px;
      background-image: url(https://ihlcdp.ok.ubc.ca/wp-content/uploads/testback.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size:auto;
}

h1.post-title.entry-title::after {
  background: none repeat scroll 0 0 #a5cf4d !important;
    bottom: -10px !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    position: relative !important;
    width: 200px !important;
    margin-bottom: 25px !important;
}

.hentry {
    margin-bottom: 0px !important;
}
.et_divi_builder #et_builder_outer_content .et_pb_toggle_0.et_pb_toggle {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.full-width .full-width-container {
    margin-left: 0px;
    margin-right: 0px;
}

.et_divi_builder #et_builder_outer_content .et_pb_row {
    width: 100%;
    max-width: 1170px;
    margin: auto;
    position: relative;
padding: 1% 0;
}
.et_divi_builder #et_builder_outer_content .et_pb_section {
    padding: 2% 0;
}
.et_divi_builder #et_builder_outer_content .et_pb_post_nav_0 span.nav-previous a, .et_divi_builder #et_builder_outer_content .et_pb_post_nav_0 span.nav-next a {
    border: 1px solid #002145 !important;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  background-color:#fff;
  color:#002145;
}
.et_divi_builder #et_builder_outer_content .et_pb_post_nav_0 span.nav-previous a:hover, .et_divi_builder #et_builder_outer_content .et_pb_post_nav_0 span.nav-next a:hover {
    border: 1px solid #002145;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  background-color:#a5cf4d;
  color:#002145;
}
/************ STYLE 2 Research team leads ************/
.team-style2 .et_pb_team_member {
 overflow: hidden;
 position: relative;
 max-width: 400px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 0;
}
.team-style2 .et_pb_team_member_image {
 margin-bottom: 0;
 width: 100% !important;
}
.team-style2 .et_pb_team_member_image img {
 width: 100% !important;
 -webkit-transition: transform .3s;
-moz-transition: transform .3s;
 transition: transform .3s;
}
.team-style2 .et_pb_team_member_description h4 {
 color: #fff !important;
 margin-bottom: 20px !important;
 line-height: normal;
 text-overflow: ellipsis !important;
 overflow: hidden !important;
 width: 100%;
 white-space: nowrap;
}
.team-style2 .et_pb_team_member_description {
 display: block !important;
 background-color: rgba(0,33,69,.9) !important;
 padding: 30px 40px !important;
 position: absolute !important;
 bottom: -75% !important;
 width: 100%;
 height: 100%;
 -webkit-transition: bottom .3s !important;
 -moz-transition: bottom .3s !important;
 transition: bottom .3s !important;
}
.team-style2 .et_pb_team_member:hover > .et_pb_team_member_description {
 bottom: 0 !important;
}
.team-style2 a.person-link {
padding:5px 10px !important;
background-color: #a5cf4d !important;
color:#002145 !important;
}

body {
    font-size: 16px;
    line-height: 22px;

}
#container {
    padding-top: 0px;
}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}
#sidebarbutton a:link, #sidebarbutton a:visited, #sidebarbutton a:active {
  border: 1px solid #d7e0e7;
    color: #002145;
    display: block;
    margin: 0 0 15px;
    padding: 8px 14px;
  background-color:#a5cf4d;
  line-height:45px;
  font-size: 18px;
}
#sidebarbutton a:hover {
  background-color:#002145;
  color:#ffffff !important;
}
.et_divi_builder #et_builder_outer_content .et_pb_widget {margin-bottom:15% !important;}
.fullsection.supportbanner {
   outline: 1px solid #a5cf4d !important;
 outline-offset: -20px !important;
}
.fullsection.supportbanner h2{
  font-size:30px !important;
  
}
#ff-stream-1, #ff-stream-1 .ff-popup, #ff-stream-1 .ff-search input {
    background-color: transparent !important;
}
.ff-upic-round .picture-item__inner {
    border-radius: 6px;
    border: solid 1px #5E9FCA;
}

.et-db #et-boc .et-l .et_pb_image_container {margin:0px !important;}

.et-db #et-boc .et-l .et_pb_blog_grid .et_pb_post {
	margin-bottom:20px !important;}

.et-db #et-boc #blog_2 a.more-link {
    padding: 10px!important;
    margin-top: 10px;
    text-align: center;
    background-color: #00ab8e!important;
    color: #fff!important;
    border: solid 1px #00ab8e!important;
}
.et-db #et-boc #blog_2 a.more-link:hover {
    background-color: #002145!important;
    color: #fff!important;
    border: solid 1px #a5cf4d!important;
}
.et-db #et-boc #blog_3 a.more-link {
    padding: 10px!important;
    margin-top: 10px;
    text-align: center;
    background-color: #00ab8e!important;
    color: #fff!important;
    border: solid 1px #00ab8e!important;
}
.et-db #et-boc #blog_3 a.more-link:hover {
    background-color: #002145!important;
    color: #fff!important;
    border: solid 1px #002145!important;
}
.et-db #et-boc .et-l .et_pb_top_inside_divider {
    margin-top: 0px !important;
}
.et-db #et-boc .et-l .et_pb_module .et_pb_image_container a:not(.wc-forward) {
    	padding-bottom: 0px !important;}
.four-column-blog-grid .et_pb_column_1_2,
.four-column-blog-grid .et_pb_column_1_3, 
.four-column-blog-grid .et_pb_column_1_4 {
    width: 100%;
}
.four-column-blog-grid .et_pb_post {
    display:inline-block;
    vertical-align:top;
    width: 23%;
    margin-right:15px !important;
    margin-bottom:15px !important;
}
.group-cta .et_pb_promo_description {
    position: absolute;
    margin: 15px;
    bottom: 0;
    
}


@media all and (max-width: 1400px) {
}
@media (min-width:981px)and (max-width: 1200px) {
 .four-column-blog-grid .et_pb_post {
    width:46%;
  }
}
@media only screen and (min-width: 1200px) {
   
et_divi_builder #et_builder_outer_content .et_pb_column .et_pb_team_member_image {
    width: 100% !important;
    }
  #ubc7-unit-menu .nav>li>a {
    padding: 11px 15px 11px;
}
	
}
@media all and (max-width: 1080px) {
 
}

@media only screen and (min-width: 981px) {
   .et_divi_builder #et_builder_outer_content .person-title .et_pb_column_inner_0 {
    width: 60% !important;
    margin-right: 4% !important;
}
.et_divi_builder #et_builder_outer_content .person-title .et_pb_column_inner_1 {
    width: 36% !important;
    margin-right: 0 !important;
}
  .et_divi_builder #et_builder_outer_content .person-image, .et_divi_builder #et_builder_outer_content .person-title {
  margin-top:-110px !important;
}
.et_divi_builder #et_builder_outer_content .contactinfo {
 min-height:280px; 
}
 .et_divi_builder #et_builder_outer_content .project-image {
    margin-top: -175px !important;
    margin-left: 0;
} 
  .archive .hentry.post {
    margin-bottom: 10px !important;
}
  .et_divi_builder #et_builder_outer_content .research-news .et_pb_post {
    margin-bottom: 25px !important;
}
 
}
@media all and (max-width: 980px) {
 
  .six-columns .et_pb_module {width: 33.3%;}
.five-columns .et_pb_module {width: 33.3%;}
	 .fullsection.supportbanner {
   outline: 0px solid #a5cf4d !important;
 outline-offset: 0px !important;
}
.fullsection.supportbanner h2{
  font-size:20px !important;
  margin-bottom:10px !important;
  text-align:center !important;
  
}
	.et_divi_builder #et_builder_outer_content .et_pb_row {
    width: 96% !important;
    }
h1, h2 {
    font-size: 22px;
    line-height: 24px;
}
.et_divi_builder #et_builder_outer_content .team-style2 .et_pb_column .et_pb_team_member_image {
    width: 100% !important;
    }
	.title-line h2, .title-line h1 {
font-size:26px !important;
     padding-top:10px !important;
}
   .singular-post h3 {
  font-size:20px !important;
}
.singular-post #container .content {
 background:none;
  padding-bottom:20px;
}
   .et_pb_section.fullsection {
    margin-left: -20px !important;
    margin-right: -20px !important;
   padding-left:3% !important;
     padding-right:3%!important;
} 
	.four-column-blog-grid .et_pb_post {
    width:100%;
  }

}
@media all and (max-width: 767px) {
   .six-columns .et_pb_module {width: 100%;}
.five-columns .et_pb_module {width: 100%;}
	.et_pb_section.fullsection {
    margin-left: -20px !important;
    margin-right: -20px !important;
   padding-left:3%;
     padding-right:3%;
} 
}
@media all and (max-width: 479px) {
 
}
@media (min-width: 981px) {
.ctm_blog .column.size-1of4 {
    width: 24% !important;
    margin-right: 1.2% !important;
}
.ctm_blog .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before {
content: '4 .column.size-1of4'!important;
}
	.ctm_blog .column.size-1of4:last-child {
      margin-right:0px !important;
}
}