html{
  height: 100%;
}

body{
  height:100%;
  background:#f3f3f3;
  margin:0;
  padding:0;
  font-family: 'Droid Sans', 'Helvetica', Arial, sans-serif;
  /*background-image:url('/images/whiteredgreen-bg.png');
  background-repeat:repeat-x;
  */
  background-color: darkorange;
}

#main-content{
  width:100%;
  margin-right: 1px;
  margin-left: 1px;
}

.newwrapper {
--notchSize: 20px;

  clip-path:
    polygon(
      0% var(--notchSize),
      var(--notchSize) 0%,
      calc(100% - var(--notchSize)) 0%,
      100% var(--notchSize),
      100% calc(100% - var(--notchSize)),
      calc(100% - var(--notchSize)) 100%,
      var(--notchSize) 100%,
      0% calc(100% - var(--notchSize))
    );
}
a{
  color: #5588bb;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

#cityselect {
  float: right;
  position: fixed;
  top:30px;
  right: 360px;;

}
.btn{
  color:#fff;
  text-decoration:none;
  padding:10px 20px;
  margin:0 2px;
  border-radius:3px;
  border-top:#4c82b7 solid 1px;
  border-left:#4c82b7 solid 1px;
  border-bottom:#3e6d9c solid 1px;
  border-right:#3e6d9c solid 1px;
  background:#4477aa;
  background-image: linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -o-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(59,104,149)),
    color-stop(1, rgb(68,119,170))
  );
}
.closed{
	color: black;
	text-align:center;
	margin: auto;
	/*width: 60%;*/
	margin-top: 25px;
	font-size: 2em;
}
.counter {
	text-align:center;
	margin:auto;
	width: 60%;
	margin-bottom: 10%;
	position: absolute;
}
.popin{
    width:100%;
}

#map-canvas,
#panorama {
  height:450px;
  background:#6699cc;
}

#map { height: 90vh; }
code {
  font-family: 'Ubuntu Mono', 'Monaco', 'Andale Mono', 'Courier New', monospace;
  font-weight: bold;
}
.hiddenlist { visibility:hidden; }
.list-markers {visibility: hidden; }
.list-markers-li {list-style-type: none;}
.list-markers-ul {list-style-type: none;}

.addresslistinnermodal {text-align: center;}

@media print {
    body {
      background-image: none;
    }
    .noPrint{
      display: none;
    }
    .modal {
      position: fixed;
      display: none;
      left: 0;
      top: 0;
      margin: 0;
      padding: 0;
      visibility: visible;
      /**Remove scrollbar for printing.**/
      overflow: visible !important;
      width:100%;
      height: 100%;
    }
    .modal-dialog {
      visibility: visible !important;
      /**Remove scrollbar for printing.**/
      overflow: visible !important;
    }
    .modal-header {
      visiblity: hidden;
      display: none;
    }

}

#addresslistspecial { visibility: hidden}
#basic-modal-content {display:none;}
#contact-modal-content {display:none;}
#list-modal-content {display:none;}
#directions-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}
#contact-overlay {background-color:#000;}
#list-overlay {background-color:#000;}
#directions-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:250px; width:650px; color:#D8D8D8; background-color:#636363; border:4px solid #3c8d0d; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #3c8d0d; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

/* Container */
#contact-container {height:300px; width:300px; color:#D8D8D8; background-color:#636363; border:4px solid #3c8d0d; padding:12px;}
#contact-container .contact-data {padding:8px;}

#contact-container code {background:#141414; border-left:3px solid #3c8d0d; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#contact-container a {color:#ddd;}
#contact-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#contact-container h3 {color:#84b8d9;}

/* Container */
#list-container {height:500px; width:900px; color:#D8D8D8; background-color:#636363; border:4px solid #3c8d0d; padding:12px;}
#list-container .list-data {padding:8px;}

#list-container code {background:#141414; border-left:3px solid #3c8d0d; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#list-container a {color:#ddd;}
#list-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#list-container h3 {color:#84b8d9;}

/* Container */
#directions-container { height:100px; width:600px; color:#D8D8D8; background-color:#636363; border:4px solid #3c8d0d; padding:12px; font-size:12px;}
#directions-container .directions-data {padding:8px;}

#directions-container code {background:#141414; border-left:3px solid #3c8d0d; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#directions-container a {color:#ddd;}
#directions-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#directions-container h3 {color:#84b8d9;}
#directionsorigindiv { text-align: center; padding-top:15px;}
#directionstitle {text-align:center; font-size:12px;}
#directionsprint {display: none;}
#directionsdiv {clear:both;}

.spansocial{
       /* width:340px;
        margin-top: 55px;
        text-align:right;
	width:60%;
	margin-top:100px;
	*/
	margin:auto;
	text-align:right;
	width:33%;
	float: right;
	/*z-index: 1;
	position: absolute;*/
}
.spanlogo{
        /*width:572px;
        margin-left:42px !important;
	*/
	margin: auto;
	text-align:center;
	/*
	z-index: 2;
	position: absolute;
	*/
}
.spanlinks {
	margin-top:15px;
	width: 33%;
	float: left;
}
pre.prettyprint{
  background:#fff;
  border-color:#c1c1c1;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -webkit-box-shadow:0 0 10px #999;
  -moz-box-shadow:0 0 10px #999;
  box-shadow:0 0 10px #999;
  padding:5px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

form input[type=text] {
  #border: solid 1px #999999;
  padding: 2px;
}

.navbar-brand {
  padding-top: 0px !important;
  height: 40px !important;
}

.navbar-right>li>a {
  padding: 0px !important;
}
.navbar>li>a {
  padding-bottom: 0px !important;
}
.nav>li>a {
  padding-bottom: 0px !important;
}
.navbar-nav>li>a {
  padding-bottom: 0px !important;
}
.navbar {
  min-height: 40px !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}
.mylinks>li>a {
  padding-top: 10px !important;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] {
  padding-top: 2.5px !important;
}
.navbar-default {
  background-color: #fff !important;
  border-color: #fff !important;
}

.span13{
  height: 90vh !important;
}

.newgradient_bg {
  background-image:url('/images/2020prelaunchbg.jpg');
}
.gradient_bg {
background: #2F7336; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #2F7336 , #AA3A38); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #2F7336 , #AA3A38); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mobile_buttons {
	position: absolute;
	z-index: 3;
	width:100%;
	float: right !important;
}

.nav_right {
	float: right !important;
}

.mybtn {
	margin-top:3px;
}

.mobile_nav {
	list-style: none;
}

.mobile_navbar-nav>li {
	display: inline-block;
}

.centered_text {
	text-align:center;
}
/* Ensure autocomplete dropdown appears above the modal */
.pac-container {
  z-index: 1060 !important; /* Slightly higher than Bootstrap modal's z-index */
}
/* Ensure the logo scales appropriately */
#header .img-fluid {
  max-width: 100%;
  height: auto;
}

/* Optional: Adjust padding or margins for better spacing */
#header {
  padding: 10px 0; /* Adjust as needed */
}

/* Optional: Control the maximum width of the logo on larger screens */
@media (min-width: 768px) {
  #header .img-fluid {
    max-width: 300px; /* Adjust to your desired maximum width */
  }
}

/* Optional: Adjust logo size on smaller screens */
@media (max-width: 767.98px) {
  #header .img-fluid {
    max-width: 200px; /* Adjust to your desired size for mobile */
  }
}

/* Center Bootstrap 3 Modal Vertically - DISABLED for Bootstrap 5 */
/* Bootstrap 5 handles modal positioning automatically */
/*
.modal-dialog {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    max-width: 600px;
}
*/