@charset "UTF-8";
/* CSS Document */
/*.image-box {
	position: relative;
}

.image-box__background,
.image-box__overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.image-box__background {
	background: var(--image-url) center center no-repeat;
	background-size: cover;
	z-index: 1
}

.image-box__overlay {
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}

.image-box__content {
	position: relative;
	z-index: 3;
	color: white;
  	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}*/

/*______________*/


/* 
The container box is relative so we can position stuff inside of it 
*/
.map-box {
	position: relative;
	display: flex;
	
}


.map-box__background,
.map-box__overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* 
The background image div sizes and positions the background itself.
It's also at the bottom-most position in our "div stack" (z-index 1)
Set the image url via a CSS custom property, that's set via the style attribute in our HTML
*/
.map-box__background {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
/*	background-image: var(--image-url);*/
	background-image:url(../../images/CazOfficeSuites-Map.jpg);
	z-index: 1;
	height: auto;
	
}

/* 
The overlay div is just a colored element with some opacity.
It's above the background image in our stack, so it appears to 
darken the image 
*/
.map-box__overlay {
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}

/* 
The content div is at the top of our stack. 
We'd probably add some padding or flexbox properties here as well, 
to place the content appropriately
*/
.map-box__content {
	position: relative;
	z-index: 3;
	color: white;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* just for the demo */
html, body {
	
	font-family: sans-serif;
}
h1 {
	font-size: 30px;
}

_______________________________

.cazmap-box {

  /* Here's the trick */
/*  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)) , var(--image-url) center center;
*/	
  /*background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)) , var(--image-src) center center;
  background-size: cover;*/

  /* Here's the same styles we applied to our content-div earlier */
  color: white;
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cazmap-box img{

  background: center center;
  background-size: cover;

}

.CazOff-Map {
	background-image:url("../../images/CazOfficeSuites-Map-2403x638.jpg");
	background-position: center center;
	background-repeat:no-repeat;
	/*background-attachment: fixed;*/
	background-size: cover;
    height:0px;
    padding-bottom: 25%;
	
}
.CazOff-Map:hover {
	cursor: hand;
	cursor: pointer;
	opacity: .9;
	
}

a .divLink {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-decoration: none;
   /* Makes sure the link doesn't get underlined */
   z-index: 10;
   /* raises anchor tag above everything else in div */
   background-color: white;
   /*workaround to make clickable in IE */
   opacity: 0;
   /*workaround to make clickable in IE */
   filter: alpha(opacity=0);
   /*workaround to make clickable in IE */
}

.CazOff-Map_cond {
	background: url(../../images/CazOfficeSuites-Map.jpg) center center cover no-repeat fixed;
}
.address-block-map {
    background-color: rgba(16, 18, 99, .8); 
    border-color: white; 
    border-width: 2px;
    padding:5% 5% 5% 5%;
}

.address-block-map > p, h1  {
    color:white;
}

.address-block-contact{ 
	background-color: rgba(16, 18, 99, .2);
    border-color: white; 
    border-width: 2px;
    padding:5% 5% 5% 5%;
}

.address-block-contact > p  {
    color:black;
}
.address-block-contact > h1  {
    color: #101263;
}
@media only screen and (max-width:1199px) {   /* Have to add mid range code and sized image */
	CazOff-Map_cond {
	background-image: url(../../images/cazOfficeSuites-Map-767.jpg);
	}
}
@media only screen and (max-width:767px) {  /* Have to add  sized image */
	CazOff-Map_cond {
	background-image: url(../../images/cazOfficeSuites-Map-767.jpg);
	}
}