/*
Theme Name: Marcus & Millichap Tampa & Orlando
All styles below are potential overrides for the central theme stylesheet located at https://updatesfrom.co/library/css/central-theme-style.css
*/

body {
	background-color: #f4f4f4;
}

.container {
	max-width: 636px; /* Typically same as the width of the header image */
	border-radius: 10px; /* If rounded corners not desired for page, change to 0 */
	background-color: #ffffff; /* Default in central theme stylesheet is #878787, often should be changed to white */	
	border: 1px solid #dcdcdc;
}

.content {
	margin: 0 15px 0 15px;
}

h2 {
	font-size: 18px;
	line-height: 25px;
	color: #003d7d;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}

table p, table li {
	font-size: 11px;
	line-height: 12px;
}

table.datatable p, table.datatable li {
	font-size: 14px;
	line-height: 14px;
}

table.datatable th, table.datatable td {
    vertical-align: top;
}

table.closings, table.listings {
	border: 0px solid #000;
}

table.closings td, table.listings td {
	border: 0px solid #000;
	background: #d4dfed;
	font-size: 14px;
	line-height: 16px;
}

table.closings li, table.listings li {
	font-size: 14px;
	line-height: 16px;
}

table.closings p, table.listings p {
	font-size: 14px;
	line-height: 16px;
}

table.closings h3, table.listings h3 {
	margin-bottom:0px;
}

table.closings td, table.listings td {
	width: 50%;
	padding: .5em;
}

table.closings img, table.listings img {
/*	width: 70%;*/
}

table.closings a, table.listings a {
	white-space: nowrap;
}

.additional_listing_table {
	border: none;
}

.additional_listing_table * {
	font-size: 0.7rem;
}

.additional_listing_table p {
	margin-bottom: .8em;
}

.additional_listing_table a {
	white-space: nowrap;
}

.additional_listing_table img {
	border: 1px solid #000;
	width: 120px;
	height: auto;
}

.additional_listing_table img.noborder {
	border: none;
}


/*If borders are required around the page, uncomment and adjust the following border colors/widths for the wrapper and footer divs */
.wrapper {
	/* border-left: 3px solid #8b97a6; */
	/* border-right: 3px solid #8b97a6; */
}
.footer {
	/* border-left: 3px solid #8b97a6; */
	/* border-right: 3px solid #8b97a6; */
	/* border-bottom: 3px solid #8b97a6; */
}

a:link, a:visited {
	color: #d97500;
}

a:hover {
	color: #ff9900;
	text-decoration: underline;
}

/*If the text address should be below the client logo, uncomment and use the following */
.footer-address {
	/* padding-top: .5em */
	/* clear: both; */
	text-align: left;
}

.address-logo {
	margin-left: 0;
	margin-bottom: 5px;
}

/* Form button colors, override Foundation's color; also applied to Contact Form 7 button */
input.button, input.wpcf7-form-control.wpcf7-submit, a.button {
	color: white; 
	text-decoration: none;
	background: #ff9900;
}
input.button:hover, input.wpcf7-form-control.wpcf7-submit:hover, a.button:hover {
	color: white;  
	background: #d97500;
}

@media print {
	a[href]:after {
     content:"";
	}
}

.image-wrapper {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 4px; }

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h3 {
  color: #f2f2f2;
  font-size: 1.8rem;
  margin-top: 10%;
  transition: all 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.7); }

.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }