/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 */

main {
    flex: 1 0 auto;
    background: #fafafa;
}

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

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

  main {
    flex: 1 0 auto;
	background:#fafafa
  }

.header {
	color: #009688;
	font-weight: 300
}

.row .col {
	float: left;
	box-sizing: border-box;
	min-height: 1px;
	padding-left: 0;
}

.section {
	padding-top: 3rem;
	padding-bottom: 1rem
}

footer.page-footer {
	margin-top: 230px;
}

h2 {
	font-size: 2.56rem;
	line-height: 110%;
	margin: 1.78rem 0 1.424rem 0
}

.media {
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 1rem;
}


.collapsible-header {
	display: block;
	cursor: pointer;
	font-size: 22px;
	color:#009688;
	line-height: 4rem;
	padding: 0 1rem;
	background-color: #fafafa;
	border-bottom: 1px solid #ddd
}

.collapsible-header i {
	line-height: 4rem;
}

.collapsible-body {
	display: none;
	width:100%;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin-right:28px;
	background-color:#fff
}

.collapsible-body-margins {
	display: none;
	border-bottom:1px solid #ddd;
	box-sizing: border-box;
	padding-left: 2rem;
	padding-right:2rem;
	padding-top:1rem;
}
.collapsible-body-margins ol {
	font-size:13px; 
	line-height:1.5;
}

.collapsible-body-margins li {
	padding-bottom:10px;
	margin: 0;
	line-height: 1.5;
	font-size:13px;
	padding-left: .5rem;
	padding-right: .5rem; 
}
.collapsible-body p {
	margin: 0;
	padding-left: .5rem;
	padding-right: .5rem;
	font-size:13px;
}

.collapsible-body h5 {
	font-size:18px;
	margin-bottom:1.5rem;
}

@media only screen and (min-width: 760px) {

ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

ol	li {
    display: list-item;
    text-align: -webkit-match-parent;
	margin-bottom: 10px;
}
}

@media only screen and (max-width: 992px) {
nav.top-nav {
	height: 256px;
	width: 100%;
	padding-top: 7rem;
	box-shadow: none
}
h1 {
	font-size:56px;
}

nav .nav-wrapper {
	margin-left:1%;
}

}

@media only screen and (max-width: 760px) {
nav .nav-wrapper a.page-title {
	font-size: 3.2rem;
	line-height:1.0
}

nav.top-nav {
	height: 180px;
	padding-top: 6rem;
	box-shadow: none
}

h4 {
	margin-top: 0px;
}
nav .nav-wrapper a.page-title {
	font-size: 2.5rem;
	line-height:1
}
}


@media only screen and (max-width: 600px) {
nav.top-nav {
	height: 128px;
	padding-top: 6.5rem;
	box-shadow: none
}

.side-nav .collapsible {
	margin: 0 auto;
	margin-top:4rem;
}

nav .nav-wrapper a.page-title {
	font-size: 2.2rem;
	line-height:1.0
}

.section {
	padding-top: 1rem;
	padding-bottom: 1rem
}

ul {
	padding: 0;
	list-style-type: inherit
}
ul.browser-default, ul.browser-default li {
	list-style-type: initial
}
ul li {
	list-style-type: inherit
}

.collapsible {
	min-width: 250px;
	width:113%;
	margin-left:-27px;
	margin-right:-28px;
	border-top: 1px solid #ddd;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: 0 0 0 0;

}

#nav-mobile li.search {
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	margin-top: 1px;
	padding: 1px 0 0 0;
	z-index: 2
}
}