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

nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
}

.sidenav-trigger {
  color: #827717;
  margin-left: 1px !important;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #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;
}


/*
======================================================
                    CUSTOM CHANGES
======================================================
*/


/**
********************  MENUS
*/

/* Menu bar */
nav {
    background-color: rgba(230, 238, 156, 0.4);  /* #e6ee9c lime lighten-3 rgb(230, 238, 156) */

}
    /* Logo icon */
    nav span {
        background-color: rgba(205, 220, 57, 1);   /* #cddc39 lime rgb(205, 220, 57) */
        margin-right: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-left: 0 !important;

    }
    /* Logo text (large screens only) */
    nav .brand-logo {
        color: rgba(130, 119, 23, 1);   /* #827717 lime-text text-darken-4 rgb(130, 119, 23) */
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        
    }
        nav .brand-logo a {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;

        }
    /* Menu items and icons (large screens only) */
    nav li a {
        color: rgba(130, 119, 23, 1);   /* #827717 lime-text text-darken-4 rgb(130, 119, 23) */
        
    }
    /* Menu icons */
    nav li .material-icons {
        margin-right: 7px !important;
        padding-right: 0 !important;
    
    }
    /* Mobile menu bar */
    #nav-mobile {
        background-color: rgba(205, 220, 57, 0.95);  /* #cddc39 lime rgb(205, 220, 57) */
    }


/**
********************  SLIDERS
*/
/* Slide Header 3 */
.slider li h3 {
    color: rgb(205, 220, 57);  /* #cddc39 lime-text rgb(205, 220, 57) */
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;

}
/* Slide Header 5 */
.slider li h5 {
    color: rgb(238, 238, 238);  /* #eeeeee grey-text text-lighten-3 rgb(238, 238, 238) */

}
/* Inactive Indicators */
.slider .indicators .indicator-item {
    background-color: rgb(117, 117, 117) !important;  /* #757575 grey darken-1 rgb(117, 117, 117) */

}
/* Active Indicators */
.slider .indicators .active {
    background-color: rgb(205, 220, 57) !important;  /* #cddc39 lime rgb(205, 220, 57) */

}


/**
********************  BUTTONS
*/
/* Buttons */
.btn, .btn-floating {
  background-color: rgb(205, 220, 57) !important;  /* #cddc39 lime rgb(205, 220, 57) */
  color: rgb(249, 251, 231) !important;   /* #f9fbe7 lime-text text-lighten-5 rgb(249, 251, 231) */

}


/**
********************  CARDS
*/
/* Cards */
.card {
    /* margin: 0.5rem 0 1rem 0; */
    background-color: transparent;
    border-radius: 7px;
    border-color: rgb(160,160,255) !important;

    border: none !important;
    border-style: none !important;

}
    /* Teacher and Instrument Links */
    .card .card-action a {
        color: rgb(174, 234, 0) !important;   /* #aeea00 lime-text text-accent-4 rgb(174, 234, 0) */

    }
    /* Teacher and Instrument background */
    /* .card .card-action {
        background-color: rgba(68, 68, 68, 0.1);

    } */


/**
********************  COLLAPSIBLES
*/
/* Collapsible Lists */
.collapsible {
    border-radius: 5px;
}
    /* Collapsible headers */
    .collapsible-header {
        background: url('../resources/bodybg.jpg') repeat !important;
        /* background-color: rgba(230, 238, 156, 0.8); */  /* #e6ee9c lime lighten-3 rgb(230, 238, 156) */
    }


/**
********************  FOOTER
*/
/* Footer */
.page-footer {
    background-color: rgba(230, 238, 156, 0.4);  /* #e6ee9c lime lighten-3 rgb(230, 238, 156) */
  
}
    /* Authors, E-mail and Copyright text */
    .page-footer a, .page-footer p {
        color: rgb(188, 170, 164);  /* #bcaaa4 brown-text text-lighten-3 rgb(188, 170, 164) */

    }
    .page-footer p {
        margin: 0 !important;
        padding: 0 !important;
        
    }






.parallax200 {
    min-height: 100px !important;

}









.icon-block h2 {
    color: rgb(75, 75, 23);
}


/* Tooltips */
.material-tooltip {
    color: rgb(205, 220, 57) !important;  /* #cddc39 lime rgb(205, 220, 57) */
}







body {
    /* background-color: rgb(240, 244, 195); */
    background: url('../resources/bodybg.jpg') repeat !important;

}
/* #f0f4c3 lime lighten-3 rgb(240, 244, 195) */








.material-tooltip {
    padding: 10px 8px;
    font-size: 1rem;
    z-index: 2000;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    line-height: 120%;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: #323232;
    font-family: "Roboto Mono";
    font-size: 0.8em;
    font-weight: 700;
}







    /* Logo icon */
    nav span {
        background-color: rgba(205, 220, 57, 1);   /* #cddc39 lime rgb(205, 220, 57) */
        margin-right: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-left: 0 !important;

    }
    /* Logo text (large screens only) */
    nav .brand-logo {
        color: rgba(130, 119, 23, 1);   /* #827717 lime-text text-darken-4 rgb(130, 119, 23) */
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        
    }
        nav .brand-logo a {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            
        }