/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}*/


body, html {padding: 0; margin:0; }
div.container{ padding-left: 2px; padding-right: 0px; }
.container{ padding-left: 1px; padding-right: 1px; }
.tinyicon{ width: 20px; }
#myCarousel{ 
  border: solid 1px #888; 
}
.mapspan{ padding-right: 6px;}
.hour{
  display: inline-block;
  float: left;
  margin-left: 100px;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-item{ padding-left: 0px; padding-right:4px; }

.fullwide{ width: 100%; }

.underhover:hover{ text-decoration:underline;}
sup{ text-decoration:none !important;}

.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0);
    cursor: pointer;
}

*{ transition: width 150ms;}

.navbar-light .navbar-brand:focus,
 .navbar-light .navbar-toggler:focus{
 	outline:0;
 	/*text-align:right;*/
 }


body{ background-color: #eee; }

 .navbar-light .navbar-nav .nav-link {
    color: #fff;
    text-align:center;
    margin-left: 7px;
    padding-left:0px;
    padding-right:0px;
    font-size:1.3em;
    cursor:pointer;
}
.nav-link:hover{ color: rgb(240,240,240) !important;}


.bg-faded {
    background-color: #a4a4a4;
}

.col-lg-3 h2{
	font-size: 1.5em;
}

.bg-inverse {
    background-color: rgba(0,0,0,0) !important;
}

.lesser{
  font-size:0.9em;
  padding-top:20px;
}
.streetmap{
  background-image:url(../images/streetmap.png);
  background-position:center;
  background-size:cover;
  cursor:pointer;
  height:20vh !important;
  max-height:135px !important;
  position:absolute; 
  left:0;
  bottom: 120px;
  z-index: -1;
}


.streetview{
  width:100%;
  height:43vw;
  max-height:100px;
}

#myCarousel{ 
  margin-top: 10px;
}

.carousel-item{
	max-height: 37vw;
  min-height: 225px;
}

.carousel-inner  img {
    position:relative;
    top:25%;
    transform: translateY(-25%);
    max-height: 310px;
    min-width: auto;
}

.carousel img {
        height: 600px;
        width: 650px;
        object-fit: cover;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 260px;
}
h2{ font-size: 1.5em; color: #444;}
h4{ font-size: 1.25em; color: #444;}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow:hidden;
  height: 120px;
  line-height: 60px; 
  background-color: #a4a4a4;
  font-size: 1.05em;
}
.footer div { margin-left:-4px;width: calc( 100% + 8px ); }

@supports (display: flex) {
  .mrow {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
        margin-top:0px !important;
  }
}


.flexthis{
    display:static;
}

.flexthis.container:before,
.flexthis.container:after,
.flexthis.row:before,
.flexthis.row:after {
   content: normal; // IE doesn't support `initial`
}

.flexthis2{
    display: block;
    margin-top:10px;
}

.flexthis2.container:before,
.flexthis2.container:after,
.flexthis2.row:before,
.flexthis2.row:after {
   content: normal; // IE doesn't support `initial`
}

.flexthis2 .col-lg-3{
    width: 100%;
    display:inline-block;

}


.text-white-lg{ font-size: 1.09em;}
.text-white-lg a{ color: white; text-decoration:underline;}
.text-white-md a{ color: white;  text-decoration:underline;}
.text-white-lg,.text-white-md,.text-white-sm,.text-white-tiny{ text-align:center; color: #eee; display:none; }
.text-white-tiny{ display:block; }
.container { margin-left:0; margin-right:0;}
.navbar {
    padding-top: 15px;
}
#navbarSupportedContent{
  max-width:800px;
}
.navbar img.logo{ width: 150px;height:43px; margin-top:-10px; }
.navbar img.menu{ margin-top:-4px; min-height:32px; min-width:32px;}

.bluebar{
   /*background-color:rgb(46,163,242);*/
   background-color:#757575;
   color:white;
}
  .btn1{ margin-top:-15px; margin-bottom:10px;}

a.nomobile{ display: none; }
  .mobilehide{ display: none !important; }
  .mobileshow{ display:block !important; }
.bluebar a{ color:white; font-size:1.0rem !important; }
.bluebar .container{ text-align:center;
}
.bluebar ul{ margin-bottom:0; display: inline; }
.fbicon{ width: 50px; height:50px;}
.mapicon{ width: 34px; height: 30px;  margin: 10px 0;}

.maplink{ margin-right: 0px;  }
.phonelink{ display: block; padding-bottom: 10px;}
@media ( min-width:320px){
    .phonelink{ display: inline; padding-bottom: 0;}

}
.gicon{ width: 50px; height:50px;}
.bluebar ul li{ display:inline; background-color:rgba(0,0,0,0); width: 50px; height:50px;}

.portrait{
  width:25%;
  margin:30px 0px 10px 10px;
  float:right;
}
.bioimg{
  margin-left:15px;
  margin-bottom:10px;
  width:50%; 
  height:auto;
  border:solid 1px grey;
}
.thicklist{ margin-bottom:0px;}
.thicklist div{ min-height:1em;}
.thicklist div p span{ display:none;}
.thicklist div p { text-align:center;}
.inject div p span{ display:none;} 
.inject div p { text-align:center;}
.streetview{ height:44vw;}
    #map_canvas{ height:50vw; }

.location{
     width:100%;
     height:40vw;
     min-height: 250px;
}
.over{ display:inline;}
.overplus{ display: none;}

.bio{ display: none; }

   .dropdown-item:hover{ background-color:#a4a4a4;}
      .dropdown-item:hover a{ color:#ddd;}

   .dropdown-item a{ padding-top:15px;
                  padding-bottom: 15px;
                   }
   .dropdown-menu{ border:0;background-color:#a4a4a4; }
   .dropdown-item{ color:white; text-align:left;}
  .nomobile{ display: none; }
  .yesmobile{ display: inline-block; }

@media (min-width: 375px){
    .tinyicon{ width: 30px; }
    .mapicon{ width: 50px; height:50px; margin: 0; }
    .mapspan{ padding-right: 10px;}
    .bluebar a{ color:white; font-size:1.1rem !important; }

}
@media (min-width: 458px){
    .btn1{ margin-top:0px; margin-bottom:0px;}
	p.lesser{ padding-top:15px; }
}

@media (min-width: 560px) {
  .text-white-sm{ display:block; }
  .text-white-tiny{ display:none; }
  .navbar img.logo{ width: 150px;height:43px;display:inline-block;margin-top:-10px; }
.navbar img.menu{ float:right;display:inline-block;margin-top:0px; }
  .btn1{ margin-top:0px; margin-bottom:0px;}
#myCarousel{ margin-top: 0px;}
  .maplink{ margin-right: 5px; }
  	p.lesser{ padding-top:10px; }

}

@media (min-width: 576px) {
  .container { margin-left:auto; margin-right:auto;}
  .btn1{ margin-top:0px; margin-bottom:0px;}
  .maplink{ margin-right: 10px; }
  .thicklist div p span{ display:inline;}
  .thicklist div p { text-align:left;}
  .inject div p span{ display:none;} 
  .inject div p { text-align:center;}
  .bioimg{
      width:197px; 
      height:242px;
  }
      #map_canvas{ height:50vw; }

    .navbar img.logo{ width: 200px; height:57px; margin-top:-16px; }
  .nomobile{ display: none; }
  .yesmobile{ display: inline-block; }
  .nudgeUpMobile{ display: block;margin-top:-32px; }


   #myCarousel{
    margin-bottom: 40px;
  }
       #myCarousel{ 
          padding-top: 1px;
          padding-left: 1px;
      }


  .text-white-sm{ width: 90%; margin: 0 auto;}

   .btn1{ margin-top:0px; margin-bottom:0px;}
   body{ margin-bottom: 270px; }
   	p.lesser{ padding-top:15px; }

}

@media (min-width: 610px){
     .carousel-item{
  max-height: 30vw;
    min-height: 225px;

  }	
  p.lesser{ padding-top:15px; }

}
@media (min-width: 649px){
     .carousel-item{
  max-height: 28vw;
  }
    
  p.lesser{ padding-top:15px; }

}

@media (min-width: 768px) {
  .maplink{ margin-right: 20px; }
    .bioimg{
      width:197px; 
      height:242px;
  }
  .thicklist div{ min-height:1.2em;}
  .thicklist div p span{ display:inline;}
.thicklist div p { text-align:left;}
  .inject div p span{ display:inline;} 
  .inject div p { text-align:left;}
.lesser{
  font-size:0.95em;
}
  .btn1{ margin-top:0px; margin-bottom:0px;}

.portrait{ display:block; width:100%; float:none; margin:0;}
.over{ display:none;}
.overplus{ display: inline;}
.fbicon{ width: 40px; height:40px;}
.twicon{ width: 40px; height:40px;}
.gicon{ width: 40px; height:40px;}
  .nomobile{ display: none; }
  .yesmobile{ display: inline-block; }
  .mobilehide{ display: block; }
  .mobileshow{ display: none; }
  .footer{  height: 60px; }
  .footer div { margin-left:-1px;width: calc( 100% + 2px ); }
  body { margin-bottom: 120px; }
  .text-white-tiny{ display:none; }
  .text-white-sm{ display:none;}
  .text-white-md{ display:block;}
  .navbar { padding-top: 29px; }
  .navbar img.logo{ width: 270px;height:77px; margin-top:-20px; }
  .carousel-indicators{
    bottom: 25px;
  }

  #myCarousel{
    margin-bottom: 55px;
  }
  .carousel-inner img{
     max-height: 400px;
  }
    body { margin-bottom: 220px; }

  .streetmap{
     height:15vw;
            bottom: 60px;

  }
  #map_canvas{ height:50vw; }
     	p.lesser{ padding-top:15px; }


  .streetview{ height:24vw;}
  .location{ height:28vw; }
  .nav-link:hover,.dropdown-item:hover{ background-color:rgba(0,0,0,0); color:rgb(240,240,240) !important; }
  .nav-link:hover,.dropdown-item:hover a{ color: rgb(240,240,240) !important;}

}

@media (min-width: 992px){

  #navbarSupportedContent{
    max-width:673px;
  }
  .btn1{ margin-top:0px; margin-bottom:0px;}

    .bioimg{
      width:197px; 
      height:242px;
  }
  .thicklist div{ min-height:1.5em;}
  .thicklist div p span{ display:inline;}
  .thicklist div p { text-align:left;}
  .inject div p span{ display:inline;} 
  .inject div p { text-align:left;}
  .inject div { min-height:1.5em !important;} 
  .lesser{  font-size:1em;}
  .over{ display:inline;}
  .overplus{ display: none;}
  .fbicon{ width: 30px; height:30px;}
  .twicon{ width: 30px; height:30px;}
  .gicon{ width: 30px; height:30px;}
  .bluebar .container { text-align:right;}
  .nomobile{ display: inline; }
  .yesmobile{ display: none; }
  .mobilehide{ display: block !important; }
  .mobileshow{ display: none !important; }
  .footer{  height: 60px; }
  .footer div { margin-left:-1px;width: calc( 100% + 2px ); }
  body { margin-bottom: 175px; }
  .text-white-tiny{ display:none; }
  .text-white-sm{ display:none;}
  .text-white-md{ display:none;}
  .text-white-lg{ display:block;}
  .navbar {
      padding: .5rem 1rem;
       padding-top: 29px; 
  }
  .navbar img.logo{ width: 270px; height:77px; margin-top:-16px;}
  .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .streetmap{
     height:12vh !important;
     max-height:90px;
     bottom: 60px;
  }
  .location{  height:26vw; }
  .streetview{ height:24vw;}
    #map_canvas{ height:50vw; }

  .navbar-light .navbar-nav .nav-link {
    background-color: rgb(120,120,120);
  }
  a.nav-link{
        font-size: 1.1em !important;
  }
  a.nav-link:hover,.dropdown-item:hover {
    /*color: rgb(2,117,216) !important;*/
    color: rgb(240,240,240) !important;
    background-color: rgba(30,30, 240,.5) !important;
        /*background-color: rgb(80,80,100) !important;*/
  }
 .current{
    /*border-bottom: solid 3px rgb(2, 117, 216);*/
    background-color: rgb(110,110,110) !important;
    border-radius: 8px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
  }

.dropdown-toggle::after {
    display:none
}                   
 .dropdown-menu{ margin-left:8px; width: 93% !important; min-width:0 !important;}
   .dropdown-item { padding-top:10px;
                  padding-bottom: 10px;
   }
   .dropdown-item:first-child { 
            padding-top:15px;
            padding-bottom: 10px;
   }

  #myCarousel{
    margin-bottom: 20px;
  }

  .carousel-item{
    max-height: 33vw;
  }

  .carousel-inner img{
     max-height: none;
     max-width: auto;
  }
  .carousel img {
        object-fit: contain;
  }
  .carouselvgap{ margin-bottom: 60px;}
     	p.lesser{ padding-top:15px; }


}
@media (min-width: 1000px){
    #myCarousel{
    margin-bottom: 0px;
  }

    .carousel-item{
    max-height: 31vw;
    border-top: solid 32px #eee;
  }
     	p.lesser{ padding-top:5px; }

}
@media (min-width: 1070px){
    .carousel-item{
    max-height: 30vw;
  }
     	p.lesser{ padding-top:5px; }

}
@media (min-width: 1107px){
    .carousel-item{
    max-height: 29vw;
  }
     	p.lesser{ padding-top:5px; }

}
@media (min-width: 1151px){
    .carousel-item{
    max-height: 27.5vw;
  }
}
@media (min-width: 1341px){
  .carousel-item{
    max-height: 25vw;

  }
}
@media (min-width: 1359px){
  .carousel-item{
    max-height: 24vw;
  }
  #myCarousel{
     overflow:hidden;
         padding-top: 1px; 
         height:369px;
        padding-left: -1px;
        margin-bottom: 0px;
  }
  .active{ margin-top:1px;}
  .carousel-inner {
     max-height: 367px;
     max-width: auto;
  }
}

@media (min-width: 1200px) {
  a.nav-link{
        font-size: 1.3em !important;
  }
  #navbarSupportedContent{
    max-width:800px;
  }
    .btn1{ margin-top:0px; margin-bottom:0px;}

  .footer div { margin-left:-1px;width: calc( 100% + 2px ); }
    .bioimg{
      width:197px; 
      height:242px;
  }
  .twocol{
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .thicklist div{ min-height:1.8em;}
  .thicklist div p span{ display:inline;}
  .thicklist div p { text-align:left;}
  .inject div { min-height:1.8em !important;} 
  .inject div p span{ display:inline;} 
  .inject div p { text-align:left;}
  .location{  height:20vw; }
  #map_canvas{ height:40vw; }
  .streetview{ height:20vw;}
  .lesser{  font-size:1em;}
  .over{ display:inline;}
  .overplus{ display: none;}
  .footer{  height: 60px; }
  .mobilehide{ display: block; }
  .mobileshow{ display: none; }
  .nomobile{ display: inline; }
  .yesmobile{ display: none; }
  body { margin-bottom: 175px; }
  .text-white-tiny{ display:none; }
  .text-white-sm{ display:none;}
  .text-white-md{ display:none;}
  .text-white-lg{ display:block;}
    .navbar { padding-top: 35px; }
    .navbar img.logo{ width: 320px; height:92px; margin-top:-25px;}
    a.carousel-control-prev{
      margin-left: 15px;
    }
    .carousel-item{
    max-height: 27vw;
}
  .carousel-inner img{
     max-height: none;
     max-width: auto;
  }
  .carousel img {
        object-fit: contain;
  }
  .carouselvgap{ margin-bottom: 80px;}
  .streetmap{
     height:12vh !important;
     max-height:134px !important;
  }
  a.nav-link:hover,.dropdown-item:hover {
    /*color: rgb(2,117,216) !important;*/
    color: rgb(240,240,240) !important;
        background-color: rgba(30,30, 240,.5) !important;

   /* background-color: rgba(2, 117, 216, .35) !important;*/
  }

  .navbar-light .navbar-nav .nav-link {
    background-color: rgb(120,120,120);
  }
  .current{
    /*border-bottom: solid 3px rgb(2, 117, 216);
     background-color: rgba(2, 117, 216, .35) !important;
    
     */ 
    background-color: rgb(110,110,110) !important;
    border-radius: 8px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    color:white !important;
  }

   .dropdown-menu{ margin-left:8px; width: 93% !important; min-width:0 !important;}
   .dropdown-item { padding-top:10px;
                  padding-bottom: 10px;
   }
   .dropdown-item:first-child { 
            padding-top:15px;
            padding-bottom: 10px;
   }

}
}



@media (max-width: 767px) {
   
  .nudgeUpMobile{ display: block;margin-top:-32px; }
  .nomobile{ display: none; }
  .yesmobile{ display: inline-block; }
	.container{ width: 100%;}
	.navbar img.logo{ display: block; width:70%; text-align:left; margin-top:-5px;}
    .navbar img.menu{ display: block; width:30%; text-align:right; margin-right:-10%;}
   .carousel-indicators{
     bottom: 6vh;
   }

  .nomobile{ display: none; }
   .nav-link:hover,.dropdown-item:hover{ background-color:rgba(0,0,0,0); color: rgb(240,240,240) !important; }
  .nav-link:hover,.dropdown-item:hover a{ color: rgb(240,240,240) !important;}

   .dropdown-item a{ padding-top:5px;
                  padding-bottom: 30px;
                   }
   .dropdown-menu{ border:0;background-color:rgba(0,0,0,0);}
   .dropdown-item{ color:white; text-align:left;font-size:1.2em;}
   
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.zoc{
  height:100%;
  background-color:white;
  min-height: 180px;
  padding:22px;
  text-align:center;
}
.icon-zface-home{
  background-color:white;
  width:140px;
  height:96px;
  background-image:url('../images/zocdoc.png');
  background-position-x:0px;
  background-position-y:0px;
  margin-top:3px;
  margin-left: calc( 50% - 45px );
  display:block;
}




.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}