/*******************************************
USE THIS FILE TO INCLUDE YOUR OWN CSS STYLES
********************************************/
body{
  background-color: #e8e6e0;
}
.cd-hero__slide{
  max-height: 84vh;
}
.navbar-brand{
 margin-top: -11px;
 margin-bottom: -15px;
 width: 190px;
}
@media only screen and (max-width: 620px) {
  .navbar-brand{
   margin-top: -6px;
   margin-bottom: -15px;
   width: 175px;
  }
}
#cta{
  -webkit-box-shadow: -1px 10px 26px -19px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 10px 26px -19px rgba(0,0,0,0.75);
  box-shadow: -1px 10px 26px -19px rgba(0,0,0,0.75);
}
#main-menu{
  background-color: #f3f0ec !important;
}

.slider-text{
  font-family: 'Raleway', sans-serif;
}
.section-title{
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
.media-heading{
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
.column-title{
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
.footer-text{
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
.section-text{
  font-family: 'Josefin Slab', serif;
  font-weight: 500;
  font-size: 1.1em;
}
[v-cloak] { display: none; }
.section-text-bold{
  font-family: 'Josefin Slab', serif;
  font-weight: 700;
  font-size: 1.1em;
}
.section-subheading{
  font-family: 'Josefin Slab', serif;
  font-weight: 500;
  font-size: 1.2em;
}

/* < 793  > */
.portfolio-text{
  font-family: 'Josefin Slab', serif;
  font-size: 1em;
  margin-bottom: 16px;
  margin-top: 20px;

}
.nav-tabs{
  font-family: 'Raleway', sans-serif;
}
.nav-pills{
  font-family: 'Raleway', sans-serif;
}
#contact-area{

  background:
          /* top, transparent black, faked with gradient */
          linear-gradient(
            rgba(0, 0, 0, 0.9),
            rgba(0, 0, 0, 0.9)
          ),
          /* bottom, image */
          url(../images/latest/west-half-street.jpg);

  /* background-image: url("../images/latest/west-half-street.jpg"); */
}
.instance{
    margin-bottom: 6px;
    margin-bottom: 6px;
}
.portfolio-image{
  -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
}
.portfolio-image:hover{
  -webkit-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.75);
}
.round-border{
  border-radius: 4px;
}
.shadow-img{
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
}

.nav-pills>li.active>a{
  background-color: #BE202D;
}
.nav-pills>li.active>a:hover{
  background-color: #981924;
}


.item{
  height: 88vh !important;
}
.slide-notes{
  top: 60vh;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  position:relative;
  background-color: #C5BFA8;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
  max-width: 60%;
  border-left: solid 7px #BE202D;
  -webkit-box-shadow: 0px 3px 4px 0.4px rgba(31,31,31,1);
  -moz-box-shadow: 0px 3px 4px 0.4px rgba(31,31,31,1);
  box-shadow: 0px 3px 4px 0.4px rgba(31,31,31,1);
}
@media only screen and (max-width: 400px) {
  .slide-notes {
    top: 48vh;
    padding-left: 20px;
    padding-top: 4px ;
    padding-bottom: 5px;
    padding-right: 5px;
    max-width: 60%;
  }
  .slide-title{
    font-size: 1.2em !important;
    color: #eee;
    text-shadow: 2px 2px #aaa;
  }
  .slide-text{
    font-size: 1em !important;
    color: #eee;
    text-shadow: 2px 2px #aaa;

  }
}
.slide-title{
  font-size: 1.6em;
  color: #eee;
  text-shadow: 2px 2px #aaa;
}
.slide-text{
  font-size: 1.2em;
  color: #eee;
  text-shadow: 2px 2px #aaa;

}

#main-menu.navbar-default .dropdown-menu{
  background-color: rgba(255, 255, 255, 0.9);
  height:80px;
  padding-left: 0px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(28,28,28,1);
-moz-box-shadow: 1px 1px 5px 0px rgba(28,28,28,1);
box-shadow: 1px 1px 5px 0px rgba(28,28,28,1);
}
.dropdown-item{
  padding-left:20px;
  margin-bottom: 10px;
}
.dropdown-item:hover{
  border-left: solid 2px #BE202D;
  /* padding: 30px; */
}
.latest-img{
  width: 100%;
  border-radius:4px;
  -webkit-box-shadow: 0px 3px 4px 0.4px rgba(31,31,31,1);
  -moz-box-shadow: 0px 3px 4px 0.4px rgba(31,31,31,1);
  box-shadow: 0px 3px 4px 0.4px rgba(31,31,31,1);"
}

.hero{
  /* Sizing */
width: 100vw;
height: 100vh;

/* Flexbox stuff */
/* display: flex; */
justify-content: center;
align-items: center;

/* Text styles */
text-align: center;
}












hr.fancy-line {
    border: 0;
    height: 1px;
    position: relative;
    margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
}
hr.fancy-line:before {
    top: -0.5em;
    height: 1em;
}
hr.fancy-line:after {
    content:'';
    height: 0.5em;   /* half the height of :before */
    top: 1px;        /* height of hr*/
}

hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}

body, hr.fancy-line:after {
    background: #f4f4f4;
}