/*Body Related CSS*/
body {padding-top: 68px; padding-bottom: 60px; height: 100%; background-color: rgba(84, 120, 82, 1); color: inherit;}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

@media only screen and (min-width : 1200px) {
    .carousel-caption
    {
      top: 50%;
      text-align: right;
    }
  }

  /*NavBar Customization*/
.navbar-custom {
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
  }
  
  /* change the brand and text color */
  .navbar-custom .navbar-brand,
  .navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
  }
  
  /* change the link color */
  .navbar-custom .navbar-nav .nav-link {
    color: rgba(185, 207, 104, 0.5);
  }
  
  /* change the color of active or hovered links */
  .navbar-custom .nav-item.active .nav-link,
  .navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
  }
  

/*Font Types*/
.gf-1 {font-family:'Lato', sans-serif;}
.gf-2 {font-family:'Playfair Display', serif;}
.gf-3 {font-family:'Roboto', sans-serif;}

/*Carousel Mobile*/
@media (max-width:800px) {
    #carousel {display:none !important;}
	body {padding-top:75px;}
} 

.carousel-inner {width:100%; max-height: 650px !important;}
.carousel-caption {top: 10px; bottom:auto; text-align:left;}

/*footer {position: fixed; left: 0; bottom: 0; width: 100%; text-align: center;}*/
.cp-1 {padding-bottom: 50px;}
.cp-t-1{padding-top: 10px;}

.bdy-fixed-bg {height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment:fixed;}
		
.bg-tp-w-1 {background-color: rgba(255,255,255, 0.7); color: inherit;}
.bg-tp-w-2 {background-color: rgba(255,255,255, 0.9); color: inherit;}
.bg-tp-b {background-color: rgba(0,0,0, 0.9); color: inherit;}
.bg-tp-hg-1 {background-color: rgba(148, 228, 43, 0.767); color: inherit;}
.bg-tp-hb-1 {background-color: rgba(38, 77, 115, 0.7); color: inherit;}
.bg-tp-hb-2 {background-color: rgba(38, 77, 115, 0.9); color: inherit;}
.bg-tp-hsc-1 {background-color: rgba(28, 35, 49, 0.7); color:inherit;}
.bg-hg {background-color: rgba(140,198,63, 1.0); color: inherit;}
.bg-hb {background-color: rgba(38, 77, 115, 1); color: inherit;}
.c-hg {color: rgba(140,198,63, 1.0); color: inherit;}

/*JLC Colors*/
.bg-jlc-1 {background-color: rgba(23, 71, 20, 1); color: inherit;}
.bg-jlc-2 {background-color: rgba(84, 120, 82, 1); color: inherit;}

.bg-home-1 { /* Green */ color: #ffffff;}
.bg-footer { min-height: 20px; background-color:  rgba(148, 228, 43, 0); color: #000000;}
.bg-btm-navbar { min-height: 20px; color: #000000;}
.bg-white {background: #ffffff; }
.bd-home {margin-left: 0; margin-right: 0; min-height: 532px; background-color: rgba(35,39,41,0.9); background-size:cover; background-repeat: no-repeat;}
.bd-all {margin-left: 0; margin-right: 0; min-height: 100px; text-align: center; padding-top: 10px; padding-bottom: 10px; background-color: rgba(38, 77, 115, 0.7); background-image: url("/img/site/bkgd/JLC_pageDesc.jpg"); background-repeat: repeat; }

.rw-1 {margin-left: auto; margin-right: auto; min-width: auto; max-width: 1200px;}
.rw-2 {margin-left: auto; margin-right: auto; min-width: auto; max-width: 1920px;}
.rw-3 {margin-left: auto; margin-right: auto; min-width: auto; max-width: 2560px;}
.rw-4 {margin-left: auto; margin-right: auto; min-width: auto; max-width: 1440px;}

.gf-1{font-family:'Titillium Web';}
.gf-2{font-family:'Old Standard TT';}

.wh-list-item{border-top: 1px solid #DFDFDF; padding: 10px; list-style:none;}
.wh-cap-item{border-bottom: 1px solid #DFDFDF; list-style:none;}

.ht-tpzd-l {-webkit-clip-path: polygon(0 0, 57% 0, 82% 100%, 0 100%); clip-path: polygon(0 0, 57% 0, 82% 100%, 0 100%);}
.ht-tpzd-r {-webkit-clip-path: polygon(54% 0, 100% 0, 100% 100%, 34% 100%); clip-path: polygon(54% 0, 100% 0, 100% 100%, 34% 100%);}


.ht-msg {min-height: 290px; border-radius: 45px;}
.error404 {min-height: 1080px; }
.spacer {min-height: 700px; }
.hdr {min-height: 75px; }
.indent { margin: 0 0 0 20px;}


		
 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }