new-features-layout.css

File contents

#prefooter #social {float: none}

#prefooter.light a {background-color: transparent; color: #fff}

#prefooter.light a:hover {color: #fdb913}

#prefooter_wrapper {background-color: #666; font-size: 12px; text-shadow: none; color: #fff; padding: 50px 10px 60px}

#prefooter.light {background-color: #666; text-align: center; color: #fff}


/* ------------------ Temporary to undo some of the custom styles ------------------------- */

#content-body img.tileImage {float: none; margin: 0px 0px 0px 0px;}


#core-content .main-content {
  background-color: transparent;
  -webkit-box-shadow: none);
  -moz-box-shadow: none;
  box-shadow: none;
}


.tileBody, .documentByLine, p.tileFooter {display: none}

.lisingBar {display: block; margin-top: 50px}

/* ------------------ Masonary text over image grid ------------------------- */


#content-main {
    column-count: 3;
    margin: 0;
    padding: 0;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    margin-bottom: 25px
}

div.tileItem.visualIEFloatFix {
    display: inline-block;
    max-height: 200px;
    position:relative;
    clear:none;
    padding-left: 0px;
    padding-bottom: 0px;
    border: 1px red;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%
}

img.tileImage {
    width: 100%;
    position:relative;
    z-index:1;
    margin: 0px;
}

h2.tileHeadline a { 
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: .9;
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  display:block;
  position:absolute;
  width: 100%;
  height: 100%;
  text-align:center;
  margin: 0px;
  z-index:2;
  bottom: 0px;
  top: auto;
  background-color: black;
  opacity: 0.1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

h2.tileHeadline a:hover {text-decoration: none; opacity: 0.5;}

#content-body .m-item p .subline {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -.02em;
}

@media all and (max-width: 379px) {
.image-left {float: none; margin: 0;}
}

@media all and (max-width: 399px) {
    #content-main {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media all and (min-width: 400px) and (max-width: 769px) {
    #content-main {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    
}

@media all and (min-width: 770px) {
    #content-main {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}