/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


.singular-installer_project .singular-wrap-one-column h1.entry-title {
	text-align:center;
}

.singular-installer_project .article-lead-text {
 	text-align:center;
}

#installer-project-slider {
	margin-bottom: 1rem;
}

.singular-installer_project .slick-slide {
 	position: relative;
}

.singular-installer_project .slick-slide .caption {
 	position: absolute;
    bottom: .375rem;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    color: white;
    margin-bottom: 0;
    padding: .5rem 35% .5rem 1rem;
    font-size: .875rem;
 }


.singular-installer_project .installer-overview {
 	margin-top:2rem;
 }
 

  .singular-installer_project .installer-overview .installer-logo {
 	background:white;
 	float: right;
 	margin-right:1rem;
 	max-width:25%;
 }

 .project-details {
 	margin-top: 1rem;
 }

@media (min-width:768px) {
	.singular-installer_project .installer-overview {
 	position: relative;
 	top: -160px;
 }
 .singular-installer_project .installer-overview .installer-logo {
 	padding:1rem;
	margin-right:auto;
 	max-width:75%;
 	float: none;
 }
 .singular-installer_project .installer-overview {
 	font-size:.9rem;
 	margin-top:0;
 }
}
  


  /*

  Installer Showcase (Archive of Installer Projects)

  */


  .archive-installer_project .singular-wrap-one-column .singular-inner {
  	padding-top:1rem;
  }

  .archive-installer_project .project-preview {
  	margin-bottom:1rem;
  }

  .archive-installer_project .project-preview .text-wrap {
  	background: #2e6c9c;
    padding: 1rem 1rem .5rem;
    display: block;
  }

  .archive-installer_project .project-preview .text-wrap:hover, .archive-installer_project .project-preview .text-wrap:active, .archive-installer_project .project-preview .text-wrap:focus {
  	text-decoration: none;
  }

  .archive-installer_project .project-preview .text-wrap h2 {
  	color: white;
  }

  .archive-installer_project .project-preview .project-image {
  	display: block;
  	height:250px;
  	position: relative;
  	background: #2e6c9c;
  }

  .archive-installer_project .project-preview .project-image div {
  	position: absolute;
  	top:0;
  	right:0;
  	left:0;
  	bottom:0;
  	background-size:cover;
  	background-position: 50%;
  }


    /*

  Installer (Single Tax Term)

  */

  .taxonomy-installer .singular-wrap-one-column .singular-inner {
  	padding-top:1rem;
  }

  .taxonomy-installer .installer-featured-image {
  	max-width: none;
  	width:100%;
  	height:auto;
  	margin-bottom: 2rem;
  }

  .taxonomy-installer  .installer-logo {
    max-height:200px;
    margin-bottom:2rem;
  }

  .taxonomy-installer .article-preview img {
    max-width: none;
    width: 100%;
    height:auto;
    margin-bottom:2rem;
}



.taxonomy-installer .projects {
	margin-top:2rem;
}

@media (min-width: 544px) {
	  .taxonomy-installer  .installer-logo {
    float: right;
    max-height: 150px;
  }
} 