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

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

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

a:link {
  color: #3786a5;
}

a:visited {
  color: #3786a5;
}

a:focus {
  border-bottom: 1px solid;
  background: #f7eff2;
}

a:hover {
  border-bottom: 1px solid;
  background: #f7eff2;
}

a:active {
  background: #f7eff2;
  color: #3786a5;
}

.zigzag {
	position: relative;
}
.zigzag:after {
	background: linear-gradient(-45deg, #eee 10px, transparent 0), linear-gradient(45deg, #eee 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 24px 50px;
	content: " ";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
}

.zigzagwh {
	position: relative;
}
.zigzagwh:after {
	background: linear-gradient(-45deg, #fff 10px, transparent 0), linear-gradient(45deg, #fff 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 24px 50px;
	content: " ";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
}

.slope::after {
  position:absolute;
  content: " ";
  display:block;
  left:0;
  /* bottom:-20px; */
  width:100%;
  border-style: solid;
  border-width: 0 100vw 40px 0;
  border-color: transparent #eee transparent transparent;

}

.slope-white::after {
  position:absolute;
  content: " ";
  display:block;
  left:0;
  /* bottom:-20px; */
  width:100%;
  border-style: solid;
  border-width: 40px 100vw 0 0;
  border-color: #fff transparent transparent transparent;

}

.slope1::before {
  content: " ";
  display:block;
  left:0;
  bottom:20px;
  width:100%;
  border-style: solid;
  border-width: 40px 100vw 0 0;
  border-color: transparent #888 transparent transparent;

}