/*
Theme Name: Material LCDL
Theme URI: https://lcdl.library.cofc.edu
Author: Tyler Mobley
Description: Theme based on Materialize for the Lowcountry Digital Library at the College of Charleston. Built from BlankSlate boilerplate theme.
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images
Text Domain: materialcdl
*/


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
    h1{font-size: 2.5rem;}
}


#menu-item-634 > a {display:none;}
#menu-item-750 > a {display:none;}

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none;
	color:white;
}

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"]:hover {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none;
	color:#660000;
}

@media only screen and (min-width: 993px){}
.container {
    width: 80% !important;
}

.dropdown-content{
    overflow: visible !important;
}

nav {
    color: #fff;
    background-color: #230708;
    width: 100%;
    height: 56px;
    line-height: 56px;
	-webkit-box-shadow: none;
    box-shadow: none;

}

nav#nav-below  {
    color: #660000;
    background-color: white;
    width: 100%;
    height: 56px;
    line-height: 56px;
	-webkit-box-shadow: none;
    box-shadow: none;

}

nav#nav-below a{color:#660000;}

.nav-wrapper{
margin-top:15px;
}

.lcdl-white-gradient{
	color: rgba(255,255,255,.9);
    background: none;
    background: -webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.1));
    background: -o-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.1));
    background: -moz-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.1));
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.1));
}

nav.nav-center ul {
    text-align: center;
}
nav.nav-center ul li {
    display: inline;
    float: none;
}
nav.nav-center ul li a {
    display: inline-block;
}

li a{
color:black !important;
}

footer li a{
color: white !important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #660000;
    -webkit-box-shadow: 0 1px 0 0 #660000;
    box-shadow: 0 1px 0 0 #660000;
}

h1,h2,h3,h4{font-family: 'Playfair Display', serif;}
body,p,a,h5{font-family: 'Raleway', sans-serif;}
.thicc{font-weight:bold;}

h6{font-weight:bold; color:#660000;}

nav ul a{font-family: 'Playfair Display', serif; font-size:18px;}

.accentRow{background-color:#DCDCDC;}

img{max-width:100%; height:auto;}

a{color:#660000;}
a:hover{text-decoration:underline;}

.no-margin-bot{margin-bottom:0;}

.megaSlash{font-size:16rem;}

.cofcRedText{color:#660000;}

.cofcRedBg{background-color:#660000;}

input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    background-color: white;
    border: none;
    border: 0px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 54px;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    padding-left:10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.site-content{flex:1;}

a.collectionLink:hover{text-decoration:underline;}

ul li a:hover{text-decoration:underline;color:#660000;}


body.page-template-default .parallax-container, body.archive .parallax-container, body.page-template .parallax-container, body.single-institution .parallax-container, body.blog .parallax-container, body.post-template-default .parallax-container {
    min-height: 275px;
    line-height: 0;
    height: auto;
}


body.home .parallax-container{
    position: relative;
    overflow: hidden;
    height: 500px;
    line-height:1.4;
}


body.home .white{background-color:none !important;}

.flow-image{float:left; margin:10px;margin-left:0; margin-top:0;}

strong{font-weight:bold;}

section.entry-content ul:not(.browser-default)>li {
    list-style-type: disc;
    margin-left:20px;
}

.btn:hover, .btn-large:hover {
    background-color: white;
    color:#660000 !important;
}