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



/* Font Sets */
.body_copy {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400;
}
.header_font {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}
.main-caption {
	font-size: 3rem;
}
.purple-text {
	color: #51246c;
}
.bold-text {
	font-weight: 800;
}
.banner-body-copy {
	font-size: 1.5rem;
	line-height: 1.3;
}
.box_shadow {
	box-shadow:inset  0  70px 60px -35px #000, 
               inset  0 -70px 60px -35px #000;
}

.bg-purple {
  background-color: #51246c !important;
}

/* Navbar Changes */
.navbar_margins {
	padding-left: 75px;
	padding-right: 75px;
}
#nav_logo {
	-webkit-transition: height .25s ease-in-out; /* Safari prior 6.1 */
	transition: height .25s ease-in-out;
	height: 70px;
}
#nav_logo.shrink_logo {
	height: 40px;
}

.navbar-nav .active .nav-link {
	border-bottom: 2px solid #fff;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
	border-bottom: 2px solid #fff;
}



.hard_purple_line {
	border-bottom: 2px solid #51246c;
	/*box-shadow: 0px 5px 10px #888888;*/
}
/*.hard_purple_line::before {
	box-shadow: 0 5px 10px 0 #444;
	mix-blend-mode: multiply;
    content: " ";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}*/



/* Slick Slider CSS */
	.slider {
        width: 100%;
        margin: 50px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
	}



.web_bg {
	background-image: url(../images/main_texture_TALL_web_bg.jpg);
	background-size: cover;
}
.web_bg_balign {
	background-position: bottom;
}
.web_bg_talign {
	background-position: top;
}




#testimonials {
	padding: 5% 15%;
	background-color: #4b4b4b;
	background-image: url(../images/georgelis_web_image1920x1080.jpg);
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
}


#services {
	padding: 5% 15%;
}
#services img {
	max-height: 250px;
	padding: 20px 0 10px 0;
}
#services h2 {
	color: #51246c;
}
#services a {
	color: rgba(81, 36, 108, 1);
	text-decoration: none;
	white-space: nowrap;
}
#services a:hover {
	color: rgba(81, 36, 108, 0.7);
}


#proudly_representing {
	
}


#by_the_numbers {
	padding: 5% 15%;
	background-color: #51246c;
	background-image: url(../images/turf_web_texture1920x1536.jpg);
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
	line-height: 2em;
}
#by_the_numbers table {
	max-width: 900px;
	margin: auto;
	font-size: 30px;
}

#by_the_numbers th {
	text-align: center;
	padding-right: 1em;
}
#by_the_numbers td {
	padding-left: 1em;
	text-align: left;
}


#visual_break {
	padding: 5% 15%;
	min-height: 325px;
	background-color: #51246c;
	background-image: url(../images/partners_visual_break.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
	line-height: 2em;
}


#contact_banner {
	min-height: 10em;
	padding: 5em 20%;
}
#contact_banner p {
	font-size: 1.5em;
}
#contact_banner a {
	color: rgba(81, 36, 108, 1);
	text-decoration: none;
	font-weight: 800;
	white-space: nowrap;
}
#contact_banner a:hover {
	color: rgba(81, 36, 108, 0.7);
}


#organizations-facilities {
	padding-top: 150px;
}
#organizations-facilities h1{
	margin-bottom: 65px;
}
#organizations-facilities img {
	max-height: 150px;
	margin-bottom: 75px;
}

#corporate-partners {
	padding-top: 75px;
}
#corporate-partners h1{
	margin-bottom: 65px;
}
#corporate-partners img {
	max-height: 150px;
	margin-bottom: 75px;
}



#about {
	padding: 50px 0;
	font-size: 1.5em;
}
#about hr{
	border-top: 2px solid #000;
}
#about-container{
	max-width: 80%;
	margin: 65px auto 0px auto;
}
#about_visual_break {
	padding: 5% 15%;
	min-height: 325px;
	background-color: #51246c;
	background-image: url(../images/about_visual_break.jpg);
	background-position: 50% 20%;
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
	line-height: 2em;
}




#partnerships-image {
	margin-top: 94px;
	padding: 5% 15%;
	background-color: #51246c;
	background-image: url(../images/turf_web_texture1920x1536.jpg);
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
	line-height: 2em;
}
#partnerships-image img {
	max-height: 200px;
}
#partnerships {
	padding: 50px 0;
	font-size: 1.5em;
}
#partnerships hr{
	border-top: 2px solid #000;
}
#partnerships-container{
	max-width: 80%;
	margin: 0px auto;
}


#consultation-image {
	padding: 5% 15%;
	background-color: #51246c;
	background-image: url(../images/turf_web_texture1920x1536.jpg);
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
	line-height: 2em;
}
#consultation-image img {
	max-height: 200px;
}
#consultation {
	padding: 50px 0;
	font-size: 1.5em;
}
#consultation hr{
	border-top: 2px solid #000;
}
#consultation-container{
	max-width: 80%;
	margin: 0px auto;
}




#contact-image {
	margin-top: 94px;
	padding: 5% 15%;
	background-color: #51246c;
	background-image: url(../images/turf_web_texture1920x1536.jpg);
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
	line-height: 2em;
}
#contact-image img {
	max-height: 200px;
}
#contact, #contact a {
	padding: 50px 0;
	font-size: 1.5em;
	text-decoration: none;
}
#contact hr{
	border-top: 2px solid #000;
}
#contact-container{
	max-width: 80%;
	margin: 0px auto;
}
#contact p {
	font-size: 1.5em;
}
#contact a {
	color: rgba(81, 36, 108, 1);
	text-decoration: none;
	font-weight: 800;
	white-space: nowrap;
}
#contact a:hover {
	color: rgba(81, 36, 108, 0.7);
}





#footer {
	font-size: 1.5em;
	padding: 30px 1em;
	color: #fff;
	background-color: rgba(99,100,102,1.00);
}
#footer a {
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
}
#footer .text_alignment {
	text-align: center;
}
#footer img {
	padding-bottom: 15px;
}



/* Carousel CSS */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  margin-top: 94px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: initial;
  z-index: 10;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-caption p {
	line-height: 1.3em;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #51246c;
  box-shadow: 0 0 100px 25px #000 inset;
  width: 140%;
  margin: 0 -20% 0 -20%;
  padding: 0 20% 0 20%;
}
.carousel-item > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 992px) {
  /* Bump up size of carousel content */
  .carousel-caption h1 {
    font-size: 4rem;
  }
  .carousel-caption p {
	font-size: 2rem;
  }
  .main-caption {
    font-size: 4rem;
  }
  .banner-body-copy {
	font-size: 2rem;
  }
  .left_border {
	border-left: 4px #fff solid;
  }
  #footer .text_alignment {
	text-align: left;
  }
  #footer img {
	padding-bottom: 0px;
  }
  .web_bg {
	background-image: url(../images/main_texture_web_bg.jpg);
  }

	

}


/* End of Carousel CSS */

/* Multi-item Carousel CSS */