.exotic {
  font-family:'Exotc350';
  text-transform: capitalize;
}

.asl {
    font-family: "Averia Sans Libre";
}

.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > * {
      display: block; }


.left {
  float: left !important; }

.right {
  float: right !important; }

.chmp-footer-bottom {
  background: #e8e8e8;
  padding: 20px;
  border-top: 1px solid #484848;
  margin-top:40px;
}

label.error, .error {color: #EA5200; font-weight: bold;padding-left: 24px;padding-bottom: 2px; background:url("/images/unchecked.gif") no-repeat 4px 0px;}
label.checked, .checked {line-height:-10px; background:url("/images/checked.gif") no-repeat 4px 0px;}


.sign-in {position: fixed;top: 2px;right: 20px;z-index: 9999;}

.loginPanel{
    
    display: none;
    color: #000;
    background:#FFF;
    }

.controlContainer {
	padding:10px;
	border:1px solid #c4cddb;
	border-top-color:#d3dbde;
	border-bottom-color:#bfc9dc;
	box-shadow:0 1px 1px #ccc;
	border-radius:5px;
    z-index:2;
    }



  .controlContainer ul li {
	margin:10px 10px 10px 10px;
    list-style:none;
    }
    

/* show disabled properties for buttons in chrome and firefox */
input[disabled="disabled"], input[disabled="disabled"]:hover, .editborderdiv input[disabled="disabled"],.editborderdiv input[disabled="disabled"]:hover {background:#F0F0F0; color:#C2C2C2; }

.controlContainer .small, #vtab .small,.editborderdiv .small
{
    padding:5px 5px;
    width: 70px;
    padding:5px;
    border-radius:5px;
}

.orangeBut, .controlContainer .orange {
    /*padding:5px 5px;  
        width: 150px;
        font-weight: bold;
    */
    color: #fef4e9;
    font-size: 1em;
    border-radius: 5px;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    cursor: pointer;
}

.orangeBut:hover, .controlContainer .orange:hover {
    background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.controlContainer .orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.controlContainer input[type=text], .controlContainer textarea, .controlContainer input[type=password], .controlContainer input[type=file], #vtab input[type=text], .editborderdiv input[type=text] {
	padding:5px 5px;
	border:1px solid #d5d9da;
	border-radius:5px;
	box-shadow: 0 0 5px #e8e9eb inset;
    FONT: 1em verdana,arial,helvetica,sans-serif; 
	outline:0; 
	width:200px;
    }

.controlContainer input[type=file] { width: 100%;}

.controlContainer input[type=text]:focus, .controlContainer input[type=password]:focus,.controlContainer input[type=file]:focus, .controlContainer textarea:focus, #vtab input[type=text]:focus
{
    border: 1px solid #b9d4e9;
    border-top-color: #b6d5ea;
    border-bottom-color: #b8d4ea;
    box-shadow: 0 0 5px #b9d4e9;
}
#sNav { background: #f2f2f2; }

.fTop {
  top: 90px;
  position: fixed;
  z-index: 90;
    width: 20%;
}

.headlpc{background:url(/images/headlpc.jpg)  center center no-repeat; }
.headsg{background:url(/images/headsg.jpg)  center center no-repeat; }
.headmb {background: url(/images/headmb.jpg) center center no-repeat;}

.pLax { 
    background-size: cover;
    background-attachment: scroll;
    min-height: 210px;
    }


.borderdiv {
  text-align: left;
  border-bottom: 1px solid #E4C55A;
  border-right: none;
  padding: 2px;
  width: 100%;
  background: #FFF; }

.regionDiv {
  font-size: 1.8em;
  font-family: 'Averia Sans Libre';
  font-weight: 400;
  width: 100%; }

.borderdiv a {
  font-weight: bold;
  font-size: 0.8rem;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #3C6C84;
  TEXT-DECORATION: none; }


.header, .blueheader, .greenheader, .redheader, .blackHeader, .whiteHeader, A.redheader:link, A.redheader:visited {
    font-size: 1.25em;
    font-family: "Averia Sans Libre";
    line-height: 2rem;
    padding: 2px;
    border-bottom: 1px solid black;
}

.blackHeader {
    color: #000;
}

.clearButton  {
    BORDER: 0px;
    padding:0px;
    BACKGROUND-COLOR: #FFF;
    COLOR: #428bca;
    cursor:pointer; 
    text-align:left;}

.clear {
    clear: both;
}

.imgRight {
    float:right;
    padding-left:10px;
}

.imgLeft{
    float:left;
    padding-right:10px;
}


.tbBottom{height:30px;}
.tbBottom img{padding:0 4px; height:30px;  }
A.homeCell:link, A.homeCell:visited {FONT: bold 10pt verdana,arial,helvetica,sans-serif; COLOR: #000000;TEXT-DECORATION: none}
A.homeCell:hover{COLOR: #74A26C}
.iTBTX{width:40px; top:30%; z-index:9999; position:fixed; margin-right:15px;}

@media all and (min-width : 480px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #state-map svg {
        height: 300px;
    }
}

@media all and (min-width : 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #state-map svg {
        height: 400px;
    }
}

@media all and (min-width : 1600px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #state-map svg {
        height: 550px;
    }
}

A:link, A:visited, .fauxLink {
    font-weight: 500;
    text-decoration: none;
    color: #6e3719;
}

A:link:hover {
    text-decoration: underline;
}

path.link:hover {
    fill: rgba(0,255,0,0.7);
}
.listedIn {
    padding: 8px 15px;
    list-style: none;
    border: 1px solid #ddd;
    background-repeat: repeat-x;
    border-radius: 4px;
    background-image: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
}

.listedIn > li {
    display: inline-block;
    padding-right: 10px;
}
.g7Text {
    line-height: 1;
    color: #777;
    font-size: 8pt;
}

#loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2) repeat 0 0;
}

    #loading img {
        top: 45%;
        left: 45%;
        position: absolute;
        width: 128px;
    }
.menuIcon{height:60px;}




.jtron1 {background: url('https://www.habitatcan.org/images/hero1.jpg') no-repeat center center ;}
.jtron2 {background: url('https://www.habitatcan.org/images/hero2.jpg') no-repeat center center;}
.jtron3 {background: url('https://www.habitatcan.org/images/hero3.jpg') no-repeat center center;}
.jtron4 {background: url('https://www.habitatcan.org/images/hero4.jpg') no-repeat center center;}
.jtron5 {background: url('https://www.habitatcan.org/images/hero5.jpg') no-repeat center center;}
.jtron6 {background: url('https://www.habitatcan.org/images/hero6.jpg') no-repeat center center;}


.jtron {
    padding-top: 6px;
    padding-bottom: 20%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.dropdown-menu {
    background-color: rgba(0,0,0,.65);
    
}

.dropdown-item {
    color: #fff !important;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b !important;
        text-decoration: none;
        background-color: rgba(255,255,255,0.8) !important;
    }

.chmp-nav, .chmp-home, .chmp-inner {
    color: #fff !important;
    font-weight: bold !important;
    padding-left: 2rem !important;
}
.chmp-nav-brown {
    color: #6e3719;
    font-weight: bold !important;
    padding-left: 2rem !important;
}

.chmp-home {
    padding-top: 15rem;
    text-shadow: 1px 3px 0px rgba(0, 0, 0,1.0);
}

.chmp-inner {
    padding-top: 10rem;
    text-shadow: 1px 3px 0px rgba(0, 0, 0,1.0);
}

small {
    font-size: 60%;
}
.chmp-burger {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='https:\/\/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;}
.chmp-burger-brown { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='https:\/\/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.breadcrumb{background:#fff;}

.card-news {
    border-color: #6e3719;
    background-color: #e6d6b4;
}

    .card-news > .card-heading {
        color: #6e3719;
        background-color: #e6d6b4;
        border-color: #6e3719;
        font-family: Averia Sans Libre;
        font-weight: 800;
    }

        .card-news > .card-heading + .card-collapse > .card-body {
            border-top-color: #faebcc;
        }

        .card-news > .card-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .card-news > .card-footer + .card-collapse > .card-body {
        border-bottom-color: #faebcc;
    }

    .card-news a {
        color: #6e3719;
    }
/*
        A.homeCell:link, A.homeCell:visited {FONT: bold 10pt verdana,arial,helvetica,sans-serif; COLOR: #000000;TEXT-DECORATION: none}
A.homeCell:hover{COLOR: #74A26C}
    */
a.serp-link {
    font-size: 20px;
    color: #1a0dab;
}
A.serp-link:hover {
    text-decoration:underline;
}

.serviceArea{
    max-height:400px;
    overflow-y:auto;
}

.bc-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-repeat: repeat-x;
    border-radius: 4px;
    background-image: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    border-bottom: 1px solid #ddd;
}

.bc-nav-item {
    display: inline-block;
    margin-right: .5rem;
    margin-left: .5rem;
    font-family: "Averia Sans Libre";
}

.ui-autocomplete {
    max-height: 700px;
    overflow-y: auto;
    z-index: 9999;
    padding: 5px 5px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #357ebd;
    background: #36769a;
    font-weight: normal;
    color: #fff;
}

.modal-md {
    max-width: 600px !important;
}