/* My standard header uses image class of "border0" which seems to be an error?  Could change to "border-0" and then use this CSS */
.border-0px {
  border-width: 0;
}
/* My standard header uses image class of "border0" which seems to be an error?  Could change to "border-0" and then use this CSS */

/* applies to all images (to add clearance so mobile friendly) Tried em & rem but both gave too much space in browser so used px */
img {
	border-width: 0px;
	margin: 2px;
	}

/* added blink on 2/18/2021 for notice to load MLS listings */

.blink {
  animation: blink 3s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: .10;
    color: blue;
  }
}

iframe {
	border:0px;
	margin:1px
}
.noborder {
    border: 0; !important;
}

h1 {
  text-align: center;
}

h2 {
  text-align: center;
}

.menuhoriz {
  display: block;
  text-align:center;
}

.left {
	text-align:justify;
}

.right {
	text-align:right;
}

.center { text-align:center;
}

.justify {
	text-align:justify
}
.italics {
	font-style:italic
}

.bold {
	font-weight:bold
}

.small {
	font-size: small;
}

.x-small {
	font-size: x-small;
}

.xx-small {
	font-size: xx-small;
}

.medium {
	font-size:medium;
}

.large {
	font-size:large;
}

.x-large {
	font-size: x-large;
}

.valign-middle {
	vertical-align: middle;
}

.valign-top {
	vertical-align:top;
}

.bkgnd-orange {
    background-color: #F9A61A;
}

.bkgnd-exqblue {
	background-color: #19469D;
}

.bkgnd-ltexqblue {
    background-color: #F8FAFE;
}

.exqblue {
	color: #19469D;
}

.white {
	color:white;
}
.black {
	color:black;
}

.red {
	color: red;
}

.orange {
	background-color: #F9A61A;
}
.bullet-crs {
	list-style-image: url('../images/crs_bullets.jpg');
}

/* added zoom on 2/15/2021 for Load Listings button-works if place part way down but not at top, why??? */

.zoom {
  padding: 10px;
  transition: transform .2s;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}

.firstchar-tall {
  float: left;
  font-size: xx-large;
  line-height: .5em;
  padding-top: 0px;
  padding-right: 1px;
  padding-left: 0px;
}

.border0 {
	border-width: 0px;
}

.footer-img {
  width: 100%;
  display:block;
}
/*Below is new as of 10/15/2020 to add a medium solid eXpRealty-blue border around all iframes.  It works fine and applies to ALL iframes.*/
iframe{
	border:medium solid #19469D;
}