/* BASE */

body {
    background: #f5cac8; 
}

main {
    background: white; 
    background: -webkit-linear-gradient(#f5cac8, #ffffff,#d7effc, #bfe6fa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5cac8, #ffffff,#d7effc,#bfe6fa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5cac8, #ffffff,#d7effc, #bfe6fa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5cac8, #ffffff, #d7effc, #bfe6fa); /* Standard syntax */;
}

.listing .visible .main-lower {
    background: white; 
    background: -webkit-linear-gradient(#f5cac8, #ffffff,#d7effc,  #bfe6fa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5cac8, #ffffff,#d7effc, #bfe6fa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5cac8, #ffffff,#d7effc, #bfe6fa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5cac8, #ffffff,#d7effc, #bfe6fa); /* Standard syntax */
}

.has-title .main-lower {
  min-height:0px;
}

footer {
    background: #bfe6fa;
}

.container {
  padding-top: 50px;
}

/* LISTING PAGE */

.main-header {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
 min-height: 110vh;
}

.masonry-item .image-wrap {
    margin: 0 auto;
    position: relative;
    width: 80%;
}

/* NAVIGATION */

.navigation {
  padding-top:30px;
}

.site-navigation {
  margin:auto;
  margin-top:-50px;
}

.navigation .item a {
  letter-spacing:1px;
  padding-right: 5px;
  padding-left: 5px;
  
}

.navigation .item a:hover {
  border-bottom: 3px solid black;
}

.navigation .item a:active {
  border-bottom: 3px solid black;
}