@charset "UTF-8";
/* CSS Document */

		h1 {font-family: "Cormorant Garamond", serif;}
		.social {padding: 20px; text-align: right;}
		.logo {padding: 0 20px 40px 20px; text-align: center;}
	  	.carousel-indicators li {
  			width: 10px;
  			height: 10px;
  			border-radius: 100%;
		}
		
.tz-gallery {
    padding: 0px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 0px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Material Icons';
    content: 'link';
    pointer-events: none;
    z-index: 500;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(37, 37, 37, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}
		
		
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.blog .carousel-indicators .active {
background: #707070;
}

		.slider {padding: 100px; background-color: #c4b9ae}
		.card {width: 18rem;border:none;border-radius: 0px;}
		.arrow {padding-top:15%;}
		
		.foot {padding: 100px;}
		.btn {border-radius: 0px;}
		
		.copy {padding: 100px 20px 0px 20px;}
		.copy p {font-size: 14px; color: #BCBCBC;}
		.copy a {color: #BCBCBC;}
		
		img {pointer-events: none;}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  cursor: default;
  background: #323233;
  text-align: center;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80%;
  height: 50%;
  margin: auto;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #323233;
  text-align: center;
  position: relative;
  font-size: 19px;
  overflow: hidden;
  background-color: transparent;
  letter-spacing: 0.1em;
  line-height: 1.3em;
  padding: 0.5em 0;
}


.hovereffect:hover h2 {
	color: #ffdf6b;
}
		
		@media (max-width: 768px) {
			
			.hovereffect {
				margin-bottom: 10px;
			}
			
		}

@media screen and (max-width: 480px) {
	.slider {padding: 20px;}
	.arrow {display: none;}
	.card {width: 100% !important;}
}