/*
Theme Name: DevDmBootstrap3
Theme URI: http://devdm.com/DevDmBootstrap3
Author: Danny Machal
Author URI: http://devdm.com/
Description: A versatile and responsive Bootstrap WordPress starter theme FOR DEVELOPERS based on Twitter Bootstrap 3.3.6.
Version: 1.80
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: devdmbootstrap3

devdmbootstrap3 WordPress Theme, Copyright 2016 Danny Machal.
devdmbootstrap3 is distributed under the terms of the GNU GPL v3.
*/

/* The bootstrap.css file is auto-enqueued in functions.php */

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've made a child theme available for you to use. Download it here http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap styles ****************/

@font-face {
  font-family: 'NeueEinstellung-Regular';
  src: url('fonts/NeueEinstellung-Regular.woff') format('woff'),
       url('fonts/NeueEinstellung-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'NeueEinstellung-Bold';
  src: url('fonts/NeueEinstellung-Bold.woff') format('woff'),
       url('fonts/NeueEinstellung-Bold.ttf') format('truetype');
}





body {
    font-family: 'NeueEinstellung-Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: white;
    background-color: #71dec0;
    padding-bottom: 0px;
    text-align: left;
}


.dmbs-container {

}

.dmbs-header {

}

.dmbs-header-img {

}

.dmbs-header-text {
	display:none;
}

.page-id-31 .dmbs-top-menu {
	background-color: #71dec0;
}

.page-id-27 .dmbs-top-menu {
	background-color: #71dec0;
}


.page-id-33 .dmbs-top-menu {
	background-color: #71dec0;
}

.dmbs-content {

}

.dmbs-content  a {
    color: #71dec0;
    text-decoration: none;
}


.dmbs-content  a:hover {
    color: #fff;
    text-decoration: none;
}

.dmbs-content  h2 {
    font-family: 'NeueEinstellung-Bold', Helvetica, Arial, sans-serif;
}


.dmbs-main {

   	
}

.dmbs-left {

}

.dmbs-right {
   text-align: left;
   padding-top: 60px;
}

.dmbs-right li {
    list-style-type: none;
    margin-left: 0em;
}

.dmbs-right ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0px;
}

.dmbs-right h3 {
    color: #fff;
    border-top: thin solid #71dec0;
}

.dmbs-footer-menu {

}

.dmbs-author-credits {
	padding: 70px 0 0 10px;
}

.dmbs-footer {
	background-color: #212427;
	height: 600px;
	padding-top:100px;
	padding-bottom:100px;
}

.dmbs-footer h3 {
	 color: #71dec0;
}

.dmbs-footer a {
    color: #fff;
    text-decoration: none;
}


.dmbs-footer a:hover {
    color: #71dec0;
    text-decoration: none;
}

.navbar-brand {
    float: left;
    padding: 7px 25px;
    font-size: 18px;
    line-height: 20px;
    width: 200px;
}
 
 
.page-header {
    border-bottom: none;
}


.navbar-inverse {
    border-color: #080808;
   /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.7 opacity */
	background: rgba(0, 0, 0, 0.5);
}




.nav > li > a  {

}


.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 0px;
}


.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.0);
}


.nav > li > a  {
		 color: #662d91;

}


.nav > li > a:hover  {
		 color: #8cacd5;
		 }

@media (max-width: 760px) {
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #662d91;
		margin-right: 20px;
	}
}

@media (max-width: 760px) {
	.navbar-collapse {
		margin-top: 20px;
		background-color: #71dec0;
	}
}


.wave-logo {
    background-image:url('img/wave.png');
    background-repeat: repeat-x;
    background-position: top right;
    -webkit-transition:background-position 3s ease;
    padding-bottom: 10px;

}

.wave-logo:hover, :focus {
    background-position: top left;
}


h1	{
    font-family: 'NeueEinstellung-Bold', Helvetica, Arial, sans-serif;
    font-size: 52px;
    padding-bottom: 30px;
}

.massive {
	    font-size: 200px;
	    color: #71dec0;
}

h3 {
    font-family: 'NeueEinstellung-Bold', Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 30px 0 5px 0;
    color: #662d91;
}
h4 {
    font-family: 'NeueEinstellung', Helvetica, Arial, sans-serif;
    font-size: 14px;
    }



.row { margin: 0; padding: 0 }
    
    
strong {
	font-family: 'NeueEinstellung-Bold', Helvetica, Arial, sans-serif;
}

section {
	  width: 100%;
	  display: table;
	  margin: 0;
	  max-width: none;
	  height: 100vh;
	  /*background-color: #71dec0;*/

}


@media (min-width: 992px) {
	section {
	  background-image:url('img/scale-sm.png');
	  background-repeat: no-repeat;
	  background-position: center center;
	}
}

@media (min-width: 1200px) {
	section {
		background-image:url('img/scale-md.png');
		background-repeat: no-repeat;
		background-position: center center;
	}
}


@media (min-width: 1600px) {
	section {
		background-image:url('img/scale.png');
		background-repeat: no-repeat;
		background-position: center center;
	}
}




.content {
  display: table-cell;
  vertical-align: middle;
}


    
        
.intro {
	font-family: 'NeueEinstellung-Bold', Helvetica, Arial, sans-serif;
	color:white;
	padding: 40px 0px;
	font-size: 25px;
	line-height: 40px;
	letter-spacing: .5px;
}   

@media (min-width: 768px) {

.intro {
	font-size: 38px;
	line-height: 50px;
}

}

@media (min-width: 992px) {
	.intro {
		font-size: 40px;
		line-height: 60px;
	}
}

@media (min-width: 1200px) {
	.intro {
		font-size: 50px;
		line-height: 70px;
	}
}



.blog-hdr {
    height: 590px;
}


.blog-hdr h1 {
	color: #fff;
	padding-top: 250px;	
	font-size: 70px;
	text-align: left;
}


.blog-body {
	background-color: #212427;
   	padding-top: 60px;
   	padding-bottom: 60px;
}


.blog-body p {
	color: #fff;

} 
    	
#app {
	   	padding-bottom: 80px;

}



.app {
	padding: 40px 0px;
	background-color: #212427;
	padding-bottom:200px;
}

.app h3 {
	   	color: #71dec0;
}


.app .wave-button {
	color: #fff;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right:0px;
    background-image:url('img/wave-green.png');
    background-repeat: repeat-x;
    padding-bottom: 20px;
    margin-bottom: 30px;
    height: 30px;
    background-position: bottom right;
    -webkit-transition:background-position 3s ease;
}

.app .wave-button:hover {
    color: #71dec0;
    text-decoration: none;
    background-position: bottom left;
}

.app .wave-button:focus {
    text-decoration: none;
}


.scrollPoint {
    background-color: #212427!important;
   right: 0;
    left: 0;
    padding-left: 35px;
    
}


.divider {
    background-image:url('img/wave-green.png');
    background-repeat: repeat-x;
    display: block;
    height: 30px;
    margin: 30px 0 60px;
}


.howto-pad {
    padding-bottom: 100px; 
}


.howto-noimg-pad {
    padding-top: 260px; 
}

#myCanvas {
	padding-left: 15px;

}


.btn {
    color: #b4bbbf;
    background-color: #262a2d;
    border-color: #262a2d;
    border-radius: 41px;
    padding: 11px 29px 8px;
}

.btn:hover {
    color: #414244;
    background-color: #71dec0;
    border-color: #37383a;
}

.panel-footer {
    background-color: #262a2d;
    border-top: 1px solid #ddd;

}

#objectGenerator {
    padding-right: 0px;
}


#searchform #searchsubmit {
    color: #b4bbbf;
    background-color: #262a2d;
    border-color: #262a2d;
    border-radius: 41px;
}



.panel-default > .panel-heading {
	background-color: #262a2d;
	border-color: #37383a;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;

}

.panel-default {
    border-color: #262a2d;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}




.panel-body {
	background-color: #262a2d; !important
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #71dec0;
}

.panel-heading {
      padding: 15px 15px 15px 0px;
}


.panel-title > a {
	display: block;
    color: #b4bbbf;
    font-size: 14px;
    background-image: url('img/arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px 10px;
    padding-left: 25px;
}
 
.panel-title > a:hover {
    color: #67c1a5;
    text-decoration: none;

}


.panel-title > a:hover {
    background-image: url('img/arrow-hover.png');
}


.ng-binding {
	color: #71dec0;
	font-size: 25px;
	padding: 30px 0;
}


    
.ng-binding b {
	color: #888b8c;
	font-size: 10px

}  
   

#materialsList .ng-binding {
	color: #b4bbbf;
	font-size: 14px;
	padding: 5px 15px;
}


.form-control, #searchform #s {
    color: #f1f2f2;
	background-color: #212427;
	border-color: #212427;
    border-radius: 0px;
}



.form-group {
	font-size: 12px;
	color: #888b8c;
}


#selectedItemInfo {
	background-color: #222629;
	padding: 30px 15px;
	margin-left: 15px;
}

#selectedItemInfo .ng-binding {
	color: #b4bbbf;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#wallsAccordion a {
	padding-left:15px
}



#wallsAccordion a:hover {
	color: #71dec0;
}


#acousticResults {
	background-color: #222629;
}



#objectGenerator > label {
	color: #888b8c;
	font-family: 'NeueEinstellung-Bold', Helvetica, Arial, sans-serif;

}

.ng-binding label {
	color: #888b8c;
}

#roomDimensionsOptions .form-group {
    margin-bottom: 0px;

}

.rzslider .rz-pointer {
    top: -14px;
    z-index: 3;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-color: #888b8c!important; 
    border-radius: 16px;
}


.rzslider .rz-bar {
    background: #71dec0!important;

}


.rzslider .rz-bubble.rz-limit {
    color: #3A6A5F!important;
}

.rzslider .rz-bubble {
    color: #3A6A5F!important;
}


#basics {
   	padding-bottom: 120px;

}

.basics {
    background-image:url('img/gradientbkgd3.png');
    background-repeat: repeat-x;
    background-size: auto 100%;
   	padding-bottom: 120px;
}

.basics li {
    padding: 0 0 3px 7px;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-type: disc;
    padding-left: 18px;
}

.panel-body > ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-type: none;
    padding-left: 0px;
}


.panel-body > ul > li {
    border-bottom: 1px solid rgba(46, 89, 80, .4);
   	padding-bottom: 12px!important;
    padding-top: 11px!important;
}


#contributors {
	   	padding-bottom: 120px;
}


.contributors {
	background-color: #222629;
   	padding-bottom: 120px;
}

.contributors h3 {
	 color: #71dec0;
}


.contributors a {
    color: #71dec0;
    text-decoration: none;
}


.contributors a:hover {
    color: #fff;
    text-decoration: none;
}



.wave-button {
	color: #fff;
    font-size: 14px;
    margin-right: 25px;
    padding-left: 15px;
    padding-right: 15px;
    background-image:url('img/wave.png');
    background-repeat: repeat-x;
    padding-bottom: 20px;
    height: 30px;
    background-position: bottom right;
    -webkit-transition:background-position 3s ease;
}

.wave-button:hover {
    color: #662d91;
    text-decoration: none;
    background-position: bottom left;
}

.wave-button:focus {
    text-decoration: none;
}


@media (max-width: 768px) {
	.wave-button {
		margin-right: 15px;
	}
}



.large {
	font-size: 30px;
}

::selection {
  background: #662d91; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #662d91; /* Gecko Browsers */
}


.well {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #212427;
    border: 1px solid #212427;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

#materialsList  {
	background-color: #262a2d;
    border: 1px solid #262a2d;

}

#materialsFilteredList {
	background-color: #262a2d;
    border: 1px solid #262a2d;
}


#materialsFilteredList .ng-binding {
	color: #b4bbbf;
	font-size: 14px;
	padding: 5px 0px;
}


.ng-binding label {
    border-top: 1px solid rgba(46, 89, 80, .4);
   	padding-bottom: 0px!important;
    padding-top: 11px!important;
	display: block;
}



#materialsSearchOptions {
	padding-bottom: 15px;
}



.vic-pad {
	padding-top:40px;
}


.h4-top {
	padding-top:70px;

}

.row-pad {
	padding-top:80px;
}

.copyright { 

	padding: 150px 0 0 10px;

}