/*
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: 'GT-Walsheim';
  src: url('fonts/GT-Walsheim-Regular.woff') format('woff'),
       url('fonts/GT-Walsheim-Regular.ttf') format('truetype');
}

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




.dmbs-container {

}

.dmbs-header {

}

.dmbs-header-img {

}

.dmbs-header-text {

}

.dmbs-top-menu {

}

.dmbs-content {

}

.dmbs-main {

}

.dmbs-left {

}

.dmbs-right {

}

.dmbs-footer-menu {

}

.dmbs-author-credits {

}

.dmbs-footer {
	padding-top: 50px;
}





body {
    font-family: 'GT-Walsheim', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #222720;
    background-color: #fff;
    padding-bottom: 0px;
}




@media (min-width: 768px) {
	.navbar {
		border-radius: 0px;
	}
}


.navbar-brand {
    float: left;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #3FAE2A;
}

.navbar-inverse {
    background-color: #3FAE2A;
    border-color: #3FAE2A;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #222720;
    background-color: #3FAE2A;
}


a:hover {
	color: #222720;
}

strong {
	font-family: 'GT-Walsheim-bold', Helvetica, Arial, sans-serif;
}

section {
  width: 100%;
  display: table;
  margin: 0;
  max-width: none;
  height: 100vh;
}

.intro {
	background-color: #41AD49;
}

.hero {
	color:white;
	background-image:url('img/nook_hero_image.jpg');
    background-repeat:no-repeat;
    background-position: center;
    background-size:cover;
}

.statement {
	background-color: #414042;
}

.statement p {
	color: #41AD49;
	font-size: 18px;
}

@media (min-width: 768px) {
	.statement p {
		font-size: 36px;
	}

}

@media (min-width: 960px) {
	.statement p {
		font-size: 48px;
	}

}



.about {
	background-color: #414042;
}

.about p {
	color: #41AD49;
}

.about h4 {
	color: #fff;
}

.about a:hover {
	color: #fff;
}


.base {
	height: 95vh;
}


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


.slogan {
   font-size: 150px;
   line-height: 150px;
   color: white;
   font-family: 'GT-Walsheim-bold', Helvetica, Arial, sans-serif;
   font-weight: 700;
}


.typed-cursor{
        color: #41AD49;
        }

.hm-logo {
	margin-top: 100px;
	padding-bottom: 9px!important;
}

h1 {
	font-weight: 700;
	color:  #41AD49;
}

h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 6px;
}

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


blockquote {
    padding: 10px 0;
    margin: 0 0 20px;
    font-size: 24px;
    border-left: none;
}


.hm-content-pad {
	padding: 120px 15px;
}


@media (max-width: 1200px) {

	.slogan {
		font-size: 120px;
		line-height: 120px;
	}
	
	h2 {
		font-size: 24px;
	}
	
	blockquote {
		padding: 10px 0;
		margin: 0 0 20px;
		font-size: 20px;
    }	
    
    
    .hm-content-pad {
		padding: 80px 15px;
	}


}


@media (max-width: 992px) {
	h1, .h1 {
		font-size: 26px;
	}
	
	.slogan {
		font-size: 80px;
		line-height: 80px;
	}
	
	h2 {
		font-size: 20px;
	}
	
	blockquote {
		padding: 10px 0;
		margin: 0 0 20px;
		font-size: 16px;
    }	
    
    .hm-logo {
		margin-top: 60px;
	}
	
}

@media (max-width: 768px) {

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




.more {
    display: block;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	float: right;
    color: white;
    font-size: 15px;
    margin-top:220px;
    margin-right: -100px;
    width:300px;
    background-image:url('img/arrow-hoz.svg');
    background-repeat: no-repeat;
    background-position: right;
    -webkit-transition: margin .5s ease-in-out;
    -moz-transition: margin .5s ease-in-out;
    -o-transition: margin .5s ease-in-out;
    transition: margin .5s ease-in-out;
    background-size: 150px 8px;
}



a.more:hover, a.more:focus  {
    color: #222720;
    text-decoration: none;
}

a.more:focus  {
    color: #222720;
    text-decoration: none;
}


.btn-default {
    color: white;
    background-color: #3FAE2A;
    border-color: #3FAE2A;
}

.btn-default:hover {
    color: white;
    background-color: #3FBF2A;
    border-color: #3FAE2A;
}


.btn, .comment-reply-link, .comment-respond #submit, #wp-calendar #prev a, #wp-calendar #next a, #searchform #searchsubmit {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-control, #searchform #s {
    display: block;
    height: 34px;
    padding: 20px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #E5E6E7;
    background-image: none;
    border: 1px solid #E5E6E7;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.about-logo-pads {
	padding-top: 30px;
}

.the-nook {
	background-color: #41AD49;
	height: 65px;
}


.galley {
	padding-top: 100px;
	padding-bottom: 100px;
}


.galley-row {
	padding-top: 60px;
	padding-bottom: 60px;
	color: #41AD49;
}

.galley-row {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #41AD49;
}

@media (min-width: 768px) {
	.galley-row {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}


.gallery-img {
	padding-bottom: 20px;

}

@media (min-width: 768px) {
	.gallery-img {
		padding-bottom: 0px;

	}
}

.dmbs-footer, ul {
	padding-left: 0;
}

.dmbs-footer > ul, li, a {
	list-style-type: none;
	color: #41AD49;
}

.copyright {
	color: #999;
	padding-top: 25px;
}