/* Custom Stylesheet */

/*************************************/
/******** process animations ************/
/******** materialize css modifications **************/
/******** utilities **************/
/******** links throughout the website **************/
/******** landing page **************/
/******** element drops **************/
/******** Contact Forms **************/
/******** Blog **************/
/******** Backers **************/
/******** Subscribe **************/
/******** MailChimp **************/
/******** COLOURS **************/
/******** misc **************/
/*************************************/

/******** process animations ************/

/* this class turns the centerfuge*/
.rota {
	-webkit-animation: rotation 201ms infinite linear;
	   -moz-animation: rotation 201ms infinite linear;
	     -o-animation: rotation 201ms infinite linear;
	        animation: rotation 201ms infinite linear;
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to   {-moz-transform: rotate(360deg);}
}
@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to   {-o-transform: rotate(360deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to   {transform: rotate(360deg);}
}

/* this positions the vat and particles */
#vat_1{
	position:relative;
	display: inline-block;
}

#smallvat_holder{
	top:259px;
	left:36px;
	width:215px;
	height:290px;
}

#smallvat_container{
	top:0px;
	left:0px;
	width:215px;
	height:290px;
}

#pipes_bottom_section {
	height:200px;
	margin:-37px 0px 0px 0px;
}

#systemholder{
	height:600px;
	margin:0px 0px 0px 0px;
}

path {
	stroke-linejoin:round;
	fill:none;
}


/******** materialize css modifications **************/

/* this is a locally-installed google font */
@font-face {
   font-family: 'Open Sans Light';
   font-style: normal;
   font-weight: 300;
   src:url(../fonts/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff);
}

/* this installs said font */
html {	
	font-family: Open Sans Light, Arial, Trebuchet, sans-serif;
	overflow-x:hidden;
	color: #58544e !important;
}

.openreg {
	font-family: Open Sans, Arial, Trebuchet, sans-serif;
}

/******** utilities **************/

.spacer.s1 { min-height: 50px; }
.spacer.s2 { min-height: 100px; }

.brdrad{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.op5 { opacity:0.5; }

.brdrad_top {
	-webkit-border-top-left-radius: 10px;
	   -moz-border-top-left-radius: 10px;
	        border-top-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px;
	   -moz-border-top-right-radius: 10px;
	        border-top-right-radius: 10px;
}

.brdrad_bottom{
	-webkit-border-bottom-left-radius: 10px;
	   -moz-border-bottom-left-radius: 10px;
	        border-bottom-left-radius: 10px;
	
	-webkit-border-bottom-right-radius: 10px;
	   -moz-border-bottom-right-radius: 10px;
	        border-bottom-right-radius: 10px;
}

.rel{position: relative; display: block;}
.abs{
	position: absolute;
	display: block;
}

.mft {
	display:inline-block;
	margin:auto;
	padding:5px 10px 6px 7px;
}


/******** links throughout the website **************/

/* this is for customized links inside the navbar */	
nav ul a,
nav .brand-logo {
  color: #444; /*link color*/
   font-size:130%;
}
nav ul a:hover {
   color: #00b063 !important;
   background-color:transparent;
}

.enf{
	color: #444; /*link color*/
	font-size:130%;
	cursor:pointer;
}
.enf:hover span{ color: #00b063 !important; }
.enf:hover { color: #00b063 !important; }

.fr{display:none;}

/* href anchors */
a{color:#fff;}
a:hover{color:#aaa;}

a.ask_link{color:#000;}
a.ask_link:hover{color:#000;}

a.sub{ color: #fff !important; }
a.sub:hover{ color: #4b4f9e !important; }

a.g_p{ color: #00b063 !important; }
a.g_p:hover{ color: #4b4da0 !important; }

a.w_p{ color: #fff !important; }
a.w_p:hover{ color: #4b4da0 !important; }

span.tsm{color:#fff; font-family:Century Gothic, Futura, Helvetica, sans-serif; font-size:200%;}

#pandp{ font-size:60%; }

.btn-flat{color:#fff;}


/******** landing page **************/
.logoimg { vertical-align: middle; }

/* scroll down button */
#scrollbutton_pos {
  position: absolute;
  top:500px;
  left: 0px;
  right: 0px;
  z-index:10;
}
.scroll_button_black {color: #909090 !important;}
.highlight { color:#00b063 !important; }

/* this brings the menu and the logo together in the nav-bar */
/* as the container class was removed as the menu is longer than normal */
.padLR-5 { padding: 0% 5% 0% 5%; }
.splash  { opacity: 0.4; }

.parallax-container {
	min-height: 380px;
	line-height: 2;
	height: 100vh;
}
.parallax-container .section {
	width: 100%;
}

#ask_us{ display:none; }
#response_ask_us{diplay:none;}

#maker {
	display: inline-block; 
	width:auto;
	border:2px #494ca0 solid;
	padding:10px;
}
#maker:hover{
	border:2px #00b063 solid;
}


/******** element drops **************/
.nopad {
	padding: 5px 0px 0px 0px !important;
}

.icn_holder { "margin":0px 0px 0px 0px; }

/******** Contact Forms **************/

#contact{ min-height:400px; }

.point { cursor: pointer; }
.point:hover img:first-of-type { opacity: 0.2; }
.point:hover span:first-of-type { opacity: 1; }

.mrg{
	maring:10px !important;
}
.op5_s{ 
	opacity:0.5; 
}

.op0{ opacity:0; }

.form_X{
	position: absolute;
	top:0px; 
	right:0px;
	height:50px;
	width:50px;
	margin:10px 5px 0px 0px;
	cursor:pointer;
}

#main_cont_holder{ display:none; }

.contact_blocker{
	background-color:black;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#form_holders{
	margin:0px;
	padding:0px;
}

textarea {
  width: 100%px;
  height: 300px;
  resize: none;
}

.contact_content{
	background-color:white;
	padding:40px 20px 20px 20px;
	margin:-20px 0px 0px 0px;
}

.contact_image{
	padding:0px;
}

#supply_title{ padding:0px 20px 0px 20px; }
#partnerships_title{ padding:0px 20px 0px 20px; }
#press_title{ padding:0px 20px 0px 20px; }

#partnerships_title_sm{
	top:0px;
	left:0px;
}

.conct_button{ background-color: #4b4da0; }
.conct_button:hover{ background-color: #00b063 !important; }
.conct_button:active{ background-color: #00b063 !important; }

/******** Blog **************/

.card-blog{
    min-height: 300px; 
    overflow: hidden;
}

/******** Backers **************/
.backer{ height:100px; }
.backer_img{
	max-height:100%;
	max-width:100%;
}
/* carousel for mobil view */
.carousel {min-height: 200px;}
.indicators li {background-color: #000000 !important;}
.indicators .active {background-color: #00b063 !important;}

/******** Subscribe **************/

#newsletter {
  width: 100%;
  height:500px;
  background-color:'#000';
  background: url('../src/assets/bloom_dark.webp');
}

.subsc_button{ background-color: #00b063; }
.subsc_button:hover{ background-color: #4b4da0 !important; }
.subsc_button:active{ background-color: #4b4da0 !important; }

/******** MailChimp **************/
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup{
	clear:left; 
	border-radius: 5px;
}
.mc-field-group{
	color:white !important;
}

#mce-success-response{
	color:white !important;
}

#mce-error-response{
	color:red !important;
}

/******** COLOURS **************/
.purple-txt{
 	color:#494ca0 !important;
}

.button-collapse { color: #00b063; }
.hya_blog_col { 
	background-color: #494ca0;
	color:#fff;
}
.hya_contact_col {
	background-color:  #fad97c; 
}
.hya_hiring_col{ background-color: #2d2a29; }
.hya_footer_col { background-color: #00b063; }


/******** misc **************/

/* this is custom nav settings for a thicker navbar */
/* c/o https://stackoverflow.com/a/35557036/1467200 */
@media only screen and (min-width: 992px){
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
		height: 100px;
		line-height: 100px;
	}
	.logoimg { width: 100px; }
}

/* tablet or below */
@media only screen and (max-width: 992px){
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
		height: 60px;
		line-height: 60px;
	}
	.logoimg { width: 50px; }
}


body {
	overflow-x:hidden;
} /* body: no left-right scrolling ever */