/*
Theme Name: Diette Bootstrap v3.3.6
Theme URI: 
Description: A simple responsive framework built with Bootstrap customized for: Rembrandt Landscaping Inc.
Author: Diette Janssen
Author URI: http://diette.ca/
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
html, body {
  height: 100%;
}
body {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	color:#030303;
	font-size: 16px;
}
a, a:hover, a:focus {
  outline: 0;
  text-decoration: none;
  color: #030303;
}
a:hover, a:focus { 
  opacity:0.7;
}
h1, .h1 {
	font-weight: 400; font-size: 62px;
}
h1 small, .h1 small {
	font-weight: 500; font-size: 28px; 
	margin-left: 20px; color:#383338;
}
h2, .h2 {
	font-weight: 400; font-size: 48px;
	letter-spacing: -2px;
}
h3, .h3 {
	font-weight: 500; 
}
h3.subheader, .h3.subheader {
	color: #316d2f;
	margin-top: 30px; margin-bottom: 30px;  
	padding-top: 10px; padding-bottom: 10px;
	border-top: 1px solid #dfdedf;
	border-bottom: 1px solid #dfdedf;
}
h3.contentheader, .h3.contentheader {
	color:#7c7b7b;
	font-weight: 400;
}
h3.no-topmargin, .h3.no-topmargin {
	margin-top:0px;
}
hr {
	border: 0; height: 1px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	width: 80%;
}
.subheader-spacer{margin-top: 30px;}
strong {
	font-weight: 500;
}
em {font-style: italic;}
img.alignnone {
	display: block;
	max-width: 100%;
	height: auto;
}
.template-wrapper { overflow: hidden}

.btn-default {
	font-size: 14px; 
	border-radius: 0; border: none; 
	text-transform: uppercase; letter-spacing: 3px;
	margin-top: 15px;
}
.btn-lg{padding:15px 30px;}
.template-wrapper-frontpage .bkgd-grey {
	background-color: rgba(213, 212, 213, 0.2);
	color:#383338;
}
.bkgd-grey {
	background-color: rgba(0, 0, 0, 0.1);
	color:#383338;
}
.bkgd-charcoal {
	background: rgb(37,34,37);
	background: -moz-linear-gradient(top,  rgba(37,34,37,1) 0%, rgba(37,34,37,1) 49%, rgba(56,51,56,1) 63%, rgba(37,34,37,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(37,34,37,1) 0%,rgba(37,34,37,1) 49%,rgba(56,51,56,1) 63%,rgba(37,34,37,1) 100%);
	background: linear-gradient(to bottom,  rgba(37,34,37,1) 0%,rgba(37,34,37,1) 49%,rgba(56,51,56,1) 63%,rgba(37,34,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252225', endColorstr='#252225',GradientType=0 );
	color:#fff;
}
.bkgd-charcoal-solid {
	background: rgb(37,34,37);
	color:#fff;
}
.bkgd-green {
	background-color: rgb(186,237,124);
	color:#383338;
}
.footer .bkgd-green {
	color:#fff;
}

.section {
	padding-top: 40px; padding-bottom: 40px;
}
 .row-padding{
 	padding-top: 40px; padding-bottom: 40px;
 }
 

/* navigation */
	/* top menu */
.widget-phone .textwidget{ display:inline-block; }
.top-bar.navbar {margin-bottom: 0; min-height: 25px; height: 25px;}
.top-bar .navbar-nav > li > a {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 11px; font-weight: 300;
    color:#010101;
}
.top-bar .navbar-nav > li > a:before, .top-bar .navbar-nav > li > a:after, 
.top-bar .navbar-text:before, .top-bar .navbar-text:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent; /* arrow size */
}
.top-bar .navbar-nav > li > a:before, 
.top-bar .navbar-text:before {
	border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 8px solid #ffffff;
    left: -7px;
    position: absolute;
    top: 19px;
    z-index: 2;
}
.top-bar .navbar-text:before {
	left:10px;
	top:24px;
}
.top-bar .navbar-text {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 11px; font-weight: 300;
    color:#010101;
    margin-top:-2px;
}
.glyphicon-phone-alt.glyphicon {top:4px; margin-right:15px;}
.glyphicon-phone-alt:before {
	content: url('images/smartphone-icon.png')
}
	/* main menu */
.main-navbar {position:absolute; background-color: rgba(0,0,0,0.2); width:100%;min-height: 112px;}
.main-navbar .nav > li > a {
	color:#fff; font-weight: 500; 
	text-transform: uppercase; letter-spacing: 2px;
}
.main-navbar .nav > li.current-menu-item > a {color:#383338;}
.main-navbar .nav > li > a:focus, .main-navbar .nav > li > a:hover {
	color:#383338; opacity: 0.7;
}
#menu-rembrandt-landscaping {margin-top: 34px}
.navbar-brand {padding-left: 0;}


ul.social-menu li a {
	height: 15px;
	text-align: left;
	text-indent: -9999px;
	top: 5px;
	width: 40px;
	border-right:2px solid white;
}
ul.social-menu li.facebook a {
	background: transparent url("images/fbicon.png") no-repeat scroll center top  / 7px 13px;
	border-left:2px solid white;
}
ul.social-menu li.googleplus a {
	background: transparent url("images/gplusicon.png") no-repeat scroll center top  / 14px 13px;
}
ul.social-menu li.rss a {
	background: transparent url("images/rssicon.png") no-repeat scroll center top  / 12px 12px;
}
ul.social-menu li.pinterest a {
	background: transparent url("images/picon.png") no-repeat scroll center top  / 13px 12px;
}
ul.social-menu li.linkedin a {
	background: transparent url("images/liicon.png") no-repeat scroll center top  / 12px 11px;
}
ul.social-menu li a br{display: none}



/* carousels */
	/* home page - services page */
.carousel-template {max-width: 1920px; margin-left: auto; margin-right: auto;}
.carousel {margin-left: -15px; margin-right: -15px;}
.carousel-indicators {display:none;}

.carousel-caption{
	left:30px; right:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width:1170px;
	text-transform: uppercase;
	bottom:auto; top:40%;
	font-weight: 600;
	text-shadow: none;
}
.carousel-caption h2 { font-size: 82px; line-height: 1; font-weight: 700;}
/* banner */
.default-banner {
   min-height: 112px;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  background-position: center center;
  background-image: url("images/default-banner.jpg");

}
/* gallery */
.gallery {
	margin-left: -10px !important;
    margin-right: -10px !important;
    margin-top: 20px !important;
}

.gallery-item {
	padding-left: 10px;
    padding-right: 10px;
    width: 33.33333333% !important;
}
.gallery-columns-2 .gallery-item {
	width: 50% !important;
}
.gallery-item img {
	display: block;
    height: auto;
    max-width: 100%;
    border:none !important;
}
.gallery-item .gallery-caption {
	display: none;
	text-align: left;
}
.gallery-columns-2 .gallery-item .gallery-caption, 
.gallery-columns-2 .gallery-item .gallery-caption em{
	display: block;
}
.gallery-columns-2 .gallery-item .gallery-caption {
	font-weight: 500;
}
.gallery-columns-2 .gallery-item .gallery-caption em {
	font-weight: 400;
	font-style: italic;
}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    bottom: 0!important;
}
.nivo-lightbox-theme-default .nivo-lightbox-title {
    background: transparent none repeat scroll 0 0!important;
    border-radius: 0!important;
    color: #fff!important;
    font-size:18px!important;
    font-family: 'Ubuntu', sans-serif!important;
	font-weight: 400!important;
}
/* scroll to top  */
.to-top {
	position:absolute;
	right:5%;
	bottom: 50px;
}
.gallery-section{position:relative;}

.glyphicon-circle-arrow-up::before {
    content: url("images/totop-icon.png");
}
/* sidebar */
.sidebar-border {border-right:1px solid #797979; margin-bottom: 40px;}
.sidebarimg-wrap {padding-top: 20px; padding-bottom: 20px;}
.sidebarimg-caption {font-style: italic;}


/* front page */
.intro-content, .intro-services {
	font-size: 18px; 
}
.intro-content h1 {margin-top: 0px; margin-bottom: 20px;}
.intro-services .section {
	border-top: 10px solid #baed7c;
}
.intro-services .section img{
	padding-top: 10px; padding-bottom: 20px;
}
.crosshair-wrap{
	position:relative;
}
.crosshair-inner { 
	position:absolute; 
	width:100%; text-align: center;
	left:0;
	z-index: -1;
	top: 116px;
}
.why-choose.section img{padding-top: 26px;}

/* content page */
.content-wrap p{margin:0 0 25px;}

/* footer */
.h-footer {font-weight: 500; font-size: 18px; margin-bottom: 20px;}
.footer .nav > li > a {padding:5px 0;}
.footer .nav > li.hide-footer {display:none;}
h2.widget-title { font-size: 62px; color:#545354; margin-top:-10px;}

.copyright {height:126px; font-size: 18px; padding-top: 10px;}
.copyright.bkgd-green {color:#ffffff;}

   



@media (max-width:1199px) { 
	h1, .h1 {
	    font-size: 46px;
	    font-weight: 400;
	}
	h2, .h2 {font-size: 38px}
	/* carousel */
	.carousel-caption{width: 970px;}
	.crosshair-inner { top: 138px; }
	.carousel-caption h2 {font-size: 56px}


}

@media (max-width:991px) { 
	h1 small, .h1 small{
	    display:block;
	    margin-left: 0;
	}
	h2, .h2 {
	    font-size: 30px;
	    letter-spacing: -1px;
	}
	h2.widget-title{font-size: 38px}
	/* main navbar */
	.main-navbar .nav > li > a {
		font-size: 14px;
		letter-spacing: 0;
	}
	h3.contentheader, .h3.contentheader {
	   margin-top: 0px;
	}

	/* carousel */
	.carousel-caption{width: 750px;}
	
	.row-padding {
	    padding-bottom: 0px;
	    padding-top: 0px;
	}

	
}

@media (max-width:767px) { 
	h1 small, .h1 small {
		margin-top: 20px;
	}
	.section{
	    padding-bottom: 20px;
	    padding-top: 20px;
	}
	
	/*navbar */
	.main-navbar {
		position:relative; background: rgb(37,34,37);
		color:#fff; 
	    min-height: auto;
	}
	.main-navbar.navbar {margin-bottom: 0;}
	.navbar-brand {width: 50%; height: auto;}
	.navbar-toggle {background-color: rgba(255,255,255,0.2);}
	.navbar-toggle .icon-bar {
		background-color: #baed7c}
	.navbar-collapse {padding-left: 0; padding-right:0;}
	.navbar-collapse .nav{text-align: center}
	.main-navbar .nav > li.current-menu-item > a {color:#baed7c;}
	.main-navbar .nav.social-menu > li > a {
		    margin-bottom: 5px;
    		text-align: center;
    		width: auto;
    		border-right: 1px solid #333;
	}
	.main-navbar .nav.social-menu > li > a:first-child{
		border-left: 1px solid #333;
	}
	.main-navbar .nav.social-menu > li {
    
	    display: table-cell;
	    width: 1%;
	    float: none;
	    position: relative;
	}
	.main-navbar .nav.social-menu {
	    width: 100%;list-style: outside none none;
	    margin-bottom: 0;
	    padding-left: 0;
	}
	.navbar-collapse {
    overflow-x: hidden; }

	.mobile-social-menu {
  margin: 1em 0;
  }
.mobile-social-menu  ul {
    box-shadow: 5px 5px 0 rgba(0,0,0,.15);
    background: $dkgray;
    text-transform: uppercase;
    padding: 0;
    font-size: 0;
    text-align: justify;
    border-radius: 5px;
    overflow: hidden;
    margin: 15px !important;
}
.mobile-social-menu  ul:after {
        content: '';
        display: inline-block;
        width: 100%;
     }  
.mobile-social-menu li {
    font-size: 16px;
    display: inline-block;
  }
 
.mobile-social-menu a {
    text-decoration: none;
    display: block;
    padding: 1em 1em;
   
    
  }

.mobile-social-menu	a:link {
      color: white;
      }
 .mobile-social-menu   a:visited {
      color: white;
      }
 .mobile-social-menu   a:hover {
       background: $dkyellow;
    }
 .mobile-social-menu   a:before {
      padding-right: .5em;
    }


	/* scroll to top */
	.to-top {
	    bottom: 0;
	    position: relative;
	}
	/* carousel */
	.carousel-caption{ 
		width: auto; 
		margin-left: auto;
	    margin-right: auto;
	    padding-left: 15px;
	    padding-right: 15px;
	    display:none;
	}
	
}