/* illumineX.com css styles */
/* Saturday, July 31, 2021 */

/* loading the font source in the stylsheet is really nice, and would let you update an entire site with one change...
	unfortunately this results in poor Google PageSpeed Insights score CWV due to blocking CSS 
	so, I guess the industry is back to loading fonts on every single web pages... sigh...

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
*/
/*------- fonts -------*/
/* @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
*/
/*------- end of fonts -------*/

@font-face {
  font-family: 'M PLUS Rounded 1c', 'Poppins', sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
  font-display: swap;
/*   font-weight: normal; 
  font-style: normal;
*/
    }

/* Google Lighthouse suggests that the MOV needs to be in a layer that the compistor knows will change 
 * https://web.dev/articles/stick-to-compositor-only-properties-and-manage-layer-count
     * */

.moving-element {
  will-change: transform;
  transform: translateZ(0);
}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
/*  font-family: "Poppins", sans-serif; */
  font-family: 'M PLUS Rounded 1c', 'Poppins', sans-serif !important;
  }
/* boddy padding to adjust for fixed top navbar */
/* body { padding-top: 60px; } */

/* 
html body h1 h2 h3 h4 h5 h6 div p a ul ol li {
  }

html body h1 h2 h3 h4 h5 h6 {
    font: 'M PLUS Rounded 1c', 'Poppins', sans-serif;
    }
*/ 

/* illumineX additional colors */
.ix-gray-light { color: #dcdcdc; } /* Put any color you want */
.ix-gray-light2 { color: #d1d1d1; } /* Put any color you want */
.ix-purple-light { color: #ff0000; } /* Put any color you want */
.ix-orange-light { color: #ff0000; } /* Put any color you want */
.ix-green-light { color: #ff0000; } /* Put any color you want */
.ix-red-light { color: #ff0000; } /* Put any color you want */


/* illumineX glass bar horizontal separator */
/* container to center and size hbar */
.hbar {
width:70%;
text-align:center;
background:transparent;
margin:0 auto;
z-index:0;
}

/* both left and right end caps */
.hbar_cap {
width:12px;
height:12px;
float:left;
margin:0 auto;
}

.hbar_mid {
height:12px;
width:90%;
float:left;
clear:none;
text-align:center;
padding:0;
margin:0 auto;
border:none;
background:transparent;
}