/*
Theme Name: tritheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tritheme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

tritheme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.half{
width: 50%;
box-sizing: border-box;
float: left	
}

.half h1{
	font-size: 30px
}

.third{
width: 33.333333%;
padding: 20px;
box-sizing: border-box;
float: left	
	
}

.blueButton{
    background: #0094c9;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    display: block;
    max-width: 80%;
    margin: 0 auto;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #fff;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0em !important;
	border: 0px
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.header{
	display: block;
	padding: 20px 0px;
}

#primary_nav_wrap
{
	margin-top:-16px;
	position: relative;
	z-index: 99999
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#777;
	text-decoration:none;
	font-weight:500;
	font-size:16px;
	line-height:100%;
	padding:0 10px;;
	border-right: 1px solid #0094c9
}

#primary_nav_wrap ul li:last-child > a{
	border-right: none;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	color: #0094c9
}

#primary_nav_wrap ul li:hover > a
{
	color:#0094c9
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}



.navbar-toggle .icon-bar{
	background: #fff
}


.navbar-toggle{
position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #ffffff;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-appearance: none;
    background: #000;
    box-shadow: none;
}

.navbar-toggle:hover{
	box-shadow: none;
	background: #777
}

.navbar-brand1{
	
}

.logo{
	width: 200px
}


#mobile_primary_nav_wrap{
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.91);
    z-index: 9999999;
    left: 0px;
    top: 0px;
    bottom: 0px;
    display: none
}
#mobile_primary_nav_wrap ul{
	margin-left:  0px;
	padding-left: 0px;
}

#mobile_primary_nav_wrap ul li{
	list-style: none;
	padding: 15px;
	border-bottom:1px solid #212121;
	box-sizing: 10px;
	
}

#mobile_primary_nav_wrap ul li ul li{
		border-bottom:none
}

#mobile_primary_nav_wrap ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	line-height: 100%;
	font-weight: 500
}
#mobile_primary_nav_wrap ul li a:hover{
	color: #0094c9
}

.close{
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	top:5px;
	right: 5px;
	position: absolute;
	padding-top: 5px;
	
}

.close::before{
	content: '✕';
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}



/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.singleTopBanner{
	margin-bottom: 30px !important;
	position: relative;
}
.post-template-default article{
	width: 70%;
	float: left
}

.singleSidebar{
	width: 25%;
	float:right
}
.singleSidebar h1{
	color: #77787b;
	font-size: 25px;
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*** CUSTOME ADDITIONS TO UNDERSCORES ***/
body {
	background: #fff;
	color: #77787b;
	  
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin: 0px;
	padding: 0px;	
}

h1 {
	font-weight: bold;
	font-size: 40px;
	color: #0094c9;
}

h2 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 30px;
}

h3 {
	font-weight: bold;
	font-size: 20px;
	color: #0094c9;	
	margin-top: 20px;
}

h4 {
	font-weight: bold;
	font-size: 18px;
	color: #0094c9;	
	margin: 20px 0;
}

p {
}

.team {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 18px;
}

.bio {
	width: 100%;
	background-color: #eceded;
	padding-top: 30px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.bio-pic {
	float: left;
	width: 20%;
	text-align: right;
}

.bio-text {
	float: left;
	width: 80%;
	padding: 0px 60px 30px 15px;
}

.bio-text h3 {
	margin-top: 0px;
	margin-bottom: 10px;
}

.bio-text p {
	font-size: 14px;
}

#bio-dr-shawn-marshal, #bio-laura-lynes, #bio-dr-cynthia-lane, #bio-dr-andy-dobson, #bio-audrey-johnson, #bio-therese-greenwood, #bio-barrie{
	display: none;
}

.bio-button {
	padding: 0px;
	padding-top: -10px;
	margin: -0px 6px 0px 6px;
	border: none;
	background: none;
}

.rotated {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -o-transform: rotate(90deg); /* Opera */
}

a, a:active {
	color: #0094c9;
	font-weight: 700;
	text-decoration: none;
}

a:hover {
	color: #0094c9;
	text-decoration: underline;
}


.banner {
	position: relative;
	margin: 0px;
	padding: 0px;		  
	width: 100%;
	height: 390px;
}

.banner-home {
	background: #fff url(images/banner-home.jpg) no-repeat center top;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}


.banner-home2{
	background: #fff url(http://rockiesinstitute.com/wp-content/uploads/2016/09/cropped-IMGP4010.jpg) no-repeat center top;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	
}

.banner-about {
	background: #fff url(images/banner-about.jpg) no-repeat center top;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.banner-change {
	background: #fff url(images/banner-change.jpg) no-repeat center top;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
.banner-change p{
position:absolute;
bottom:3px;
right:3px;
color:#fff;
font-size:10px;
margin:0px
}

.banner-team {
	background: #fff url(images/banner-team.jpg) no-repeat center top;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.banner-contact {
	background: #fff url(images/banner-kid-beach.jpg) no-repeat center bottom;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 480px
}

.photo-credit {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 10px 15px;
}

.photo-credit, .photo-credit a {
	font-weight: 100;
	color: #fff;
}

.photo-credit a img{
	opacity: .5
}

.photo-credit a:hover {
	color: #ddd;
	text-decoration: none;
}

.headline, .body {
	margin: 25px 0px;
}

.three-steps{
	display: table;
	margin: 0px;
	padding: 0px;
}

.three-steps-stage {
	display: table-cell;
	width: 60px;
}

.three-steps-description {
	display: table-cell;
}

.quote {
	padding-right: 80px;
	padding-top: 12px;
}

.quote-inside {
	border-top: 1px solid #0094c9;
	border-bottom: 1px solid #0094c9;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 0px;

}

.quote-text {
	font-size: 20px;
	line-height: 120%;
	font-style: italic;
	color: #0094c9;
	margin-top: 1.5em;
}

.quote-text span{
	font-style: normal;
	font-size: 15px;
}

.source {
	font-size: 14px;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.maple-leaf {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}

.footer {
	background:  #0094c9;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0px 10px 0px;
	margin-top: 20px;
}

.footer a, .footer a:active {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.social-link {
	margin-left: 40px;
	text-transform: none;
}




/* BLOG PAGE */

.blogPostitem:first-child{
	border-top: 0px solid #0094c9;
}

.blogPostitem{
	border-bottom: 1px solid #0094c9;
	padding: 30px 0 
}


.blogPostitemImage{
height: 150px;
	position: relative
}

.blogPostitemImage a{
background-size: cover;
background-position: center center;
position:absolute;
width: 100%;
max-width: 95%;
height: 100%;	
	
}
.blogPostitemText{
	padding-left: 20px;
}
.blogPostitemText h3 a{
	font-size:25px;	
}

/* --- Video plugin fixes --- */
.video-js .vjs-tech{
	height: auto !important
}
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
	height: auto !important	
}

/* --- Projects --- */
.bannerPage{
	display: flex;
	align-items: center;
	justify-content: center;
}

.pageTitle{
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 57px;
    font-weight: 500;
    position: absolute;
    color: #fff;
    letter-spacing: 1px;
}
.pageContent{
	max-width: 1140px;
	width:100%;
	margin: 0 auto;	
}

.projectGrid{
	display: flex;
	flex-wrap: wrap;
}

.projectGrid_item{
	width:33.33%;
	padding: 20px;
}

.projectGrid_item:nth-child(3n+1){
	padding-left: 0px;
}

.projectGrid_item:nth-child(3n+3){
	padding-right: 0px;
}


.projectGrid_item_cont{
	width: 100%;
	height: auto;
	min-height: 300px;
	position: relative;
}
.projectGrid_item_cont > a{
	position: relative;
	width: 100%;
	height: 300px;
	display: block
}
.projectGrid_item_cont a img{
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit:cover;
	filter: saturate(.6)
}
.projectGrid_item_cont h6 a{
	color: #676767;
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:15px;
	font-weight: 500 !important;
	transition:all .3s;
	text-decoration: none;	 
}
.projectGrid_item_cont p{
	font-size: 15px;
	color: #676767;
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}


.projectGrid_item:hover > .projectGrid_item_cont h6 a{
	color: #0094c9
}
.projectGrid_item:hover > .projectGrid_item_cont a img{
	    filter: saturate(1)
}

/* --- Projects Single--- */
.projOverlay{
background: -moz-linear-gradient(0deg, rgba(0,36,57,0.82) 0%, rgba(0,36,57,0) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,36,57,0.82)), color-stop(100%, rgba(0,36,57,0))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(0,36,57,0.82) 0%, rgba(0,36,57,0) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(0,36,57,0.82) 0%, rgba(0,36,57,0) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(0,36,57,0.82) 0%, rgba(0,36,57,0) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(0,36,57,0.82) 0%, rgba(0,36,57,0) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002439', endColorstr='#002439',GradientType=1 ); /* ie6-9 */
	width: 100%;
	height: 100%;
	position: absolute;
}
.projectMain{
	display: flex
}
.projectSidebar{
	width: 30%;
	padding: 0 20px 0 0;	
}
.project-photo-title{
	color: #fff;
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
}
.project-photo-title h1{
	color: #fff;
    font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 30px;
    font-weight: 300; 
}
.projectSeparator{
	width:100%;
	background: #707070;
	height: 1px;
	clear: both;
	margin-bottom: 15px;
	max-width: 1140px;
    margin: 0 auto 15px;
}

.projectContent{
	width: 70%
}

.projectContent h1{
	font-size: 30px;
}

.projectEnd{
	display: block;
	height: 2px;
	width: 100%;
	clear: both;
	background: #8D8A8A;
	position: relative;
	margin-bottom: 50px;
}

.projectEnd::after{
	content: ' ';
	display: block;
	width: 100px;
	height: 80px;
	background:#fff url('http://rockiesinstitute.ca/wp-content/themes/tritheme/images/android-icon-192x192.png');
	position: absolute;
    left: calc(50% - 50px);
    top: -50px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}

.otherProject{
	display: flex;
}

.otherProject h3{
	font-size: 30px;
	font-weight:400;
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-bottom: 20px
}

.otherProject_project{
	width:25%;
	height: 130px;
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0px 10px;
}

.otherProject_project a{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
}

.projectOverlay{
	top:100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: -moz-linear-gradient(90deg, rgba(0,36,57,0.42) 0%, rgba(0,36,57,0.15) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,36,57,0.15)), color-stop(100%, rgba(0,36,57,0.42))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(0,36,57,0.42) 0%, rgba(0,36,57,0.15) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(0,36,57,0.42) 0%, rgba(0,36,57,0.15) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(0,36,57,0.42) 0%, rgba(0,36,57,0.15) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(0,36,57,0.42) 0%, rgba(0,36,57,0.15) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002439', endColorstr='#002439',GradientType=0 ); /* ie6-9 */
transition: all .5s;}

.projectOverlay h6{
	color: #ffffff;
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	bottom: 0px;
	font-size: 13px;
	
}

.otherProject_project:hover > .projectOverlay {
	top:0%;
	opacity: 1
}

/* Project meta styles */
.projectMeta{
	background: #F7F8FA;
	padding: 30px 0px 20px; 
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;


}

.projectMeta h3{
	padding: 0 20px 35px;
	margin-top: 0px !important;
	border-bottom: 1px dashed rgba(104, 106, 107, 0.31) !important;
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 30px; 
}
.projectMeta span{
	padding: 0 20px;
	clear: both;
    width: 100%;
    display: block;
    margin-bottom: 16px;
	
}

.projectMeta span b{
	color: #0094c9;
	font-size: 18px;
	font-weight: 400; 
}

.sharerContainer h3{
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #00BBFF;
	font-weight: 400;
}

.sharerCont{
	border-top:5px solid #00BBFF;
	width:75px;
	margin: 15px  auto;
	position: relative;	
}

.sharerCont::before{
    content: ' ';
    display: block;
    width: 8px;
    height: 8px;
    background: #00BBFF;
    position: absolute;
    left: calc(50% - 4px);
    top: -9px;
    transform: rotate(45deg);
	
}

.sharerCont div a{
	display: block;
	max-width: 75px;
	text-align: center;
	background: #0E99CC;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	font-size: 30px;
	line-height: 74px;
	transition: all .5s	
}
.sharerCont div a:hover{
	background: #AFC0C6
}
.sharerCont div a.lastSharer{
	border-radius: 0px 0px 12px 12px
}




/* --- Page Breaks --- */
@media (max-width: 1200px){
}

@media (max-width: 1199px){
	.logo{
		width: 120px
	}
	
	#primary_nav_wrap ul a{
		font-size: 14px
	}
}

@media (max-width: 1024px){

}

@media (max-width: 992px) {
	.logo {
		height: 55px;
		width: 157px;
	}
	#primary_nav_wrap ul a{
		display: none
	}
	.navbar-toggle{
		display: block
	}
}

@media (max-width: 979px) {

}

@media (max-width: 767px){
	.quote {
		padding-right: 0px;
	}
	
	#primary_nav_wrap{
		display: none;
		position: absolute;
		background: #fff;
		width: 100%;
	    height: 0px;
	    background: #fff;
	    transition: all .5s;
	    left: 0px;
	}
	
	.what-is-tri{
		clear: both
	}
	

 
 
 
 
 
 
 
 
 
 
 	
	
	.blogPostitemImage{
		height: 250px
	}
	
	#twitter-widget-0{
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		width: 100% !important;
		max-width: 320px !important;
	}
	
}

@media (max-width: 680px) {	
}

@media (max-width: 550px) {
	.banner-home, .banner-about, .banner-change, .banner-team, .banner-contact {
		height: 190px;
	}
	
}

@media (max-width: 505px) {

	
}

@media (max-width: 480px) {

}

@media (max-width: 400px) {
}

@media (max-width: 321px) {
}