@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif:400);

h2 {
	letter-spacing: 0px;
	background-color: #ddd;
	padding: 10px;
}

#menu .brand__name {
    font-size: 16px;
}

#menu.navbar {
    background: #eee;
}

#menu.navbar--stuck .navbar__section {
	background: #eee;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);		
}

#menu .brand__name a {
    font-size: 24px;
    font-family: 'Source Sans Pro', sans-serif;
	color: #003568;
}

#menu .navbar__items a {
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

#practiceAreas p {
	color: #000;
}

#practiceAreas a {
	line-height: 55px;
	display: block;
	font-weight: 300;
	font-size: 20px;
}

#practiceAreas .fa {
	line-height: 55px;
}

.status {
	padding: 6px 10px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #fff;
}

.error {
	background-color: #C44127;
}

.success {
	background-color: #27C46B;
}

.bree {
	font-family: 'Bree Serif', serif;
}

span.pull-right {
	float: right;
}

@media (max-width: 991px) {
	#practiceAreas .fadeInUp .row {
		margin-left: -15px;
		margin-right: -15px;
	}
}

/*** Facebook feed styles ***/

#recentPosts #cff {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

#recentPosts #cff .cff-item {
	background-color: rgba(0,0,0,0.1);
	border-bottom: 0 !important;
	padding: 15px !important;
	margin-bottom: 15px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

#recentPosts .cff-link-title, #recentPosts .cff-link-title a {
	font-weight: normal;
}

@media (max-width: 991px) {
	#recentPosts #cff {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	#recentPosts .cff-wrapper {
		margin: 0 24px;
	}	
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}