/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

/* Main Website Template */

@media screen and (min-width: 993px) {
    main {
        padding-left: 240px;
    }
}

.card-image img {
    max-height:345px;
    overflow-y:hidden;
}
/* Card */
.card-title {
    color: black !important;
    padding: 0 20px !important;
    background-clip: padding-box;
    background-color: lightcoral;
    margin: 20px 0;
}
/* Side-Nav logo */
a#logo-container {
    font-size:35px;
}
.logo {
    text-align:center;
    padding-top:15px;
}
.logo:hover, a#logo-container:hover {
    background:none;
}

/* Home */
.home {
    margin-top:-64px;
    height:100vh;
    background:url('../images/hero.jpg') no-repeat center center;
    background-size:cover;
}
.home-secondary {
    background: url('../images/home/clothing_store.jpg') no-repeat center center;
    height:500px;
}

/* Main Nav Logo */
nav ul a,
nav .brand-logo, .main.header {
  color: #444;
  font-family: "Josefin Slab";
}
nav ul a:hover {
    background-color:transparent;
}
p {
  line-height: 2rem;
}

.button-collapse {
  color: #26a69a;
}

.dimmer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(0,0,0,0.6);
}
@media only screen and (max-width : 992px) {
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

#section1 {
  background-color:rgba(0,0,0,0.8);
}

.background-picture {
  position: absolute;
  max-width: 100%;
  opacity: 0.75;
  z-index: 0;
}