/* band.css */

body { 
    height: 100%;
    font-family: 'Nunito Sans', sans-serif;

}

/* navbar style */
.navbar-collapse .container-fluid {
  padding: 2rem 2.5rem;
  border-bottom: 1px solid #55595c;
}

.navbar-collapse h4 {
  color: #818a91;
}

.navbar-collapse .text-muted {
  color: #818a91;
}

.navbar-dark .navbar-toggler {
       color: #162d50;
    transition: .3s ease;
}

.nav a {
    /*border-bottom: 3px solid #e6efea;
    box-shadow: inset 0 -4px 0 #e6efea;    */
}

.nav a:hover {
           	background: linear-gradient(#e9f5f3, #f2f9f8); 
  
	/*padding: 9px 15px;*/
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
		/*border-bottom: 3px solid #f2f4f1;
	box-shadow: inset 0 -4px 0 #f2f4f1;*/
}



.jumbotron {
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-bottom: 0;
  background-color: white;
  background: url('img/purdue_wynn_kitchen_1_hdr.jpg') center center no-repeat fixed;
  /*background-color: rgba(20, 71, 120, 0.5);*/
  /*background-repeat: no-repeat;
  background-position: center center;*/
  background-size: cover;
    border-radius: 0;
}

.jumbotron-heading {
  font-weight: 700;
}

.jumbotron .container {
  max-width: 40rem;
    background-color: rgba(20, 71, 120, 0.2);
  padding: 2rem;
  color: white;
    text-align: center;
}



.jumbotron p {
    color: white;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.jumbotron img {
   width: 15rem;
}

.album {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

.card {
      float: left;
      width: 33.333%;
      padding: .75rem;
      margin-bottom: 2rem;
      border: 0;
      background-color: rgba(255,255,255,.0);
}

.card img {
  margin-bottom: .75rem;
  max-width: 100%;
       /*border-top-left-radius: 5%;
    border-bottom-right-radius: 15%;*/
    	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=100);
	filter: grayscale(0%);
	opacity: 1;
	/*box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.card img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=100);
	opacity: 1;
	filter: grayscale(100);
}

.card-text {
  font-size: 1rem;
}

.card-title {
  
}

.card-group {
    
}


#about {
    background-color: #f2f9f8;
    background-size: cover;
}

.about-text {
    background: rgba(0,0,0,0.2);
    color: white;
    padding: .5rem;
}

#about img {
    width: 100%; 
}

.about-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

/* add this style to get images to line up with the bottom of a section */
/*.about-content img {
    margin-bottom: -8rem;
}*/

#callout {
    background: url('img/kitchen_cover_MOD_v2.jpg') bottom center no-repeat fixed;
    background-size: cover;
}

.callout-text {
    background-color: rgba(20, 71, 120, 0.0);
    color: white;
    padding: 0rem;
}

.callout-text h1 {
   font-size: 3rem;
}

.section-content {
    padding: 5rem;
}

#recent_projects {
    padding-top: 5rem;
}

#testimonials {
    /*background: url('img/Hartford_SittingRm1.jpg') center center no-repeat;*/
    background-color: #f2f9f8;
    background-size: cover;
}

#testimonials .card-group {
    padding-top: 1rem;
    padding-bottom: 2rem;
    background-color: #f8fcfb;
    padding: .5rem;
}

#testimonials .card {
    padding-top: 1rem;
    padding-bottom: 2rem;
    background-color: rgba(255, 255, 255, 0.0);
}

.testimonials-text {
    background: rgba(0,0,0,0.0);
    color: #5c6167;
    padding: 0rem;
}

.testimonials-text h5 {
    padding-top: 0rem;
}

.testimonials-subhead {
    background: rgba(0,0,0,0.0);
    color: #81a0b2;
    padding-top: 2rem;
}

.lead {
    padding-top: 2rem;
}

cite {
    color: #81a0b2;
}

loud {
    color: #162d50;
}

muted {
    color:#557f98;
}

ul.b-alt {
	list-style-type: disc;
	list-style-position: outside;
}

.btn-info {
    border-radius: 50%;
}

.fas {
    margin-bottom: 2rem;
    color: #17a2b8;
}

.fas:hover {
    	opacity: 0.7;

}

/* photogallery styles */
.baths, .kitchens, .decks, .library-office, .porticos, .basement, .wholehomeremodel, .details, .laundry {
 
	padding: 2em 0 0 0;
}

#photogallery {
    padding: 5rem 0 3rem 0;
}
#photogallery .align {
	font-size: 6rem;
	text-align: center;
}
#photogallery img {
	max-width 100%;
    padding-bottom: 1rem;
}

.photogallery {
  background-color: #f2f9f8;
}

.photogallery img {
    	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=100);
	filter: grayscale(0%);
	opacity: 1;
	/*box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.photogallery img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=100);
	opacity: .9;
}



/* footer */
#footer {
    /*background: #454c57;*/
    background: #162d50;
    color: white;
    font-size: 1rem;
    padding: 2.5rem 0;
}

#footer a {
    color: #ffffff;
}

#footer img {
    width: 7rem;
}


@media screen and (min-width : 991px ) {
    
.about-content {
    display: flex;
    align-items: center;
}
    
}
/* Medium devices (tablets, 768px and down)*/
@media screen and (max-width : 768px ) {
    .jumbotron {
          background: url('img/purdue_wynn_kitchen_1_hdr.jpg') center center no-repeat;
}
    #callout {
        background: url('img/kitchen_cover_MOD_v2.jpg') bottom center no-repeat;
   
}
}

@media screen and (max-width : 576px ) {
.card {
  float: left;
  width: 100%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
    background-color: white;
}
    #photogallery .container {
        display: flex;
    }
    
   #testimonials .card {
      
      padding: .25rem;
      margin-bottom: .2rem;

}
    #testimonials .section-content {
    padding-bottom: .5rem;
}

    
}