/* your styles go here */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Georgia, Times, Times New Roman, serif;
  font-weight: 900;
  line-height: 1.1;
  color: #333333;
}

body{
  font-size: 1.5em;
  font-weight: 300;
}

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5 {
  display: inline-block;
  border-bottom: solid 5px #B4D8E7;
      border-bottom-color: #B4D8E7;
      border-bottom-style: solid;
      border-bottom-width: 5px;
  line-height: 1.1;
  margin-bottom: 0;
  padding-bottom: 10px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}



a {
  color: #B4D8E7;
  text-decoration: none;
      text-decoration-line: none;
      text-decoration-style: solid;
      text-decoration-color: currentcolor;
}

a:hover, a:focus {
  color: #fff;
  text-decoration: underline;
}

.image-left-50{
  float:left;
  margin-right: 1rem;
  width:48%;
}

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

  .image-left-50{
      text-align: center;
      float:none;
      width: 100%;
      min-width: 0;
      margin-right:0;
      margin-top:1rem;
  }
}

figure img{
  width: 100%;
}


.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active {
  background: #B4D8E7;
  color: #ffffff;
  border-color: #B4D8E7;
}

.btn-template-main {
  color: #B4D8E7;
  background-color: transparent;
  border-color: #B4D8E7;
}

.container-large{
  margin-right: 15px;
  margin-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-fabric{
  background: url('../img/texture-bw.png') center center repeat;
}

.text-white{
  color: #fff;
}

html body div#all header div.container-large div#navbar.navbar.navbar-default.yamm div.navbar-header a.navbar-brand.home{
  margin-left: 15px;
}

.box-image-text .image {
  min-height: 200px;
  max-height: 200px;
}

.box-simple {
  min-height: 230px;
}

.box-simple .icon {
  color: #B4D8E7;
  border-color: #B4D8E7;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.icon {

  display: inline-block;
  width: 80px;
  height: 80px;
  color: #fff;
  line-height: 80px;
  border-radius: 40px;
  border: solid 5px #fff;
      border-top-color: rgb(255, 255, 255);
      border-right-color: rgb(255, 255, 255);
      border-bottom-color: rgb(255, 255, 255);
      border-left-color: rgb(255, 255, 255);
  font-size: 20px;

}

.icon-image{
  height:200px;
  width: 200px;
  overflow:hidden;
  border-radius: 100px;
}

.home-carousel h1 {
  font-weight: 400;
  text-transform: none;
  font-size: 6em;
  letter-spacing: 0.08em;
}

@media only screen and (max-width: 800px){
  .home-carousel h1{
    font-size: 5em;
  }
}

@media only screen and (max-width: 480px){
  .home-carousel h1{
    font-size: 4em;
  }
}


.home-carousel .owl-theme .owl-controls .owl-page.active span {
  background: #fff;
      background-color: #000;
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-attachment: scroll;
      background-image: none;
      background-size: auto auto;
      background-origin: padding-box;
      background-clip: border-box;
}

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

.home-carousel {
  position: relative;
  background: none;
  background-size: cover;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.home-carousel .owl-carousel {
  padding-top: 0px;
  padding-bottom: 0px;
}

.home-carousel .homepage.owl-carousel.owl-theme .owl-wrapper-outer .owl-wrapper .owl-item .item .row{
  padding-top: 60px;
  padding-bottom: 40px;
  height: 560px;
}

.home-carousel .homepage.owl-carousel.owl-theme .owl-wrapper-outer .owl-wrapper .owl-item{
  height: 100%;
}

.item{
  background-size: cover;
}


/* Nav */
html body div#all section div.home-carousel div.homepage.owl-carousel.owl-loaded.owl-drag div.owl-stage-outer.owl-height div.owl-stage div.owl-item div.item div.row div.col-sm-12.center{
  padding-right: 0;
}



.slider-text{
  position:absolute;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 200px;
  width: 100%; /* Need a specific value to work */
}

.navbar-brand {

  height: 110px;
}

.navbar-nav.navbar-right:last-child {
  margin-right: 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #B4D8E7;
  color: #ffffff;
}

.navbar ul.dropdown-menu li a:hover {
  color:  rgb(37, 85, 105);
  text-decoration: none;
  background: none;
  left: 2px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.navbar ul.nav > li > a:hover {
  border-top: solid 5px #B4D8E7;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #B4D8E7;
  background-color: #fff;
}

.home-carousel div.homepage.owl-carousel.owl-theme div.owl-wrapper-outer div.owl-wrapper div.owl-item div.item div.row{
  padding-top: 16rem;
}

.home-carousel h1{
  background-color: rgba(100, 100, 100, 0.452);
}

.navbar {
  min-height: 110px;

}

.navbar-brand {
  padding: 5px 0px 5px 0px;


}

.navbar-nav > li > a {
  line-height: 55px;
  font-size: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

.navbar-header a.navbar-brand.home h1{
  font-size: 24px;
}


/*top bar */
html body div#all header div#top div.container-large div.row{
  margin-right: 0;
}

.row{
  margin-right: 0px;
}

a i.fa.fa-phone{
  font-size: 2em;
}

a i.fa.fa-phone:hover{
  color:#fff;
}

.social{
  margin-right: 0px;
}


html body div#all header div#top div.container-large div.row div.col-xs-5 p.hidden-md.hidden-lg, html body div#all header div#top div.container-large div.row div.col-xs-5 p.hidden-sm.hidden-xs{
  padding-left: 0px;
}

#top .social a {
  color: #B4D8E7;
  margin-left: 1rem;
}

/*bottom bar*/

.site-title{
  margin: 0 2rem 0 2rem;
  font-weight: 400;
  text-transform: none;
  font-size: calc(12px + 3.5vw);
  letter-spacing: 0.0em;
  color: #858585;
  
}

.site-title .title-blue{
  color: #B4D8E7;
}

#bottom{
  background: #fff;
  padding: 10px 0;
  border-bottom: 1rem solid #B4D8E7;
  border-top: 1rem solid #858585;
}

/*workshop*/
html body div#all div#content.gradient-bg div.container div.row div#blog-listing-medium.col-md-12 section.post div.row div.col-md-4 div.image p.date-comments{
  color: #1f1f1f;
}

html body div#all div#content.gradient-bg div.container div.row div#blog-listing-medium.col-md-12 section.post div.row div.col-md-6 h1.workshop-title{
  color: rgb(37, 85, 105);
}

#heading-breadcrumbs {
  margin-bottom: 0px;
}

#heading-breadcrumbs h1{
  color: #fff;
}

.gradient-bg{
  background: linear-gradient(to right, rgb(227, 238, 243), #B4D8E7 60%);
  padding-top: 3rem;
}

#blog-listing-medium .post .date-comments {
  float: left;
  font-size:calc(12px + 1.0vw);
}

.workshop-price{
  float: left;
  font-size:calc(12px + 0.5vw);
  color: #5A5A5A;
}

.workshop-title{
  font-size:calc(12px + 0.5vw);
  margin: 0;
  letter-spacing: 0.0em;
  line-height: 1.42857143;
}

#blog-listing-medium .post {
  margin-bottom: 20px;
}

html body div#all div#content.gradient-bg div.container div.row div#blog-listing-medium.col-md-12 section.post div.row div.col-md-4 div.image p.date-comments{
  margin: 0;
  color: #5A5A5A;
}


/* Services */

.services-img{
  max-height: 400px;
}

html body div#all div#content div.container div.row div#service.col-md-12 div#post-content img.img-responsive{
  margin-bottom: 1rem;
}

.box-shadow{
  box-shadow: -2px 2px 9px;
  margin-bottom: 1rem;
}

.lead.text-center{
  font-size: 1em;
}

.float-left{
  float: left;
  margin-right: 1rem;
}

/*Footer */
footer#footer .container .right{
  text-align: right;
}

footer#footer .container .middle{
  text-align: left;
}

footer#footer .container .left{
  text-align: left;
}

@media only screen and (max-width: 1000px){
  footer#footer div.container .right, footer#footer .container .middle, footer#footer .container .left{
    text-align: center;
    text-align: -moz-center;
    width: 100%;
  }

  
}

/*contact*/
.btn{
  margin-top:1rem;
}

.form-control {

  margin-bottom: 1rem;

}