@charset "UTF-8";

/* ---------------- NAV ---------------- */

.nav-link{
  font-family:"Montserrat", sans-serif;
  text-transform:uppercase;
  color:black;
}

.nav-link:hover{
  color:darkolivegreen;
}

/* ---------------- HEADINGS ---------------- */

.fs-2{
  font-family:"Montserrat", sans-serif;
  font-weight:700;
  text-transform:uppercase;
  color:black;
}

/* ---------------- BODY TEXT ---------------- */

.para-1{
  font-family:"Montserrat", sans-serif;
  color:black;
}

/* ---------------- GREEN TEXT BLOCK ---------------- */

.gr_bg{
  background-color:#7d8b6a;
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.gr_bg p{
  line-height:1.65;
  margin-bottom:1rem;
}

/* white text version (contact/about sections) */

.gr_bg,
.gr_bg h1,
.gr_bg p,
.gr_bg a{
  color:white;
}

/* ---------------- HERO ---------------- */

.hero-section{
  margin-top:40px;
}

/* LEFT TEXT AREA */

.hero-text{
  background:#8f9b79;
  display:flex;
  align-items:center;
}

.hero-inner{
  max-width:520px;
  margin-left:80px;
}

.hero-text h1{
  font-size:64px;
  letter-spacing:2px;
  color:white;
  margin-bottom:30px;
}

.hero-text p{
  font-size:20px;
  line-height:1.7;
  color:white;
  margin-bottom:40px;
}

/* BUTTON */

.hero-btn{
  background:#1e261c;
  color:white;
  padding:16px 32px;
  text-decoration:none;
  font-size:18px;
  display:inline-block;
}

.hero-btn:hover{
  background:#111;
}

/* HERO IMAGE */

.hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ---------------- CONTACT / ABOUT IMAGE FIX ---------------- */

#hanging_icons img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ---------------- JUMBOTRON TEXT ---------------- */

.jumbocap{
  font-family:"Montserrat", sans-serif;
  text-shadow:2px 2px 8px #000000;
}

.cap_sub{
  font-family:"Montserrat", sans-serif;
  text-transform:uppercase;
  color:black;
  text-shadow:1px 1px 6px #000000;
}

/* ---------------- DESATURATION HOVER ---------------- */

.desat{
  filter:grayscale(0%);
  transition:.3s ease;
}

.desat:hover{
  filter:grayscale(100%) blur(3px);
}

/* ---------------- ICONS ---------------- */

.bi_clr{
  color:black;
  font-size:24px;
}

.bi_clr:hover{
  color:darkolivegreen;
}

/* ---------------- PORTFOLIO HOVER EFFECT ---------------- */

.hover-white{
  color:#ffffff;
  font-family:"Montserrat", sans-serif;
  text-transform:uppercase;
  text-shadow:1px 1px 6px #000000;
}

.hover-blur a{
  display:block;
  position:relative;
  overflow:hidden;
}

.hover-blur img{
  width:100%;
  height:auto;
  transition:all .5s ease-in-out;
}

.hover-blur:hover img{
  transform:scale(1.2);
  filter:grayscale(.6) blur(1px);
}

.hover-blur a h2{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  padding:45% 20px;
  text-align:center;
  background-color:rgba(0,0,0,0.5);
  opacity:0;
  transition:.5s;
}

.hover-blur:hover a h2{
  opacity:1;
}

.hover-blur .text-white{
  transform:scale(0);
  opacity:0;
  transition:.5s;
}

.hover-blur:hover .text-white{
  transform:scale(1);
  opacity:1;
}