@import url('https://fonts.googleapis.com/css?family=Lato:700|Raleway:300,400,600,700');
/* font-family: 'font-family: 'Raleway', sans-serif;  font-family: 'Lato', sans-serif;   */

body{background-color: #fff; font-family: 'Raleway', sans-serif; }

.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

/*typography and colors */
h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif; font-weight: 300!important}
p{font-weight: 300; font-size: .9em}
.green{color: #30B80C !important}



/* navigation */
.navbar-brand img.logo{max-width: 170px;}
.navbar {top: 45px; background: #fff; transition: all 0.3s;padding-top: 30px;
  padding-bottom: 30px;} 
.pagewide { height: 45px; background-color: #e9e9e9; color: #000; font-size: 11px; text-align: right;}
.pagewide a{color:#1D6320 }

li.nav-item{margin: 0px 5px ;}
.nav-link{ color: #000; font-family: 'Raleway', sans-serif; font-size: .85em; font-weight: 600 }
.nav-link:hover {color: #1D6320;}

.custom-toggler.navbar-toggler {border-color: rgb(0,0,0);}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.navspacer{height: 80px;}
.navbar.compressed {
  top: 0px; 
  padding-top: 5px;
  padding-bottom: 5px;
  background: #fefefe;
  color: #6dcc7c;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/* mylayout */
.in-container{margin-top: 46px;}

/* mycomps */
.idx-introcard{max-height: 500px; } .idx-introcard2{max-height: 350px; } .inner-banner{max-height: 600px; }
.idx-introcard img, .idx-introcard2 img, .inner-banner img{width: 100%;height: 100%;object-fit: cover;}
.idx-introcard{min-height: 100%}

.bgtext {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}



footer{font-size: 80%;}

/* utilities */
.valign{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.wspace-50{display: block;height: 50px;}
.wspace-20{display: block;height: 20px;}
.wspace-150{display: block;height: 150px;}



@media only screen and (min-width: 250px) and (max-width: 768px);
{




}