@charset "utf-8";
/* CSS Document */

.back-to-top {
    position: fixed;
    bottom: 5em;
    right: 0px;
    text-decoration: none;
	font-family: "jaf-bernino-sans-condensed",sans-serif;
    color: #ffffff;
    background-color: rgba(120, 144, 72, 0.80);
    font-size: 12px;
	font-weight:bold;
    padding: 1em;
	z-index:99;
    display: none;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.back-to-top:hover {    
    background-color: rgba(120, 144, 72, 0.50);
	font-family: "jaf-bernino-sans-condensed",sans-serif;
	color: #ffffff;
	font-weight:bold;
}

.back-to-top:visited {    
    background-color: rgba(120, 144, 72, 0.80);
	font-family: "jaf-bernino-sans-condensed",sans-serif;
	color: #ffffff;
	font-weight:bold;
}


/* Off-Canvas scroll fix left */

.off-canvas-fixed {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
}

.move-right > .off-canvas-fixed {
  height: 100%;
  -webkit-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0);
}

.left-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  margin-left: -15.625rem;
  z-index: 1 !important;
  /* vh UNITS NICER THAN JS LISTENER */
  /* height: 100vh; */
  /* (BUT LESS SUPPORTED) */
}

/* End Off-Canvas scroll fix left */

/* Header */

/* Very Top Bar, where the logo is displayed */

nav.tab-bar {
  background: #262626;
  border-style:solid;
  border-width: 0px 0px thin 0px;
  border-bottom:solid #355b85;
 }
 
 .contain-to-grid {
  background: #262626;
 }


.very_top {
  margin-top: 2.813em;
  height: 7.500em;
  line-height: 4.688em;
  position: relative;
  border-style:solid;
  border-width: 0px 0px 10px 0px;
  border-bottom:solid #016501;
  background: #ffffff;
  background-image:url('http://www.thinking.ca/3r_demov2/img/bkg_3r_demolition_header.jpg');
  background-repeat: repeat-x;
   }
   
 .very_top_profile {
  margin-top: 2.813em;
  height: 7.500em;
  line-height: 4.688em;
  position: relative;
  border-style:solid;
  border-width: 0px 0px thin 0px;
  border-bottom:solid #185800;
  background: #185800;
  /* background-image:url('http://www.thinking.ca/BCEA/img/bkg_header.jpg'); */
   }
  
.very_top .logo {
padding: 0.625em 0em 0em 3.938em; }

.very_top .logo_small {
padding: 0.625em 0em 0em 0em; }

.very_top_profile .logo {
padding: 0.625em 0;
 }

.very_top .avatar {
padding: 0.625em 0 0; }

.very_top_profile .avatar {
padding: 0.625em 0 0; }

/*.very_top .avatar .ul {
margin-bottom: 0px;
line-height: 0px;
 }*/

.very_top .content_area {
padding: 1.250em 0; }

.very_top_profile .content_area {
padding: 1.250em 0; }

.very_top .content_area_mobile {
padding: -0.313em 0;
 }
 
 .very_top_profile .content_area_mobile {
padding: -0.313em 0;
 }
 
 .very_top .content_area_mobile {
line-height: 0em;
 }

 .very_top_profile .content_area_mobile {
line-height: 0em;
 }

.very_top .header_buttons {
padding: 0.625em 0; }

.very_top_profile .header_buttons {
padding: 0.625em 0; }

/* Where the navigation bar is */

.navigation_bar_background {
  margin-top: 2.188em;
    margin-right: 10px;
  height: 2.625em;
  padding: 0em;
  position: relative;
  float: right;
  line-height: 1em;
    border-style:solid;
  border-width: thin 0px 0px 0px;
  border-top:solid #ffffff;
 }

.navigation_bar_background_profile {
  margin-top: 0;
  height: 2.625em;
  padding: 0.313em;
  position: relative;
  line-height: 1em;
    border-style:solid;
  border-width: thin 0px 0px 0px;
  border-top:solid #25650d;
  background: #262626; }  
  
.navigation_bar_background_user {
  margin-top: 0;
  height: 2.625em;
  padding: 0.313em;
  position: relative;
  line-height: 1em;
  background: #3d5b99; }
  
 .top-bar .name h1 a {
  font-weight: bold;
  font-family: "jaf-bernino-sans-condensed", Arial;
  width: 10%;
  padding: 0 5px; }
  
  /* Top Bar Changes */ 
 
 .top-bar {
  background: #262626;
  border-style:solid;
  border-width: 0px 0px thin 0px;
  border-bottom:solid #355b85;
   }
  
 .top-bar input, .top-bar .button
{
  font-size: 0.750rem;
  position: relative;
  top: 7px;
}

.top-bar input
{
  height: auto;
  padding-top: 0.375rem;
  padding-bottom: 0.313rem;
  font-size: 0.75rem;
  width: 25.000em; 
}


 .top-bar-section .has-form {
   background: #262626;
   padding: 0 15px;
  border-style:solid;
  border-width: 0px 0px thin 0px;
  border-bottom:solid #355b85;
   height: 45px; }
   
.top-bar-section ul li.active_green > a {
   background: #607848;
   color: white; }
.top-bar-section ul li.active_green > a:hover {
   background: #475835; }
   
   .top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: white;
    padding: 0px;
    padding-left: 15px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    text-transform: none;
  border-width: 0px 0px thin 0px;
  border-bottom:solid #355b85;	
    background: #2c4e73; } 
	
.top-bar-section li:not(.has-form) a:not(.button):hover {
   background: #262626; }	
   
@media only screen and (min-width: 40.063em) {

    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0px;
      line-height: 42px;
      background: #262626; } }   
	  
      .top-bar .name h1 a {
        font-weight: normal;
        color: white;
        width: 100%;
        display: block;
        padding: 0 15px; }
		
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 14px; }
	
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 0.875rem;
      margin: 0; }
	  
.blue {
	background-color: #26376b;
}

.dark_grey {
	background-color: #242424;
}

.white_area {
	background-color: #ffffff;
}


 h1.white_text, h2.white_text, h3.white_text, h4.white_text, h5.white_text, h6.white_text, p.white_text  {
	color: #ffffff;
}

 p.small_text
 {
	font-size: 75.0%; 
 }
 
 	hr.dark_blue {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #3e5686;
    margin: 1em 0; padding: 0;	
  }
  
   	hr.dark_grey {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #3e3e3e;
    margin: 1em 0; padding: 0;	
  }
  
a.light_blue:link
{
	color: #2790b0;
	background-color: #242424;
	}

a.light_blue:hover
{
	text-decoration: underline;
	color: #2790b0;
	background-color: #242424;
	}

a.light_blue:visited
{
	color: #2790b0;
	background-color: #242424;
	}	
	
	
.bold
{
	font-weight: bold;	
}

div.grass {
  position: absolute;
  top: 378px;
  left: -100px;
  z-index:99 !important;
}

.reveal-modal-bg {
  z-index:99 !important;
 }
 
div.feature {
	background-color: #016801;
	padding: 1.250em;
	background-image:url('http://www.thinking.ca/3r_demov2/img/bkg_demolition.jpg');
	border-style:solid;
    border-width: 40px 0px 40px 0px;
    border-top:solid #016501;
	border-bottom:solid #70b136;
}

.demolition_area {
	background-color: #ffffff;
	background-image:url('http://www.thinking.ca/3r_demov2/img/bkg_deconstruction.jpg');
	background-repeat: repeat-x;
	padding: 0.313em;
	margin-top: -20px;
}

div.white_border {
  border-style:solid;
  border-width: 20px;
  border:solid #ffffff;
 }
 
div.dark_border {
  border-style:solid;
  border-width: 20px;
  border:solid #016502;
 } 
 
div.animation_bkg {
background-image:url('http://www.thinking.ca/3r_demov2/img/bkg_animation.png');
background-repeat: no-repeat;
background-position: -10px -10px;
} 



div.demolition_bkg {
background-image:url('http://www.thinking.ca/3r_demov2/img/bkg_hard_hat.png');
background-repeat: no-repeat;
border-width: 0px;
	background-position: 450px -60px;
}

.panel_demolition {
  border-style: solid;
  border-width: 0px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: none; }
  
  
.panel_white {
  border-style: solid;
  border-width: 0px;
  border-color: #ffffff;
  background: #ffffff; }
  
.panel_dark {
  border-style: solid;
  border-width: 0px;
  border-color: #1c2326;
  background: #1c2326;
  opacity: 0.95;
  filter: alpha(opacity=95); /* For IE8 and earlier */		
}
  
.panel_title {
  border-style: solid;
  border-width: 0px;
  border-color: #d8d8d8;
  	background-image:url('http://www.thinking.ca/3r_demov2/img/title_bottom.jpg');
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 1.25rem;
   }
   
.panel_title_action {
  border-style: solid;
  border-width: 0px;
  border-color: #d8d8d8;
  	background-image:url('http://www.thinking.ca/3r_demov2/img/title_bottom_action.jpg');
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 1.25rem;
   }   

	.panel_main_content_area {
	border-width: 0px;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
  	border-radius: 0px;
	padding: 0px;
	}

.panel_nopadding {
	padding: 0px;	
}


div.main_content_area {
	border-right: 1px solid #d0d0d0;
}

 .columns_nopadding {
	 padding: 0rem;
 }
 
 .columns_padding {
	 padding: 2.250rem;
 } 
 
 div.vertical_line {
	border-right: 1px solid #d0d0d0;
}

 div.vertical_line_left {
	border-left: 1px solid #d0d0d0;
}

  div.heading_green {
	background-color: #006700;
	padding:  0.625em;
	color: #ffffff;
	font-size: 0.750em;
	text-transform: uppercase;
 }
 
   div.content_title {
	background-color: transparent;
	padding:  0em;
	color: #807665;
	font-size: 0.875em;
	text-transform: uppercase;
	font-weight: bold;
 } 
 
div.home_listing
{
	font-size: 0.750em;
	font-weight: normal;
	color: #595858;
	line-height: 125%;
	padding: 0.625em;
	padding-left: 1.500em;
}

div.home_listing_testimonial
{
	font-size: 0.750em;
	font-weight: normal;
	color: #595858;
	line-height: 125%;
	padding: 1.500em;
}

div.news_listing
{
	font-size: 0.750em;
	font-weight: normal;
	color: #595858;
	line-height: 125%;
	padding-left: 0.625em;
	padding-right: 1.500em;
	padding-top: 0.313em;
	padding-bottom: 0.313em;
}
 
h1, h2, h3, h4, h5, h6 {
  font-family: "jaf-facitweb",sans-serif;
  font-weight: bold;
  }
  
  
h1.testimonial, h2.testimonial, h3.testimonial, h4.testimonial, h5.testimonial, h6.testimonial {
  font-family: "jaf-bernino-sans-comp", sans-serif;
  font-weight: normal;
  }
  
h1.testimonial_by, h2.testimonial_by, h3.testimonial_by, h4.testimonial_by, h5.testimonial_by, h6.testimonial_by {
  font-family: "jaf-bernino-sans-comp", sans-serif;
  font-weight: bold;
  }  

h1.inside, h2.inside, h3.inside, h4.inside, h5.inside, h6.inside {
  font-family: "jaf-bernino-sans-comp", sans-serif;
  font-weight: normal;
  color: #006700;
  }

h1.inside_black, h2.inside_black, h3.inside_black, h4.inside_black, h5.inside_black, h6.inside_black {
  font-family: "jaf-bernino-sans-comp", sans-serif;
  font-weight: normal;
  }


h1.main_title, h2.main_title, h3.main_title, h4.main_title, h5.main_title {
  font-family: "jaf-facitweb",sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #ffce35;	
}

h1.sub_title, h2.sub_title, h3.sub_title, h4.sub_title, h5.sub_title, h5.sub_title, h6.sub_title {
  font-family: "jaf-facitweb",sans-serif;
  font-weight: bold;
  color: #ffce35;
  font-size: 80%;	
}

h5.subheader {
  font-family: "jaf-facitweb",sans-serif;
  color: #ffffff;
  font-size: 80%;
}

p {
  font-family: "jaf-facitweb",sans-serif;
  color: #414439;
  font-size: 0.875em;
}

a
{
  font-family: "jaf-facitweb",sans-serif;
  color: #4968a9; 
  text-decoration: none;
	
}
   
a:visited
{
  color: #4968a9; 
  text-decoration: none;
}  
   
a:hover
{
  color: #4968a9; 
  text-decoration: underline;
}

a.small:link
{
 font-size: 75.0%; 
	
}

hr.grey {
  display: block; height: 1px;
  border: 0; border-top: 1px solid #cccccc;
  margin: 1em 0; padding: 0;	
  }
  
hr.yellow {
  display: block; height: 1px;
  border: 0; border-top: 1px solid #ffce35;
  margin: 1em 0; padding: 0;	
  }

  hr.dotted {
  border-top: 1px dotted #999999;
  color: #fff;
  background-color: transparent;
  height: 1px;
  width:100%;
  padding: 0px;  
  }
  
button:hover, button:focus, button:visited, .button:hover, .button:focus, .button:visited
{
  text-decoration: none;
  color: white;
}

button.action, .button.action {
	font-family: "jaf-facitweb",sans-serif;
	font-weight: bold;
	background-color: #006700; }
button.action:hover, button.action:focus, .button.action:hover, .button.action:focus {
	background-color: #004800; }
button.action:hover, button.action:focus, .button.action:hover, .button.action:focus {
	color: white; }
	
button.action2, .button.action2 {
	font-family: "jaf-facitweb",sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #bd6912; }
button.action2:hover, button.action2:focus, .button.action2:hover, .button.action2:focus {
	background-color: #a05910; }
button.action2:hover, button.action2:focus, .button.action2:hover, .button.action2:focus {
	color: white; }
	
button.green, .button.green {
	font-family: "jaf-facitweb",sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #60972f; }
button.green:hover, button.green:focus, .button.green:hover, .button.green:focus {
	background-color: #4c7725; }
button.green:hover, button.green:focus, .button.green:hover, .button.green:focus {
	color: white; }	
	
i.yellow {
	color: #ffce35;
}

 ul.small_ul
{
	font-size: 100%;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 185%;
}

dl.spotlight {
	background: #ededed;
}

.tabs dd.spotlight > a
{
  display: block;
  background-color: #ededed;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #111111;
  padding-top: .5rem;
  padding-right: 1rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-family: Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: normal;
  border-right: 1px solid #d0d0d0;
}

.tabs dd.spotlight > a:hover
{
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-right: 1px solid #d0d0d0;
}

.tabs dd.spotlight.active a
{
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #222222;
  border-right: 1px solid #d0d0d0;
  font-weight: bold;
}

  .light_green_footer  {
	color: #435158;
	}
	
.padding_mainarea ul li {
  font-family: "jaf-facitweb",sans-serif;
  color: #414439;
  font-size: 0.875em;
  margin-left: 1.250em;
}

.padding ul li {
  font-family: "jaf-facitweb",sans-serif;
  color: #414439;
  font-size: 0.875em;
  margin-left: 1.250em;
}

.columns_nopadding ul li {
  font-family: "jaf-facitweb",sans-serif;
  color: #414439;
  font-size: 0.875em;
  margin-left: 1.250em;
}

div.padding_mainarea {
	padding-top: 0em;
	padding-left: 1.500em;
	padding-right: 1.500em;
	padding-bottom: 1.500em;
}

div.padding_mainarea_home {
	padding-top: 1.500em;
	padding-left: 1.500em;
	padding-right: 1.500em;
	padding-bottom: 0em;
}

div.padding {
	padding: 1.500em;
}

	.panel_green {
	border-width: 0px;
	/* background-color: #ffffff; */
	-webkit-border-radius: 0px;
  	border-radius: 0px;
	background-image:url('http://www.thinking.ca/3r_demov2/img/bkg_page_bottom_green.jpg');	
	}
	
span.green_text {
	color: #006700;
	font-weight: bold;
}