/* CSS Document for EK2 Rentals */

body {
background-color: #000000;
color: #ffffff;
font-family: marklight, sans-serif;
}

.main_table {         /* centers the table on page */
text-align:center;
margin-left: auto;
margin-right: auto;
border-spacing: 15px;
}



.text {               /* body text with tracking */
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-left: 1px solid #2d2d2d;
letter-spacing: .5px;
font-size: 1.1em;
}
.mobiletext {         /* body text with tracking */
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
/* border-left: 1px solid #2d2d2d; */
letter-spacing: .5px;
font-size: 1.5vmax;
}



.header {
text-align: left;
vertical-align: top;
padding-top: 40px;
padding-bottom: 5px;
}
.mobileheader {
text-align: center;
vertical-align: top;
padding-top: 40px;
padding-bottom: 5px;
}



.padding10 {
padding-top: 10px;
padding-bottom: 10px;
}

.properties {    /* vertical spacing for property images and videos */
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
}

.tdsections {       /* top/bottom padding for plain TD's */
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

.featured_images {    /* spaces the 3 property images and vertical spacing */
padding-left: 4px;
padding-right: 4px;
padding-top: 0px;
padding-bottom: 0px;
}



.featured_address {    /* property image address and vertical spacing */
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

.featured_address_mobile {    /* property image address and vertical spacing */
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.5vmax;
}



.footer {
text-align: center;
vertical-align: top;
padding-top: 20px;
padding-bottom: 20px;
font-size: .7em;
color: #cccccc;
letter-spacing: 1.1px;
}

.footer_mobile {
text-align: center;
vertical-align: top;
padding-top: 20px;
padding-bottom: 20px;
color: #cccccc;
letter-spacing: 1.1px;
font-size: 1.2vmax;
}


.heading {  /* matches featured but bigger */
font-family: markbook, sans-serif;
font-size: 2.2vmax;
letter-spacing: -1.2px;
padding-left: 10px;
border-left: 1px solid #2d2d2d;
}

.heading_mobile {  /* matches featured but bigger and no left border */
font-family: markbook, sans-serif;
font-size: 2.2vmax;
letter-spacing: -1.2px;
padding-left: 10px;
}

.subheading {  /* matches featured but no left padding */
font-family: markbook, sans-serif;
font-size: 2.2vmax;
letter-spacing: -1.2px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 3px;
}

.subheading_mobile {    /* matches featured but no left padding */
font-family: markbook, sans-serif;
font-size: 2.2vmax;
letter-spacing: -1.2px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 3px;
}

.subtext {           /* additional padding indent for subheading */
padding-left: 20px;
}



.featured {  /* matches leftnav and text vertical border */
font-family: markbook, sans-serif;
font-size: 1.5em;
letter-spacing: -1.2px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 3px;
}

.featured_mobile {  /* matches leftnav and text vertical border */
font-family: markbook, sans-serif;
font-size: 2.2vmax;
letter-spacing: -1.2px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 3px;
}



.leftnav {  /* matches mobilenav & featured */
font-family: markbook, sans-serif;
font-size: 1.4em;
letter-spacing: -1.2px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #2d2d2d;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 10px;
}

.mobilenav {  /* matches leftnav but bigger for mobile */
font-family: markbook, sans-serif;
font-size: 3vw;
letter-spacing: -1.2px;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #2d2d2d;
padding-top: 0px;
padding-bottom: 15px;
}



@font-face {
  font-family: antiqua;
  src: url(fonts/antiqua.ttf);}

@font-face {
  font-family: champagne;
  src: url(fonts/champagne.ttf);}

@font-face {
  font-family: markbook;
  src: url(fonts/Mark-Book.ttf);}

@font-face {
  font-family: marklight;
  src: url(fonts/Mark-Extralight.ttf);}



.leftnav a:hover {
color: #afafaf;
}
.properties a:hover {
color: #afafaf;
}
.header a:hover {
color: #afafaf;
}
.featured_address a:hover {
color: #afafaf;
}
.mobilenav a:hover {
color: #afafaf;
}



a:link {
color: #ffffff;
text-decoration: none;
}

/* visited link */
a:visited {
color: #ffffff;
}

@media screen and (max-width: 1000px){.mobile_hide{display:none;}}   /* for DESKTOP */
@media screen and (min-width: 1000px){.desktop_hide{display:none;}}  /* for MOBILE  */


/* for MOBILE drop-down nav stuff  */

.collapsibles {
cursor: pointer;
padding: 1px;
border: 0px;
text-align: left;
}

.active, .collapsibles:hover {
background-color: none;
}

.negative_buffer {
margin-top: -17%;
margin-left: 15%;
}

.content {
padding-top: .5em;
padding-left: 1.2em;
padding-right: 1.2em;
display: none;
line-height: 1.2;
}