/*
Theme Name: Dunst Bros
*/


.jumbotron{
    padding:0;
}

#menu-main-menu{

}

.img-responsive{
  max-width: 100%!important
}

#menu-item-813{
  background: url('http://www.dunstbros.com.au/wp-content/uploads/menu-single-storey.jpg'); background-repeat: no-repeat; background-size: 50%; height: 77px
}

#menu-item-813 a{
  float: right; width: 50%; padding: 27px;
}

#menu-item-814{
  background: url('http://www.dunstbros.com.au/wp-content/uploads/menu-double-storey.jpg'); background-repeat: no-repeat; background-size: 50%; height: 77px
}

#menu-item-814 a{
  float: right; width: 50%; padding: 27px;
}

#menu-item-90 ul{
  width: 380px
}

/*Design Page*/

.design-image-bg{
      background: #555555; padding: 30px 0 30px 0!important; margin-bottom: 30px
    }

    .design-image-bg .col-md-9{
      padding-right: 0;
    }

.design-page-title{
  text-align: center; font-size: 60px; margin-bottom: 0
}

.display-home-content p{
  padding: 15px 0 15px 0
}

.design-tagline{
  text-align: center; font-style: italic;
}

.design-page-back{
  background: #555555 ; text-transform: uppercase; font-size: 10px!important; padding: 10px!important
}

.design-image-bg .col-md-3{
  background: #FFF; color: #000; text-align: center; padding: 30px 0 30px 0!important
}

.design-page-image{
  padding-left: 0; background: #FFF
}

.design-page-image .col-md-3 p{
  margin: 15px 0 15px 0;
}

.design-image-bg .gallery{
  text-align: center;
}

    .latest-offers-bg{
      background: #a1a1a1; padding: 30px 0 30px 0!important; margin-top: 30px!important
    }

    .latest-offers-bg h4{
      color: #FFF; text-align: center; text-transform: uppercase; font-size: 30px
    }

    .row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.offer-text{
  background: #FFF; text-align: center; padding: 5px
}

.offer-text .btn{
  background: #fba51a; color: #FFF
}

.offer-text:hover .btn{
  background: #FFF; color: #8d8f92!important
}

.offer-heading{
  font-size: 18px; font-weight: bold;
}

.offer-date{
  font-style: italic;
}

.offer-item:hover .offer-text{
  background: #fba51a; color: #FFF
}

.design-brochure-download{
  background: #fba51a; text-transform: uppercase;
}

.design-page{
  padding-top: 30px
}

.design-page h3{
  text-align: center; text-transform: uppercase; font-size: 30px
}

.design-plan{
  background: #FFF; padding: 30px; margin-top: 30px
}

.floor-plan-title{
  font-size: 26px; text-align: center; font-style: italic; color: #000
}

.design-icons{
  text-align: center; padding: 15px 0 15px 0;
}

.design-icons .col-md-3{
  padding-bottom: 15px;
}

.design-image img{
  margin: 0 auto;
}

.design-page-back{

}

.design-icons img{
  margin: 0 auto
}

.design-dimensions{
  text-align: center; font-weight: bold; color: #000; margin-top: 10px
}

.design-image-bg .gallery-item{
  width: 40%; display: inline-block; padding-right: 5%
}

.design-image-bg .gallery-item img{
  max-width: 100%; height: auto;
}

/*End design page*/

/*Design list page*/

.design-item{
  min-height: 200px
}

.design-item a{
  color: #8d8f92
}

.design-item:hover a{
  color: #FFF; text-decoration: none;
}

/*.design-item .design-image{
  transition: all .2s ease-in-out;
}

.design-item:hover .design-image{
  transform: scale(1.1);
}*/

.design-text{
  background: #FFF; padding: 5px
}

.design-text p{
  margin: 0;
}

.design-item:hover .design-text{
  background: #fba51a; color: #FFF
}

.map-bg{
  position: relative; height: 300px; margin: 15px 0 15px 0!important
}

.offer-image-bg{
  position: relative; height: auto; margin: 0px 0 15px 0!important
}

.offer-image-bg img{
  width: auto; margin: 0 auto
}

.map-bg iframe{
  width: 100%; position: absolute; height: 300px
}

.center-text{
  text-align: center
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;

    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

html, body{
    font-size: 16px; font-family: 'Open Sans', sans-serif; color:#8d8f92; background:#f7f7f7
}

p{
    line-height: 26px;
}

h1{
  font-size: 40px; color: #424242; text-transform: uppercase; margin-bottom: 15px;
}

h2{
  font-size: 36px; color: #424242; text-transform: uppercase; margin-bottom: 15px;
}

.gallery-item{
  display: inline-block; padding: 0 15px 15px 0
}

.ginput_container input, .ginput_container textarea{
  padding: 10px!important; border:#e2e6e6 1px solid!important;
}

#gform_submit_button_1{
border-radius: 5px; color: #fff !important; display: inline-block; font-size: 14px; margin: 5px; padding: 15px 20px; position: relative; text-decoration: none; background-color: #fda519; box-shadow: 0 5px 0 0 #fd8f15; width: 30%; border: none;
}

.green-line--old{
  background: #6eaf4c; height: 10px; width: 100%; margin: 30px 0 30px 0!important;
}

.green-line{
  background: #6eaf4c; color: #FFF; width: 100%; margin: 30px 0 30px 0!important; padding: 30px 0 30px 0!important;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
  background: #6eaf4c;
}

.jumbotron{
    margin:0; padding:0; font-size: inherit
}

.jumbotron p{
    font-size: inherit; margin: inherit;
}

.navbar-default{
  border-color:#fd8f15; font-size: 14px; background: url('images/menu_bg.jpg') repeat-x; height: 190px; padding-top: 60px; /*background:#fd8f15;*/
}

.navbar{
  border-color:#fd8f15; font-size: 14px; background: #f29400; height: 100px; padding-top: 0px; /*background:#fd8f15;*/
}

.navbar .navbar-right{
  padding-top: 0px
}

.navbar-right{
  padding-top: 30px
}

.navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a{
  color:#FFF; text-transform: uppercase;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background: #6c9d30; border-color: #6c9d30; color:#FFF!important
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
  color: #FFF
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
  background: #6c9d30; color: #FFF
}

.navbar-nav > li > a{
  padding: 40px 15px 40px 15px
}

.navbar-brand{
  padding: 0;
}

.dropdown-menu > li > a{
  color: #FFF;
}

.dropdown-menu{
  background: rgba(253,143,21,0.9); border-radius: 10px
}

.content-area{
  padding-top: 60px; padding-bottom: 30px;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Open Sans', sans-serif; color:#424242; font-weight: 700
}

.footer-light{
    background:#6eaf4c; color:#FFF; padding: 30px 0 30px 0;
}

.footer-light p a{
  color: #FFF; font-size: 35px
}

.footer-light h5{
  font-size: 20px
}

.footer-dark{
    background:#3d781f; color:#FFF; font-size: 14px!important;
}

.house-design{
  padding-bottom: 30px; margin-top: 30px; border-bottom:#e2e6e6 3px solid;
}

.house-design:last-of-type{
  border: none;
}

.house-design .col-md-12{
  padding-top: 15px;
}

.design-title{
  font-weight: 700; text-transform: uppercase; font-size: 21px;
}

.btn {
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 14px;
  text-decoration: none;
  margin: 5px;
  color: #fff!important;
  position: relative;
  display: inline-block;
}

.btn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.consultant {
  background-color: #fda519;
  box-shadow: 0px 5px 0px 0px #fd8f15;
}

.consultant:hover {
  background-color: #f9b64c;
}

.information {
  background-color: #98a3a3;
  box-shadow: 0px 5px 0px 0px #7f8c8c;
}

.information:hover {
  background-color: #b6c2c2;
}

.home-designs{
  text-align: center; margin-top: 15px
}

.home-designs:hover a{
  color:#fd8f15;
}

.home-designs a{
  color:#7f8c8c; font-size: 20px; text-transform: uppercase; font-weight: 700
}

.new-content-area .home-designs .overlay{
  width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; padding-top: 28%; color: #FFF; text-transform: lowercase; font-weight: normal; font-size: 16px
}

.new-content-area .home-designs .overlay a{
  color: #FFF; text-transform: lowercase; font-weight: normal;
}

.new-content-area .home-designs-image{
  position: relative;
}

.new-content-area .home-designs:hover .overlay{
  background-color: #fd8f15; display: block; transition: background-color 0.5s ease;
}

.step-bg{
  position: absolute; background: #6eaf4c; color: #FFF; font-size: 30px; padding: 15px; text-align: center; line-height: 30px; border:#FFF 2px solid; border-radius: 5px
}

.step-bg span{
  font-weight: bold; font-size: 55px
}

.home-steps{
  background: #FFF; border:#e9e9e9 1px solid; border-radius: 5px; margin-bottom: 30px; width: 90%;
}

.home-right{
  margin-left: 10%;
}

.home-one .step-bg{
  left: 300px; top: 55px
}

.home-two .step-bg{
  right: 300px; top: 55px
}


.home-three .step-bg{
  left: 300px; top: 55px
}

.home-four .step-bg{
  right: 300px; top: 55px
}



.home-one .col-md-8{
  padding-top: 25px; padding-left: 70px
}

.home-two .col-md-8{
  padding-top:25px; padding-right: 70px
}

.home-three .col-md-8{
  padding-top: 25px; padding-left: 70px
}

.home-four .col-md-8{
  padding-top: 25px; padding-right: 70px
}

.home-steps .col-md-4{
  padding: 0;
}

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

#menu-footer-menu{
  list-style: none; padding:0; margin: 0;
}

#menu-footer-menu a{
  color: #FFF
}

.light-footer h5{
  color: #040a01; font-size: 20px
}

.home-designs{
  min-height: 460px;
}

 @media only screen and (max-width : 1068px) {
.home-designs{
  min-height: 460px;
}

.home-steps{
  margin:0!important; width: 100%; margin-bottom: 30px!important; padding-bottom: 30px
}

.navbar-right{
  margin-top: 80px; padding-top: 60px
}

.navbar-default{
  height: 240px; background: #f29400; padding-top: 0px;
}

.navbar-nav > li > a{
  padding: 10px 15px 10px 15px
}

.inclusions-btn{
  float: right;
}

.clear-tablet{
  clear: both;
}

  }

 @media only screen and (max-width : 480px) {

.home-steps p{
  padding: 0px 25px 25px 25px
}

.navbar-right{
  padding-top: 0px; margin-top: 25px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border:none;
}

.navbar-default{
  height: 95px
}

.navbar-brand>img{
  width: 130px;
}

.navbar-nav{
  background: #fd8f15
}

.home-steps{
  margin-left: 0px; width: 100%
}

.home-steps .col-md-8{
  padding-left:0; padding-right: 0
}

.home-one .step-bg{
  left: 0; top: 55px
}

.home-two .step-bg{
  right: 0; top: 55px
}


.home-three .step-bg{
  left: 0; top: 55px
}

.home-four .step-bg{
  right: 0; top: 55px
}

.navbar-default .navbar-toggle .icon-bar{
  background-color: #FFF
}


    }