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

 
 /* Placeholder Text Styling */
input::-webkit-input-placeholder {font: 9pt tahoma; color: #888; font-style:  italic; text-align: center;}
input:-ms-input-placeholder {font: 9pt tahoma;color: #888; font-style:  italic; text-align: center;}
input:-moz-placeholder {font: 9pt tahoma;color: #888; font-style:  italic; text-align: center;}
input::-moz-placeholder {font: 9pt tahoma;color: #888; font-style:  italic; text-align: center;}



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

p {
  line-height: 2rem;
}

.sidenav-trigger {
  color: #26a69a;
}

.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;
}


.box {
   display: flex;
   align-items:center;
}


/* #### NAV MENU #### */
.navbar {
	overflow: hidden;
	height: 46px;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
	float: left;
	font-size: 16px;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.dropdown {
	float: left;
	overflow: hidden;
	cursor: pointer;
}

.dropdown .dropbtn {
	font-size: 16px;    
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: #333;
	font-family: inherit;
	margin: 0;
	cursor: pointer;
}

.navbar a:hover, .dropdown:hover .dropbtn {
	background-color: #0099ff;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
	z-index: 1;
}

.dropdown-content span {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content span:hover {
	background-color: rgba(0,155,255,0.5);
}

.dropdown:hover .dropdown-content {
	display: block;
}



.left {text-align:  left;}
.right {text-align:  right;}
.center {text-align:  center;}

.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.caps  {text-transform: capitalize;}

.pad5 {padding: 5px;}
.padL25 {padding-left: 25px;}

.pointer {cursor: pointer;}

.txtBlack {color: #000;}
.txtWhite {color: #fff;}
.white-text {color: #fff;}
.txtTellow {color: #ffff00;}
.txtRed {color: #ff0000;}
.txtGrey {color: #777;}
.txt555 {color: #555;}
.blue-text {color: blue;}

.f8 {font: 10pt arial;}
.f9 {font: 10pt arial;}
.f10 {font: 10pt arial;}
.f12 {font:  12pt arial;}
.f14 {font:  14pt arial;}
.f16 {font:  16pt arial;}
.f18 {font:  18pt arial;}
.f20 {font:  20pt arial;}
.f22 {font:  22pt arial;}
.f24 {font:  24pt arial;}
.f28 {font:  28pt arial;}
.f32 {font:  32pt arial;}

.bold {font-weight: bold;}
.italic {font-style: italic;}

.wd50 {width:  50px;}
.wd80 {width:  80px;}
.wd100 {width: 100px;}
.wd120 {width: 120px;}
.wd130 {width: 130px;}
.wd140 {width: 140px;}
.wd150 {width: 150px;}
.wd180 {width: 180px;}
.wd200 {width: 200px;}
.wd300 {width: 300px;}
.wd400 {width: 400px;}

.w20 {width: 20px;}
.w40 {width: 40px;}
.w50 {width:  50px;}
.w60 {width:  60px;}
.w70 {width:  70px;}
.w80 {width:  80px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}

.w20p {width: 20%;}


.h20 {height: 20px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}

.border-none {border: none; }
.border-888 {border: 1px solid #888; }

.bg-000 {background-color: #000;}
.bg-fff {background-color: #fff;}
.bg-222 {background-color: #222;}
.bg-333 {background-color: #333;}
.bg-444 {background-color: #444;}
.bg-555 {background-color: #555;}
.bg-888 {background-color: #888;}
.bg-999 {background-color: #999;}
.bg-efefef {background-color: #efefef;}
.bg-ccc {background-color: #ccc;}

.bgWhite {background-color: #fff;}
.opacity50 {opacity: 0.5;}
.opacity50:hover {opacity: 1.0;}

.hoverBlueText:hover {color: #cc9900;}
.hoverOrangeText:hover {color: #ff9900;}
.hoverOrange:hover {background-color: #ff9900;}
.hoverBlueText:hover {color: #3366ff;}
.hoverBlue:hover {background-color: #3366ff;}
.hoverWhiteText:hover {color:#fff;}
.hoverWhite:hover {background-color: #fff; cursor: pointer}
.hoverYellow:hover {background-color: #ffff00;}

.hoverBold:hover {font-weight: bold; }

.project_image_border {border: 3px solid rgba(0,0,0,0.0); }
.project_image_border:hover {border: 3px solid red; }

.btnBlue {
	cursor:  pointer;
	border: 1px solid #3333cc;
	background-color: #fff;
	color: #000;
	font-weight: bold;
}
.btnBlue:hover {
	cursor:  pointer;
	border: 1px solid #3333cc;
	background-color: #3333cc;
	color: #fff;
}

.btnGrey {
	cursor:  pointer;
	border: 1px solid #333;
	background-color: #e0e0e0;
	color: #000;
	font-weight: bold;
	-ms-clear {display: none;}
}
.btnGrey:hover {
	cursor:  pointer;
	border: 1px solid #333;
	background-color: #777;
	color: #fff;
}