/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
html {
    font-size: 62.5%;
}

body {
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Alegreya SC', serif;
}
h1 {
    font-size: 28px;
    font-size: 2.8rem;
	font-weight: bold;
}
h2 {
	font-size: 20px;
    font-size: 2.0rem;
	font-weight: bold;
}
h3 {
	font-size: 16px;
    font-size: 1.6rem;
	font-weight: bold;
}
h4 {
	font-size: 12px;
    font-size: 1.2rem;
	font-weight: bold;
}
h5 {
	font-size: 10px;
    font-size: 1.0rem;
	font-weight: bold;
}
h6 {
	font-size: 8px;
    font-size: .8rem;
	font-weight: bold;
}
nav {
    height: 165px;
    line-height: 50px;
}
nav ul a,
nav .brand-logo {
  color: #444;
  font-size: 16px;
  font-size: 1.6rem;
}
a {
	color: #0056b3!important;
}
footer a {
	color: #b1dcfb!important;
}
#logo-container {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: bold;
}
.nav-wrapper {
	position: relative;
}
.nav-menu {
	position: absolute;
	bottom: 0;
	right: 0;
}
.dropdown-content {
   overflow-y: visible;
}
.dropdown-content .dropdown-content {
   margin-left: 100%;
}
.button-collapse {
  color: #26a69a;
}
.collapsible-header {
  color: #26a69a;
}
.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

.d-flex {
    display:flex;
	/*flex-wrap: wrap;*/
}
.dki-just {
	text-align: left;
}
.dki-inline {
	display: inline;
}
.dki-boldhead {
	font-family: 'Alegreya SC', serif;
	font-size: 18px;
    font-size: 1.8rem;
	font-weight: bolder;
}
@media only screen and (max-width : 1440px) {
nav ul a,
nav .brand-logo {
  color: #444;
  font-size: 14px;
  font-size: 1.4rem;
}
}
@media only screen and (max-width : 1366px) {
nav ul a,
nav .brand-logo {
  color: #444;
  font-size: 13px;
  font-size: 1.3rem;
}
}
@media only screen and (max-width : 1280px) {
nav ul a,
nav .brand-logo {
  color: #444;
  font-size: 16px;
  font-size: 1.6rem;
}
	.container {
		width: 95%;
	}
}
@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;
  }
  #logo-container {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 25px;
  top: 10px;
  width: 60%;
  }
  nav {
		height: 140px;
  }
  .parallax-container {
  min-height: 200px;
  }
	h3.flex-area {
		font-size: 14px;
		font-size: 1.4rem;

	}
}

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

footer.page-footer {
  margin: 0;
}





.uline {
	text-decoration: underline;
}
.brand-logo {
	font-family: 'Alegreya SC', serif;
}
.bellefair {
	font-family: 'Bellefair', serif;
}
.img-border { 
   border:1px solid #021a40;
}
.pad-left {
	margin-left: 10px;
}
.italic {
	font-style: italic;
}
.smaller {
	font-size: 1.2rem;
}
.bolder {
	font-weight: bolder;
}

a.link-none{
	text-decoration: none;
	color: white;
}
.cap-bold {
	text-transform: uppercase;
	font-weight: bold;
}
.legal {
	color: red;
}

ul.special
{
	list-style-type: none;
}

ul.special li
{
	text-indent: -1.4em;
	padding-left: 2em;
}
ul.special li:before
{
	font-family: 'Material Icons';
	content: '\e163';
	float: left;
	width: 1.4em;
}
ul.special li.flower:before { content: "\e332"; }



.s5ths,
.m5ths,
.l5ths,
.xl5ths {
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5ths {
  width: 20%;
}
.d-flex {
    display:flex;
	flex-wrap: wrap;
}
.news.card {
  border-left: 5px solid #c62828; /* subtle red accent */
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.skip-link { position: absolute; top: -40px; left: 0; background: #1a237e; color: #fff; padding: 8px; z-index: 9999; }
.skip-link:focus { top: 0; }
a.skip-link  {
	color: #fff!important;
}
address {
    font-style: normal;
}
@media only screen and (min-width: 601px) {
  .row .col.m5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl5ths {
    width: 20%;
  }
}