/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

#filters button {
	min-width: 95px;
}

button.btn.btn-default.selected {
	background: linear-gradient(-1deg, #F67D03 0%, #DF6400 100%);
	color: #ffffff;
	border: #dd640a 1px solid;
}

#isotope-list .item {
	margin-bottom: 30px;
}

.gallery-card {
	background-color: #ffffff;
	box-shadow: 0 1px #ececec;
	border: 1px solid #ececec;
}

.gallery-image {
	width: 100%;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	border-bottom: 1px solid #ececec;
	position: relative;
}

.gallery-image {
    opacity: 1;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -ms-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0);
}

.gallery-image:hover {
	opacity: .5;
}

.gallery-text-container {
	padding: 15px 20px 20px;
	/*height: 95px;*/
	min-height: 120px;
}

.gallery-text-container a h3 {
	font-size: 15px;
	color: #333333;
	margin: 0 auto;
	line-height: 1.4;
}

.gallery-text-container a {
	font-size: 12px;
	color: #737373;
	font-weight: 700;
}

.gallery-text-container a:hover, .gallery-text-container a:focus  {
	text-decoration: none;
	color: #737373;
}

.gallery-text-container a h3:hover {
	text-decoration: underline
}

span.gallery-industry {
	position: absolute;
    bottom: 10px;
    color: #ffffff;
    right: 10px;
    font-size: 11px;
	text-align: right;
}

.gallery-industry span {
	background: #000000;
    padding: 2px 4px 3px;
    border-radius: 3px;
	display: inline-block;
    margin-top: 1px;
}

.page-template-page_gallery .content-sidebar-wrap {
	margin-bottom: 155px;
}

.page-template-page_customerstories .content-sidebar-wrap {
	margin-bottom: 0;
}

.page-template-page_customerstories .content-sidebar-wrap .content {
	float: none;
}

.page-template-page_gallery .container-fluid,
.page-template-page_customerstories .container-fluid {
	padding: 0;
}

.page-template-page_gallery .breadcrumb,
.page-template-page_customerstories .breadcrumb {
	display: none;	
}

.page-template-page_gallery .entry,
.page-template-page_customerstories .entry {
	padding: 20px;
}

.filter-description {
	margin-top: 20px;
	font-size: 17px;
}

.page-template-page_customerstories #filters button {
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 0;
}

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

	.gallery-text-container a h3 {
		max-width: 100%;
		height: 100%;
	}

	#isotope-list .col-xs-12, #isotope-list .col-md-3, #isotope-list .col-sm-4  {
		padding: 0;
	}

	#filters.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
   		border-bottom-right-radius: 4px; 
    	border-top-right-radius: 4px; 
    	margin: 0 2.5px;
	}

	#filters.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    	border-radius: 4px; 
    	margin: 0 2.5px 5px;
	}

	#filters.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    	border-bottom-left-radius: 4px;
    	border-top-left-radius: 4px;
		margin: 0 2.5px;
	}

	#filters .btn {
		padding: 5px 9px;
    	font-size: 11px;
	}

	#filters button {
		min-width: 20px;
	}

}