/* 
	Theme Name:   scalebuster
	Theme URI:    http://newterra.com
	Description:  Child theme for scalebuster
	Author:       Polymath Interactive
	Author URI:   http: //www.polymain.com
	Template:     newterra_v0.3
	Version:      0.1 

  Purple: #2e3192
  Green: #70B54C
  Light Blue: #00bbe2
*/  


@import url("../newterra_v0.3/style.css");

.sb_table { font-size: 60%; }

/* 2014 changes */

#case_study_content h2 { text-transform: capitalize; }

#menu-main { font-size: 90%; }

/* 2013 style adjustments */

html, body { height: 100%; }

body {
  font-size: 14px;
  min-height: 100%;
}

#sb_page_bg { background: #fff; }

#page { background: #fff; }

/* temporary footer fix */

.site-info p {
  margin: 0 1em;
  color: #fff;
}

/* scalebuster-specific main styles */

h1 {
  color: #2e3192;
  font-size: 1.75em;
}

h2 {
  color: #00bbe2;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 1em;
}

h3 {
  font-weight: bold;
  font-size: 1.125em;
  margin-top: 1.25em;  
  margin-bottom: 1em;
}

p {
  margin-bottom: 0.75em;
}

/* Temporary menu fix */

#nt_floating_nav nav {

	width: 100%;
}

.nt_top_menu {
	display: table;
	width: 960px;
	border: 0;
}

.nt_top_menu > li {
	display: table-cell;
	padding: 0;
	float: none;
}

.nt_top_menu > li > a {
	padding: 0 0.5em;
}

/* Carousel-specific */

#nt_carousel_container {
  width: 960px;
  height: 265px;
  position: relative;
  margin-bottom: 0.5em;
}

#nt_carousel_container .carousel-inner {
  height: 100%;
}

#nt_carousel_container .item .foreground,
#nt_carousel_container .item .background {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

#nt_carousel_container .item .background img {
  width: 100%;
}

#nt_carousel_container .item .background .gradient {
  background: url('img/carousel_gradient.png') top left no-repeat transparent;
  height: 265px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#nt_carousel_container .item .foreground {
  padding: 1em;
  color: #fff;
  width: 55%;
}

#nt_carousel_container .item p {
  margin: 0.25em 0;
  line-height: 1.25em;
}

#nt_carousel_container .item p.top {
  font-size: 1em;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  padding-bottom: 0.5em;
}


#nt_carousel_container .item p.bottom {
  font-size: 1em;
  border-top: 1px solid rgba(255,255,255,0.5);
  padding-top: 0.5em;
}

#nt_carousel_container .item h2,
#nt_carousel_container .item h3 {
  color: #fff;
  font-size: 2.25em;
  font-weight: normal;
  margin: 0.75em 0;
  text-shadow: 1px 1px 0 rgba(50, 50, 50, 0.8);
  line-height: 1.25em;
}

#nt_carousel_container .item h2 strong,
#nt_carousel_container .item h3 strong {
  color: #71bf44; 
  text-shadow: 1px 1px 0 rgba(0, 80, 0, 0.8);
}

#nt_carousel_container .item h2 {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 0.75em;
}

#nt_carousel_container .item h2 strong {
  font-size: 1.5em;
}

#nt_carousel_container .carousel-indicators {
  bottom: 1em;
  right: 1em;
  left: auto;
  margin: 0;
  width: auto;
}

#nt_carousel_container .carousel-indicators li {
  background: #fff;
  border: 1px solid #555;
}

#nt_carousel_container .carousel-indicators li.active {
  background: #71bf44;
}

/* Scalebuster-specific */

#masthead {
  background: url(img/wave_bg.png) top left no-repeat;
}

#masthead .logos {
  position: relative;
  min-height: 180px;
}

#masthead .logos > div {
  position: absolute;
}

.logos .scalebuster {
  top: 40px;
  left: 65px;
}

.logos .scalebuster img {
  width: 385px;
}

.logos .ion_enterprises {
  right: 10px;
  bottom: 15px;
}

.logos .ion_enterprises img {
  width: 180px;
}

.logos .subhead {
  top: 120px;
  left: 288px;  
  /*
  background: rgba(255,255,255,0.9);
  padding: 0.5em;
  border-radius: 0.375em;
  border: 2px solid #00bbe2;
  */
}

.logos .subhead h3 {
  color: rgb(112,181,76);
  font-size: 1.1em;
  line-height: 1em;
  margin: 0;
}

#content {
  padding: 0 15px;
}

#colophon {
  background: #fff;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
}


#footer_content {
  background: url(img/wave_bg_footer.png) top left no-repeat #fff;
  min-height: 120px;
  padding-top: 100px;
}

#page {
  min-height: 100%;
       width: 80%;
     margin: 0 auto;
}

/* header menu */

.sb_primary_nav {
  border-top: 4px solid rgb(112,181,76);  
  padding-top: 2px;
}

.menu_container {
  background: #00BBE2;
}

.sb_top_menu {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: display;
  word-spacing;
}

.sb_top_menu > li.sr-only {
  margin-right: -1px;
}

.sb_top_menu > li {
  display: block;
  float: left;
  position: relative;
  margin: 0;
}

.sb_top_menu > li > a {
  display: block;
  padding: 0.75em;
  margin: 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.sb_top_menu > li > a:hover {
  background: #fff;
  color: #00bbe2;
}

.sb_top_menu > li.active > a,
.sb_top_menu > li.current-menu-item > a,
.sb_top_menu > li.current-menu-parent > a {
  color: #00bbe2;
  background: #fff;
}

/* EnviroTower menu */
#menu-item-1930 a{
color: #F2CE52 !important;

}
.menu-item-469 >  a:hover {
  background: #2f575f !important;
  color: #00bbe2 !important;
}

/* sub-menus (inline) */

.sb_top_menu > li > ul {
  display: none;
  list-style: none;
  position: absolute;
  margin: 0;
  padding: 0;  
  background: #fff;  
}

.sb_top_menu > li:hover > ul {
  display: block;
  z-index: 10;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  border-top: 1px solid #eee;
}

.sb_top_menu > li:hover > ul > li {
  border-bottom: 1px solid #fafafa;
}

.sb_top_menu > li:hover > ul > li > a {
  display: block;
  padding: 0.5em 1em;  
  font-size: 0.9em;
}

/* sub-menus (generated) */

#page_sub_menu {
  min-height: 2em;
}

.sb_submenu {
  min-height: 1.5em;
  border-bottom: 1px solid rgb(112,181,76);
  padding: 0;
  margin: 0;
  list-style: none;
}

.sb_submenu > li {
  display: inline-block;
  position: relative;
}

.sb_submenu > li > a {
  font-size: 0.9em;
  display: block;
  font-weight: bold;
  padding: 0.5em 0.85em;
  color: #00bbe2;
}

.sb_submenu > li.current-menu-item > a {
  color: #2e3192;
}

.sb_submenu > li > a:hover {
  color: rgb(112,181,76);
}



/* scalebuster utility styles */

.sb_intro {
  font-weight: bold;
  margin-top: 1em;
}

.sb_micetype {
  font-size: 0.75em;
  margin-bottom: 0.25em;
  text-align: left !important;
}

.sb_infobox,
.sidebar_content div,
.sb_caution_box {
  background: #eee;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}

.sb_caution_box b {
  color: #e00;
}

.sb_infobox p,
.sidebar_content div p {
  margin-bottom: 0;
  line-height: 1.25em;
  color: #222;
  font-size: 0.9em;
  em;
}

.sb_infobox h3,
.sidebar_content div h3 {
  font-weight: bold;
  color: #2e3192;
  margin: 0;
  padding: 0.25em 0 0.5em 0;
}

.sidebar_content img {
  max-width: 100%;
}

/* scalebuster faq */

.sb_faq {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sb_faq .question,
.sb_faq .answer {
  padding-bottom: 0.25em;
  margin: 0;  
}

.sb_faq .question { cursor: pointer; }
.sb_faq .question:hover { text-decoration: underline; }

.sb_faq .question.active {
  color: #70B54C;
  font-weight: bold;
}

.sb_faq .answer {
  display: none;
  padding-left: 2em;
  color: #2e3192; 
}

.sb_faq li {
  margin-bottom: 0.5em;
}

ul.sb_clients {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 3;
  -moz-columns: 3;
  -webkit-columns: 3;  
}

ul.sb_clients li {
  margin: 0 0 0.75em 0;
  line-height: 1.25em;
}

/* product tables */

.sb_table td {
  text-align: left;
}

.sb_table_head,
.sb_table_head_alt {
  background: #2e3192;
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
}

.sb_table_head_alt {
  background: #00bbe2;
  color: #fff;
}

.sb_table_subhead {
  background: #eee;
  color: #555;
}

.sb_table_subhead td {
  text-align: left;
}

.sb_narrow_cell {
  max-width: 50px;
}

.sb_medium_cell {
  max-width: 80px;
}

/* case studies */

.case_study_container {
  font-size: 0.9em;
}

.case_study_container h1 {
  padding: 0 5px;
}

.case_study_container h2 {
  padding: 0 5px 10px;
  font-weight: normal;
  font-size: 1em;
  font-style: italic;
  color: #555;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

#case_study_index {
  list-style: none;
  margin: 0;
  padding: 0;

  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}

#case_study_index > li {
  border-bottom: 1px solid #eee;
}

#case_study_index > li > a {
  padding: 8px 5px;
  display: block;  
  color: #555;
}

#case_study_index > li.active > a {
  color: #70B54C;
  font-weight: bold;
}

#case_study_content {
  
}

#case_study_content h2 {
  margin: 1em 0;
  padding: 0;
  color: #70B54C;
  font-size: 1.25em;
}

#case_study_content .sb_case_study_photo {
  position: relative;
}

#case_study_content .sb_case_study_photo img {
  width: 100%;
  height: auto;
}

.sb_distributor_list img {

  padding: 1em;
  max-height: 175px;
  max-width: 280px !important;
  margin: 0 auto;
  display: block;
}

.sb_distributor_list p {
  margin-bottom: 0;
}

.sb_distributor_list div.first_row {
  border-top: 1px solid #dedede;
  margin-top: 0.5em;
  padding-top: 0.5em;
}

.sb_inset_box {
  margin-top: 1em;
  padding: 1em;
  font-size: 0.8em;
  border: 1px solid #70B54C;
}

.sb_inset_box h3 {
  color: #70B54C;
}

.sb_inset_box ul {
  margin-left: 1em;
}

.sb_hologram_sidebar {
  position: relative;
  padding: 0 !important;
  float: right;
  width: 30%;
  margin: 0.5em;
}

/* media queries & bootstrap-related */
.form-group.required label {
  font-weight: bold;
}

.form-group.required.error label {
  color: #c00;
}

.form-group.required.error input {
  border-color: #c00;
}

.form-group.required label:after {
  content: "*";
}

.form-group.required.error label:after {
  content: "* please complete information";
}

/* Gallery */

div.gallery {

}

div.gallery > .gallery-item {
  float: left;
  width: 25%;
}

div.gallery > .gallery-item > .gallery-icon {
  padding: 5px;
}

div.gallery > .gallery-item > .gallery-icon > a {
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  padding: 5px;
  display: block;
}

div.gallery > .gallery-item > .gallery-icon:hover > a {
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

div.gallery > .gallery-item > .gallery-icon > a > img {
  width: 100%;
}

.form-group.last_item {
  display: none;
}

/* fix main stylesheet */ #content .gallery a img { max-width: 100%; }

/* Carousel */

#sb_carousel { margin-top: -1em; margin-bottom: 2em; }
#sb_carousel div.item img.bg { width: 100%; height: auto; }
#sb_carousel div.item img.feature { display: block; position: absolute; right: 10px; bottom: 10px; max-width: 320px; }
#sb_carousel div.item h1 { position: absolute; top: 0; right: 0; width: 100%; padding: 0 10px; font-size: 1.75em; line-height: 2.5em;}

.main_content img {
  max-width: 100%;
}

#main { padding: 1em 0 0 0; margin: 0; }

.fixed_menu { border-radius: 0; }

@media (max-width: 639px) {
  #masthead .subhead, #masthead .ion_enterprises { display: none; }
  #masthead .scalebuster { 
    position: relative !important;
    top: 0;
    left: 0;
  }
  #masthead .scalebuster > img {
    display: block;
    position: relative;
    margin: auto;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  #masthead .ion_enterprises { width: 100px; }
  #page, .container { width: 100%; }
  #sb_carousel div.item h1 { font-size: 1.1em; }
}

@media (min-width: 768px) {
  #page, .container { width: 750px; }    
}

@media (max-width: 969px) {
  #nt_floating_nav { font-size: 0.8em;}
}

@media (min-width: 970px) {
  #page, .container { width: 960px; }
}

@media (min-width: 1170px) {
  #page, .container { width: 960px; }
}

#case_study_pdf_index {
  list-style: none;
}

#case_study_pdf_index > li:before {
  position: absolute;
  font-size: 1.5em;
  left: 0;
  top: 0.25em;
  content: "\f1c1";
  font-family: 'FontAwesome';
}

#case_study_pdf_index > li {
  line-height: 1.25em;
  position: relative;
  padding: 0.5em 0.5em 0.5em 2em;
}

#case_study_pdf_index > li > a {
  display: block;  
}

#case_study_pdf_index > li:hover {
  background: #eee;
}