body {
    width:                      100%;
    height:                     100%;
    font-family:                'Open Sans', sans-serif !important;
    font-weight:                300 !important;
    font-size:                  16px !important;
}
h1, h2, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:                      inherit;
    font-family:                "governorregular",Helvetica,Arial,sans-serif;
    font-weight:                500;
    line-height:                1.1;
}
.text_blue {
    font-family:                'Open Sans Condensed', sans-serif !important;
    font-weight:                500 !important;
    color:                      #147bb1 !important;
    margin-top:                 0px !important;
}
hr.blue {
    -moz-border-bottom-colors:  none;
    -moz-border-left-colors:    none;
    -moz-border-right-colors:   none;
    -moz-border-top-colors:     none;
    border-image:               none;
    border:                     1px solid #90c1da;
    margin-bottom:              20px;
    margin-top:                 20px;
}
.centered {
    text-align:                 center !important;
}
.text_size {
    text-align:                 center;
    color:                      #147bb1 !important;
}
@font-face {
    font-family:                'governorregular';
    src:                        url('governor-webfont.eot');
    src:                        url('governor-webfont.eot?#iefix') format('embedded-opentype'),
                                url('governor-webfont.woff') format('woff'),
                                url('governor-webfont.ttf') format('truetype'),
                                url('governor-webfont.svg#governorregular') format('svg');
    font-weight:                normal;
    font-style:                 normal;
    -webkit-font-smoothing:     antialiased;
}
.wave_text {
    display:none;
}
.map_bkg {
    background: url('/locationsdirectory/img/map_bkg.jpg') no-repeat center center;
    height: 480px;
}
#pin1 {
    animation-duration: 2s !important;
    animation-delay: 0.5s !important;
    -webkit-animation-duration: 2s !important;
    -webkit-animation-delay: 0.5s !important;
    margin-left: 10%;
    margin-top: 8%;
    width: 35%;
}

#pin2 {
    animation-duration: 2s !important;
    animation-delay: 1s !important;
    -webkit-animation-duration: 2s !important;
    -webkit-animation-delay: 1s !important;
    margin-left: 35%;
    margin-top: -20%;
    width: 35%;
}

#pin3 {
    animation-duration: 2s !important;
    animation-delay: 1.5s !important;
    -webkit-animation-duration: 2s !important;
    -webkit-animation-delay: 1.5s !important;
    margin-left: 46%;
    margin-top: 5%;
    width: 35%;
}
#map {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
#map_canvas {
float:left;
width: 100%;
top:100px;
bottom:10px;
background: transparent url('../img/loader.gif') no-repeat center center;
position: absolute;
}
.close {
color: #000 !important;
opacity: 1 !important;
}
.titleButton.maximize {
  display: none;
}
.esriSimpleSlider {
  position: absolute;
  text-align: center;
  border: 1px solid #57585A;
  background-color: #FFF;
  color: #4C4C4C;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 60px;
}




@media (max-width: 768px) {
#map_canvas {
top:65px;
}}
a#listfarm {
color: #FFF !important;
}
a#searchfarm {
color: #FFF !important;
}
a#refresh-page {
color: #FFF !important;
}

/*
.list-head {
width: 313px;
float: right;
font-size: 14px;
height: 40px;
background-color: #e9e9e9;
border-bottom: 3px solid black;
margin-top: 100px;
display:none;
position: relative;
z-index: 9;
}
.ie8 .list-head {
width: 375px;
float: right;
font-size: 14px;
height: 40px;
background-color: #e9e9e9;
border-bottom: 3px solid black;
margin-top: 110px;
display:none;
position: relative;
z-index: 9;
}
@media (max-width: 768px) {
.list-head {
width: 100%;
margin-top: 63px;
}}
*/
#displayList {
padding-top: 250px;
margin-top: -79px;
z-index: 5;
right: 0px;
position: absolute;
height: 100%;
width: 400px;
background: black; /*For old browsers*/
background-color:rgba(0, 0, 0, 0.5);
overflow: auto !important;
display: none;
font-size: 12px;
font-weight: bold;
}
@media (max-width: 768px) {
#displayList {
padding-top: 180px;
margin-top: -55px;
width: 100%;
height: 100%;
margin-top: -65px;
}}
#searchFarmDiv {
padding-top: 0px;
padding-left: 10px;
margin-top: 100px;
background: black;
background-color:rgba(0, 0, 0, 0.6);
height:65px;
display:none;
position: absolute;
width: 100%;
z-index: 5;
}
.ie8 #searchFarmDiv {
padding-top: 0px;
padding-left: 10px;
margin-top: 110px;
background: black;
background-color:rgba(0, 0, 0, 0.6);
height:65px;
display:none;
position: absolute;
width: 100%;
z-index: 5;
}
@media (max-width: 768px) {
#searchFarmDiv {
margin-top: 60px;
padding-top: 3px;
}}
#farmInfo {
width:100%;
height:100%;
overflow:hidden;
min-width:150px; /* to solve bad autosizing of Info Window from API. */
color:#333;
line-height:25px;
}
#farmInfo a {
color: #333;
}
#farmInfo b {
font-size:14px;}
.farmTitle {
font-weight:bold;
font-size:12px;
color:#333;
}
.farmTitle a {
color: #333;
}
.farmcity {
font-size:13px;
color:#333;
}
#farmList {
padding-left:5px;
padding-right:5px;
}
#farmList a {
color: white !important;
}
#detailedDisplay {
width:35%;
z-index: 50;
max-width:550px;
height:auto;
overflow:auto;
display:none;
font-size:14px;
font-weight:normal;
background-color:rgba(255, 255, 255, 0.9);
position: absolute;
margin-left:115px !important;
text-align:center;
padding:25px;
margin-top:145px;
border:2px solid #999;
border-radius:10px;
}
@media screen and (min-width:800px) and (max-width:995px) {
#detailedDisplay{
margin-left: 85px !important;
max-height:400px;
}}
@media screen and (min-width:640px) and (max-width:799px) {
#detailedDisplay {
margin-left:50px !important;
max-height:400px;
}}
@media screen and (min-width:480px) and (max-width:639px) {
#detailedDisplay {
margin-left:215px !important;
max-height:400px;
}}
@media screen and (min-width:320px) and (max-width:479px) {
#detailedDisplay {
margin-left:2% !important;
margin-top: 80px;
max-height:500px;
z-index: 5;
width: 80%;
}}
.closeDetail {
color: black !important;
}
.closeDetail a {
color: black !important;
}
.closeDetail a:hover {
color: black !important;
}
#searchAlert {
border: 0 none;
color: white;
display: block;
font-size: 12px;
left: 15px;
position: relative;
}
.market-list-close {
margin-left: 65px;
margin-top: -4px;
position: absolute;
}
.list-head-title {
margin-top: 0px;
font-size:14px;
font-weight: bold;
padding: 10px;
}
.search-close {
width: 30px;
height: 30px;
float: right;
margin-top: -43px;
margin-right: 40px;
color: white !important;
}
.x-position {
float: right;
margin-top: 0px;
height:auto;
overflow:auto;
}
.collapse-x {
float:right;
color:black;
margin-right:4px;
margin-top:-4px;
}
#fix-bottom {
margin-bottom: 0px !important;
background-color:rgba(0, 0, 0, 0.6);
min-height: 50px !important;
border-bottom: 10px solid #147bb1;
}
.fa-bars-bottom {
    color:                      white !important;
    vertical-align:             middle;
    float:                      none !important;
}
.fa-search-bottom {
    vertical-align: middle;
}
.fa-home-bottom {
    vertical-align: middle;
}
.mobile-hide {
display: inherit;
}
.bottom-menu {
margin-top: 10px;
}
.fa-search-close {
color: white !important;
margin-top: -10px;
}
@media (max-width: 768px) {
.fa-search-close {
margin-top: -8px;
}}
.bottom-menu a {
text-decoration: none !important;
font-size: 16px;
}
@media (max-width: 768px) {
#clearSearch {
display: none;
}
.bottom-menu a {
font-size: 10px;
}
.mobile-hide {
display: none;
}}

/*  F I X E D   N A V I G A T I O N   B A R  */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .navbar {
    margin-bottom:              0px;
    height:                     65px;
    }

    .navbar-default {
    background-color:           #F8F8F8;
    border-top:                 10px solid #147bb1;
    border-bottom:              2px solid #dddddd;
    }

    #navbar_delaware {
    position:                   absolute; 
    margin:                     13px 0 0 4px;
    }

    .form-search {
    display:none;
    }
    
    .btn-location {
    display:none;
    }
    
    .btn-location-success {
    display:none;
    }
    
    .ie8 .btn-location {
        display:none;
    }

    .btn-search {
    display:none;
    }
    
    .sidr_search {
        color:                  #FFFFFF;
    }
    
    .form-search-small {
        color: #ffffff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        font-size: 16px;
        height: 34px;
        line-height: 1.42857;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        vertical-align: middle;
    }
    
    .form-search-small:-moz-placeholder {
        color: #ffffff;
    }

    .form-search-small::-moz-placeholder {
        color: #ffffff;
    }

    .form-search-small:-ms-input-placeholder {
        color: #ffffff;
    }

    .form-search-small::-webkit-input-placeholder {
        color: #ffffff;
    }
    
    #menu {
    vertical-align:             middle;
    text-align:                 right;
    font-size:                  15px;
    margin-top:                 -45px;
    }

    p.menu {
    display: none;
    }}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar {
    margin-bottom:              20px;
    min-height:                 100px;
    }

    .navbar-default {
    background-color:           #F8F8F8;
    border-top:                 10px solid #147bb1;
    border-bottom:              2px solid #dddddd;
    }

    #navbar_delaware {
    position:                   absolute; 
    margin:                     13px 0 0 4px;
    }

    .form-search {
    background-color:           #FFFFFF;
    background-image:           none;
    border:                     2px solid #90c1da;
    border-radius:              4px 4px 4px 4px;
    box-shadow:                 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:                      #555555;
    display:                    block;
    font-size:                  18px;
    height:                     50px;
    line-height:                1.42857;
    margin-top:                 10px;
    padding:                    6px 25px;
    transition: border-color    0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align:             middle;
    width:                      160px;
    transition:                 all 0.5s linear 0s;
    -o-transition:              all 0.5s linear 0s;
    -moz-transition:            all 0.5s linear 0s;
    -webkit-transition:         all 0.5s linear 0s;
    }
    
    .btn-location {
    background-color:           #ea1634;
    border-color:               #ea1634;
    color:                      #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }
    
    .btn-location:hover, .btn-location:focus  {
    color: #881c2d;
    text-decoration:none;
    }
    
    .btn-location-success {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }
    
    .btn-location-success:hover, .btn-location-success:focus  {
    color: #328f32;
    text-decoration:none;
    }
    
    .ie8 .btn-location {
        display:none;
    }
    
    .btn-search {
    background-color:           #E67F22;
    border-color:               #E67F22;
    color:                      #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    margin-left:                5px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }
    
    .btn-search:hover, .btn-search:focus  {
    color: #c46c1d;
    text-decoration:none;
    }
    
    .sidr_search {
        display:none;
    }
    
    #menu {
    vertical-align:             middle;
    text-align:                 right;
    font-size:                  15px;
    }

    p.menu {
    padding-top:                18px;
    font-family:                "governorregular",Helvetica,Arial,sans-serif;
    font-weight:                500;
    color:                      #147bb1;
    }}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar {
    margin-bottom:              20px;
    min-height:                 100px;
    }

    .navbar-default {
    background-color:           #F8F8F8;
    border-top:                 10px solid #147bb1;
    border-bottom:              2px solid #dddddd;
    }

    #navbar_delaware {
    position:                   absolute; 
    margin:                     13px 0 0 4px;
    }

    .form-search {
    background-color:           #FFFFFF;
    background-image:           none;
    border:                     2px solid #90c1da;
    border-radius:              4px 4px 4px 4px;
    box-shadow:                 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:                      #555555;
    display:                    block;
    font-size:                  18px;
    height:                     50px;
    line-height:                1.42857;
    margin-top:                 10px;
    padding:                    6px 25px;
    transition: border-color    0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align:             middle;
    width:                      370px;
    transition:                 all 0.5s linear 0s;
    -o-transition:              all 0.5s linear 0s;
    -moz-transition:            all 0.5s linear 0s;
    -webkit-transition:         all 0.5s linear 0s;
    }
    
    .btn-location {
    background-color:           #ea1634;
    border-color:               #ea1634;
    color:                      #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }
    
    .btn-location:hover, .btn-location:focus  {
    color: #881c2d;
    text-decoration:none;
    }
    
    .btn-location-success {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }
    
    .btn-location-success:hover, .btn-location-success:focus  {
    color: #328f32;
    text-decoration:none;
    }
    
    .ie8 .btn-location {
        display:none;
    }

    .btn-search {
    background-color:           #E67F22;
    border-color:               #E67F22;
    color:                      #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    margin-left:                5px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }

    .btn-search:hover, .btn-search:focus  {
    color: #c46c1d;
    text-decoration:none;
    }

    .sidr_search {
        display:none;
    }
    
    #menu {
    vertical-align:             middle;
    text-align:                 right;
    font-size:                  15px;
    }

    p.menu {
    padding-top:                18px;
    font-family:                "governorregular",Helvetica,Arial,sans-serif;
    font-weight:                500;
    color:                      #147bb1;
    }}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .navbar {
    margin-bottom:              20px;
    min-height:                 100px;
    }

    .navbar-default {
    background-color:           #F8F8F8;
    border-top:                 10px solid #147bb1;
    border-bottom:              2px solid #dddddd;
    }

    #navbar_delaware {
    position:                   absolute; 
    margin:                     13px 0 0 4px;
    }

    .form-search {
    background-color:           #FFFFFF;
    background-image:           none;
    border:                     2px solid #90c1da;
    border-radius:              4px 4px 4px 4px;
    box-shadow:                 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:                      #555555;
    display:                    block;
    font-size:                  18px;
    height:                     50px;
    line-height:                1.42857;
    margin-top:                 10px;
    margin-left:                auto;
    margin-right:               auto;
    padding:                    6px 25px;
    transition: border-color    0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align:             middle;
    width:                      500px;
    transition:                 all 0.5s linear 0s;
    -o-transition:              all 0.5s linear 0s;
    -moz-transition:            all 0.5s linear 0s;
    -webkit-transition:         all 0.5s linear 0s;
    }
    
    .btn-location {
    background-color:           #ea1634;
    border-color:               #ea1634;
    color:                      #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }
    
    .btn-location:hover, .btn-location:focus  {
    color: #881c2d;
    text-decoration:none;
    }
    
    .btn-location-success {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }
    
    .btn-location-success:hover, .btn-location-success:focus  {
    color: #328f32;
    text-decoration:none;
    }

    .ie8 .btn-location {
        display:none;
    }

    .btn-search {
    background-color:           #E67F22;
    border-color:               #E67F22;
    color:                      #FFFFFF;
    height:                     50px;
    margin-top:                 10px;
    margin-left:                5px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
    }

    .btn-search:hover, .btn-search:focus  {
    color: #c46c1d;
    text-decoration:none;
    }
    
    .sidr_search {
        display:none;
    }
    
    #menu {
    vertical-align:             middle;
    text-align:                 right;
    font-size:                  15px;
    }

    p.menu {
    padding-top:                18px;
    font-family:                "governorregular",Helvetica,Arial,sans-serif;
    font-weight:                500;
    color:                      #147bb1;
    }}

.form-search {
    transition:                 width 0.4s linear 0s;
    -o-transition:              width 0.4s linear 0s;
    -moz-transition:            width 0.4s linear 0s;
    -webkit-transition:         width 0.4s linear 0s;
}

.navbar-form .form-group {
    display:                    inline-block;
    margin-bottom:              0;
    vertical-align:             middle;
}

.navbar-form {
   border-top:                  none !important;
   border-bottom:               none !important;
}

.delaware_text {
    margin-top:     13px;
    margin-left:    20px;
}

.popover_start {
    display: inline-block;
    position:relative;
    max-width:500px;
}

.popover {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    width: 200px;
    z-index: 1010;
}

.modal-open {
    overflow: visible !important;
}

.tt-query {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}
/* ############################################################################################## */

/*  F O N T   A W E S O M E   E X T R A   S T Y L E S  */
.fa-bars {
    color:                      #147bb1;
    float:                      right;
    vertical-align:             middle;
    }

.fa-blue {
    color:                      #147bb1 !important;
}

.fa-plus-circle {
    color:                      #ffffff;
    vertical-align:             middle;
    }

.fa-plus-circle:hover {
    cursor:pointer
    }
    
.fa-times-circle {
    color:                      #ffffff;
    vertical-align:             middle;
    }

.fa-times-circle:hover {
    cursor:pointer
    }
/* ############################################################################################## */