/** 
* Custom CSS
* 01 Map
* 02 Default Font
* 03 Navigation Pills on homepage
* 04 Carousel Homepage
* 05 Site Logo Text
 **/ 


/** 01 Map **/ 
/** Set the map height on the homepage **/ 
.map{height:30rem;}
@media (max-width:992px){
.map{height:75%;}
}

/** 02 Default Font **/
/** Change default font size - Homepage **/ 
body.page:not(.home) { font-size: 20px; }

/** 03 Pills **/
/** Pills - Homepage **/ 
.centered-pills { 
  text-align: center; 
  background: #EAEAEA; 
  font-size: 18px; 
} 
.centered-pills ul.nav-pills { 
  display: inline-block; 
} 
.centered-pills li { 
  display: inline; 
} 

/** Pills - Homepage - change stacked nav to horizontal on md-lg displays**/ 
@media (min-width: 768px) { 
  .nav-stacked > li { 
    display: inline-block;}
   
  .nav-stacked > li + li { 
    margin-top: 0; 
    margin-left: 2px;} 
}

/** 04 Carousel Homepage **/
/*
* Carousel on homescreen
*/

.carousel-fullscreen .carousel-inner .carousel-item {
    height: 100vh;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

/* overlay for better readibility of the caption  */
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    transition: all 0.2s ease-out;
}
/* .carousel .carousel-item {
    transition-duration: 1.5s;
}
*/

hr.divider{max-width:3.25rem;border-width:.2rem;border-color:#C8312F;}

/* demo typography */
.text-white {
    color: rgb(255, 255, 255);
}

.font-weight-bold {
    font-weight: 700;
}

.text-uppercase {
    text-transform: uppercase;
}


p.pcarousel {
    /* color: #6c757d; */
    color: #c0c0c0;
    font-weight: 400;
    font-size: 2.25rem;
    text-shadow: 2px 2px #000000;
}


.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.9;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}


.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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");
}

/* demo typography */

h1,
h2,
h3,
h4 {
	font-weight: 400;
}
@media (max-width: 767.98px) {
	.display-1 {
		font-size: 3.3rem;
	}
	.display-2 {
		font-size: 2.5rem;
	}
	.display-3 {
		font-size: 2rem;
	}
}

/*
* Carousel on homescreen END
*/

/* 05 Site Logo Text  */
.site-title .site-text-logo {
	text-transform: capitalize;
}
