body, .container {   

	background:#FAF9F6;
	font-family: "Montserrat", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 300 !important;  
	
}

/* Header Styles */
/* ------------------------------------------------ */
.contentHeading{	
	text-align: left;
	padding-left: 0;
	font-size: 4em;
	color: black;
	opacity: 1;  
	font-weight: 200;


}
	
 
.animated {
	text-indent: 8px;
	color: #6a994e;
	font-weight: 200;
}

.animated:before {
  position: relative;

  content: "Sculptor.";
  animation: topToBottom 5s infinite 0s;
  animation-delay: .5s;
}

@keyframes topToBottom {
  0% {
    content: "Sculptor.";
  }
  20% {
    content: "Painter.";
	
  }
   40% {
    content: "Creator.";
  }
   60% {
    content: "Maker.";
  }
  80% {
    content: "Artist.";
  }
  100% {
    content: "Sculptor.";
  }
}

/* Nav bar Styles */
/* ------------------------------------------------ */
.brandTitle{
	
	max-width:70vw;
}
.solidNav{
	background: #FAF9F5 ;
	border-bottom: 5px solid #EBE1D7
 ;
	
}
 a.nav-link{
	color: #6a994e;
	font-weight: bold;
		text-transform: uppercase;
 }
 
 a.nav-link:hover{
	color: black;
	font-weight: bold;
 }
 
 
 
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

a.active, a.active:hover {
	font-weight:bold;
	text-decoration:underline; 
	text-underline-offset: 0.5em;
	text-decoration-color: #a5a58d;
	color: black;
}

.navbar{
	
	text-align: center;
}

.collapse.in{
    display:block !important;
    position:absolute;
    float:right;
    right: 0;
}

/* Works Page Styles */
/* -------------------------------------------*/
.workTitle {
	padding-top:5px;
	text-align: center;
	font-size: 14pt;
	
	
}
.carousel-item{
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
	
}
.multi-item-carousel {
	  overflow: hidden;
}

.multi-item-carousel .carousel-indicators {
  margin-right: 25%;
  margin-left: 25%;
}

.multi-item-carousel .carousel-control-prev,
.multi-item-carousel .carousel-control-next {
  background: rgba(255, 255, 255, 0.3);
  width: 25%;
  z-index: 11;
  /* .carousel-caption has z-index 10 */
}

.multi-item-carousel .carousel-inner {
  width: 150%;
  left: -25%;
}

.multi-item-carousel .carousel-item-next:not(.carousel-item-left),
.multi-item-carousel .carousel-item-right.active {
  -webkit-transform: translate3d(33%, 0, 0);
  transform: translate3d(33%, 0, 0);
}

.multi-item-carousel .carousel-item-prev:not(.carousel-item-right),
.multi-item-carousel .carousel-item-left.active {
  -webkit-transform: translate3d(-33%, 0, 0);
  transform: translate3d(-33%, 0, 0);
}

.multi-item-carousel .item__third {
  float: left;
  position: relative;
  width: 100%;
}

.multi-item-carousel img {
  width: 33.333333%;
  width: 23.333333%;
  
  height: 60vh;
  max-height: 60vh;
  object-fit: cover;
}
.object-fit-scale-down {
 
  object-fit: scale-down !important;
}

.multi-item-carousel {
  overflow: hidden;
}
.multi-item-carousel .carousel-indicators {
  margin-right: 25%;
  margin-left: 25%;
}
.multi-item-carousel .carousel-control-prev,
.multi-item-carousel .carousel-control-next {
  background: rgba(255, 255, 255, 0.3);
  width: 25%;
  z-index: 11; /* .carousel-caption has z-index 10 */
}
.multi-item-carousel .carousel-inner {
  width: 150%;
  left: -25%;
}
.multi-item-carousel .carousel-item-next:not(.carousel-item-left),
.multi-item-carousel .carousel-item-right.active {
  -webkit-transform: translate3d(33%, 0, 0);
  transform: translate3d(33%, 0, 0);
}
.multi-item-carousel .carousel-item-prev:not(.carousel-item-right),
.multi-item-carousel .carousel-item-left.active {
  -webkit-transform: translate3d(-33%, 0, 0);
  transform: translate3d(-33%, 0, 0);
}
.multi-item-carousel .item__third {
  float: left;
  position: relative;
  width: 33.33333333%;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

#mobileCarousel{
	display:none;
	
}
.mobileWorks{
	
	height:40vh;
	
	
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 1051; /* Above Bootstrap's modal overlay */
  overflow:hidden;
}

.overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width : 71%;
}

/* Ensure .btn-close is visible on the dark background */
.btn-close {
  filter: invert(1);
  float:right;

}

.overlay {
    /* Other styles */
    height:0px;
	transition: height 1s;
}

.activeImg {
    height: 100vh;
	transition: height 1s;
}

#thumbDetail1, #thumbDetail2, #thumbDetail3, #thumbDetail4 {
	padding: 5px;

}

.thumbnails{
	position: relative; 
    bottom: 0; 
    width: 50%; 
    height: auto; 
	display: block;
}

.activeThumb{
	border: 1px solid black;

}
.displayImg{
	text-align: center;
	display: inline-block;
	
}
#displayImg{
	
	height: auto;
	width: 50vw;
	
	max-height: 75vh;
	max-width:50vw;

}
.works-background{
	background: rgba(255, 255, 255, 0.2) !important;						
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
	backdrop-filter: blur(15px) !important	;
	-webkit-backdrop-filter: blur(15px)!important	;
	border: 1px solid rgba(255, 255, 255, 0.3)!important	;
}

.works-foreground {
	object-fit:scale-down !important	;
	z-index:4 !important	;
	position:relative !important	;
}
/* Content Styles */
/* ------------------------------------------- */
.headerText{
	
	color: #6a994e;
	font-weight: 400 !important;
	text-transform: uppercase;
	
}
h4, h5{

	color: #6a994e;
	text-align: left;
	
}

h5 {
	text-align: left;
}

h1{
	text-align:center;
	color: #6a994e;
	padding:0;
	margin-bottom:0;  
}
h1,h2,h3,h4,h5{
	
	font-weight: 250 !important;
	text-transform: uppercase;
}
a.nav-link{
	font-weight: 400;
}
.container{
	/*min-height: 90vh;*/
	padding-top: 0;
	margin-top: 0;
}


.pageHeader{
	background-color:#F6EDE6;

	
	padding:0;
	
}

.featurette{
	
	margin-top:2%;
}

.footerText{
	color: #6a994e;
	
}
/* CV Page */
/* -------------------------------------------*/
.CVList{
    list-style-type: none;
	border-left: 1px solid gray;

	display:block;
	text-align: left;
	
}

.cvMobile{
	display:none;
	
}
/* Contact Page */
/*---------------------------------------------*/
.contact{
	font-size: 2em;
	vertical-align: middle;
	color: #6a994e;

}
.contact:hover{
	font-size: 2em;
	color: #000000;
}
.contactText{
	
	padding:5px;
	text-align: center;
}
.btn{
	background-color: black;
	border: 1px solid black;
	
	
	
}
.btn:hover{
	background-color: #6a994e;
	border: 1px solid #6a994e;
	
}

.contactInfo{
	padding-top:20%;
	padding-left: 10px;
}

/* Responsive Styles */
/* ------------------------------------------------ */
/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px)  { 
	.contentHeading, h1{
		font-size: 1.5em;
	}
	
	
 }

@media (max-width:500px)  { 
	
.contentHeading, h1{
		font-size: 1.5em;
	}
	
	#desktopCarousel{
		display:none;
	
	}
	#mobileCarousel{
		display:block;
		
	}
	.overlay-content {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width : 100%;
	}

	/* Ensure .btn-close is visible on the dark background */
	.btn-close {
	  filter: invert(1);
	  float:right;
	  margin-right:5%;

	}

	.overlay {
		/* Other styles */
		height:0px;
		transition: height 1s;
	}

	.activeImg {
		height: 100vh;
		transition: height 1s;
	}

	#thumbDetail1, #thumbDetail2, #thumbDetail3, #thumbDetail4  {
		padding: 5px;
		max-width: 21vw;
		max-height: 10vh;
		height:20vh;
		width:auto;

	}

	.thumbnails{
		position: relative; 
		width: 100%; 
		display:inline-block;
	}

	.activeThumb{
		border: 1px solid black;

	}
	#displayImg{
		
		width: auto;
		max-width:90vw;
		max-height:50vh;
		
	}
	.displayImg{
		text-align: center;
		display: inline-block;
	}
	.cvDesktop{
		
		display:none;
		
	}
	
	.cvMobile{
		display:block;
		
	}
	
	.filterIcon{
		
		float:right;
		color:#000;;
	}
}
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px)  { 
	
	.contentHeading,h1{
		font-size: 2.5em;
	}
	
	.overlay-content {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width : 100%;
	}

	/* Ensure .btn-close is visible on the dark background */
	.btn-close {
	  filter: invert(1);
	  float:right;
	  margin-right:5%;

	}

	.overlay {
		/* Other styles */
		height:0px;
		transition: height 1s;
	}

	.activeImg {
		height: 100vh;
		transition: height 1s;
	}

	#thumbDetail1, #thumbDetail2, #thumbDetail3, #thumbDetail4  {
		padding: 5px;
		max-width: 22vw;
		max-height: 10vh;
		height:20vh;
		width:auto;

	}

	.thumbnails{
		position: relative; 
		width: 100%; 
		display:inline-block;
	}

	.activeThumb{
		border: 1px solid black;

	}
	#displayImg{
		
		max-width:60vw;
		max-height:50vh;
		
	}
	.displayImg{
		text-align: center;
		display: inline-block;
	
	}
	
	.filterIcon{
		
		float:right;
		color:#000;;
	}
	
	#desktopCarousel{
		display:none;
	
	}
	#mobileCarousel{
		display:block;
		
	}
	
	.cvDesktop{
		
		display:none;
		
	}
	
	.cvMobile{
		display:block;
		
	}
	
	.filterIcon{
		
		float:right;
		color:#000;;
	}
 }
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:854px)  { 
	.contentHeading, h1{
		font-size: 2.5em;
	}
	
	#desktopCarousel{
		display:none;
	
	}
	#mobileCarousel{
		display:block;
		
	}
	
	.cvDesktop{
		
		display:block;
		
	}
	
	.cvMobile{
		display:none;
		
	}
	
	
 }
/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px)  { 
	
	.contentHeading, h1{
		font-size: 3em;
	}
	
	#mobileCarousel{
		display:none;
		
	}
	.mobileWorks{
		
		height:40vh;
		
	}
	.overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: white;
	  z-index: 1051; /* Above Bootstrap's modal overlay */
	  overflow:hidden;
	}

	.overlay-content {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width : 71%;
	}

	/* Ensure .btn-close is visible on the dark background */
	.btn-close {
	  filter: invert(1);
	  float:right;

	}

	.overlay {
		/* Other styles */
		height:0px;
		transition: height 1s;
	}

	.activeImg {
		height: 100vh;
		transition: height 1s;
	}

	#thumbDetail1, #thumbDetail2, #thumbDetail3, #thumbDetail4  {
		padding: 5px;

	}

	.thumbnails{
		position: relative; 
		bottom: 0; 
		width: 50%; 
		height: auto; 
		display: block;
	}

	.activeThumb{
		border: 1px solid black;

	}
	.displayImg{
		text-align: center;
		display: inline-block;
		
	}
	#displayImg{
		width:auto;
		max-height: 75vh;
		max-width:50vw;
	}
	
	.cvDesktop{
		
		display:block;
		
	}
	
	.cvMobile{
		display:none;
		
	}
	

 }
/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) { 

	.contentHeading, h1{
		font-size: 3.5em;
	}
	
	#desktopCarousel{
		display:block;
	
	}	
	#mobileCarousel{
		display:none;
		
	}
	.mobileWorks{
		
		height:40vh;
		
	}
	.overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: white;
	  z-index: 1051; /* Above Bootstrap's modal overlay */
	  overflow:hidden;
	}

	.overlay-content {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width : 71%;
	}

	/* Ensure .btn-close is visible on the dark background */
	.btn-close {
	  filter: invert(1);
	  float:right;

	}

	.overlay {
		/* Other styles */
		height:0px;
		transition: height 1s;
	}

	.activeImg {
		height: 100vh;
		transition: height 1s;
	}

	#thumbDetail1, #thumbDetail2, #thumbDetail3, #thumbDetail4  {
		padding: 5px;

	}

	.thumbnails{
		position: relative; 
		bottom: 0; 
		width: 50%; 
		height: auto; 
		display: block;
	}

	.activeThumb{
		border: 1px solid black;

	}
	.displayImg{
		text-align: center;
		display: inline-block;
		
	}
	#displayImg{
		width: auto;
		max-height: 75vh;
		max-width:50vw;
	}
	.cvDesktop{
		
		display:block;
		
	}
	
	.cvMobile{
		display:none;
		
	}
	

}
/* hi-res laptops and desktops */
@media (min-width:1281px) { 
	.contentHeading,h1{
		font-size: 3em;
	}
	#desktopCarousel{
		display:block;
	
	}
	#mobileCarousel{
		display:none;
		
	}
	
	.mobileWorks{
		
		height:40vh;
		
	}
	.overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: white;
	  z-index: 1051; /* Above Bootstrap's modal overlay */
	  overflow:hidden;
	}

	.overlay-content {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width : 71%;
	}

	/* Ensure .btn-close is visible on the dark background */
	.btn-close {
	  filter: invert(1);
	  float:right;

	}

	.overlay {
		/* Other styles */
		height:0px;
		transition: height 1s;
	}

	.activeImg {
		height: 100vh;
		transition: height 1s;
	}

	#thumbDetail1, #thumbDetail2, #thumbDetail3, #thumbDetail4  {
		padding: 5px;

	}

	.thumbnails{
		position: relative; 
		bottom: 0; 
		width: 50%; 
		height: auto; 
		display: block;
	}

	.activeThumb{
		border: 1px solid black;

	}
	.displayImg{
		text-align: center;
		display: inline-block;
		
	}
	#displayImg{
		width: auto;
		max-height: 75vh;
		max-width:50vw;
	}
	.cvDesktop{
		
		display:block;
		
	}
	
	.cvMobile{
		display:none;
		
	}
	

 }
 
/* Cards */
.postcard {
  flex-wrap: wrap;
  display: flex;
  box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
  border-radius: 10px;
  margin: 0 0 2rem 0;
  overflow: hidden;
  position: relative;
  color: #ffffff;
}

.postcard.light {
  background-color: #F6EDE6;
}
.postcard .t-dark {
  color: #18151f;
}
.postcard a {
  color: inherit;
}
.postcard h1, .postcard .h1 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.postcard .small {
  font-size: 80%;
}
.postcard .postcard__title {
  font-size: 1.75rem;
}
.postcard .postcard__img {
  max-height: 180px;
  width: 100%;
  object-fit: cover;
  position: relative;
}
.postcard .postcard__img_link {
  display: contents;
}
.postcard .postcard__bar {
  width: 0px;
  height: 10px;
  margin: 10px 0;
  border-radius: 5px;
  background-color: ##6a994;
  transition: width 0.2s ease;
}
.postcard .postcard__text {
  padding: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.postcard .postcard__preview-txt {
  overflow: hidden;
  text-overflow: ellipsis;

  height: 100%;
}
.postcard .postcard__tagbox {
  display: flex;
  flex-flow: row wrap;
  font-size: 14px;
  margin: 20px 0 0 0;
  padding: 0;
  justify-content: center;
}
.postcard .postcard__tagbox .tag__item {
  display: inline-block;
  background: #6a994e;
  border-radius: 3px;
  padding: 2.5px 10px;
  margin: 0 5px 5px 0;
  cursor: default;
  user-select: none;
  transition: background-color 0.3s;
  color:white;
}
.postcard .postcard__tagbox .tag__item:hover {
  background: rgba(83, 83, 83, 0.8);
}
.postcard:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(-70deg, #424242, transparent 50%);
  opacity: 1;
  border-radius: 10px;
}
.postcard:hover .postcard__bar {
  width: 300px;
}

@media screen and (min-width: 769px) {
  .postcard {
    flex-wrap: inherit;
  }
  .postcard .postcard__title {
    font-size: 2rem;
  }
  .postcard .postcard__tagbox {
    justify-content: start;
  }
  .postcard .postcard__img {
    max-width: 300px;
    max-height: 100%;
    transition: transform 0.3s ease;
  }
  .postcard .postcard__text {
    padding: 3rem;
    width: 100%;
  }
  .postcard .media.postcard__text:before {
    content: "";
    position: absolute;
    display: block;
    background: #18151f;
    top: -20%;
    height: 130%;
    width: 55px;
  }
  .postcard:hover .postcard__img {
    transform: scale(1.1);
  }
  .postcard:nth-child(2n+1) {
    flex-direction: row;
  }
  .postcard:nth-child(2n+0) {
    flex-direction: row-reverse;
  }
  .postcard:nth-child(2n+1) .postcard__text::before {
    left: -12px !important;
    transform: rotate(4deg);
  }
  .postcard:nth-child(2n+0) .postcard__text::before {
    right: -12px !important;
    transform: rotate(-4deg);
  }
}
@media screen and (min-width: 1024px) {
  .postcard__text {
    padding: 2rem 3.5rem;
  }

  .postcard__text:before {
    content: "";
    position: absolute;
    display: block;
    top: -20%;
    height: 130%;
    width: 55px;
  }

  .postcard.dark .postcard__text:before {
    background: #18151f;
  }

  .postcard.light .postcard__text:before {
    background: #F6EDE6;
  }
}
/* COLORS */

.postcard .postcard__tagbox .blue.play:hover {
  background: #0076bd;
}

.blue .postcard__title:hover {
  color: #0076bd;
}

.blue .postcard__bar {
  background-color: #6a994e;
}

.blue::before {
  background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}

.blue:nth-child(2n)::before {
  background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}


@media screen and (min-width: 769px) {
  
  .blue::before {
    background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
  }

  .blue:nth-child(2n)::before {
    background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
  }

}