/************* colors *********/
:root{

	
		/*orange*/
	--wo-primary-solid: #EE6352;
	--wo-primary-brighter-80: #FF763A;
	--wo-primary-brighter-60: #FF844F;
	--wo-primary-brighter-40: #FF9263;
	--wo-primary-brighter-20: #FDC2A8;


	/*blue*/
	--wo-secondary-solid:#00223D;
	--wo-secondary-brighter-80: #CFD8DF;
	--wo-secondary-brighter-60: #DFE3E7;
	--wo-secondary-brighter-40: #E9EBEE;
	--wo-secondary-brighter-20: #F6F7F8;
	
		
	/*yellow*/
    --wo-tertiary-solid: #FDDF39;
	--wo-tertiary-bright:;

	
	/*default*/
	--wo-white:#ffffff;
	
	
	/*grey*/
	--wo-grey-solid: #EFF1F2;
}

/*---------------------------------------------*

/****** background orange ******/
.wo-bg-primary-solid{
	background-color: var(--wo-primary-solid);
}

.wo-bg-primary-brighter-80{
	background-color: var(--wo-primary-brighter-80);
}

.wo-bg-primary-brighter-60{
	background-color: var(--wo-primary-brighter-60);
}

.wo-bg-primary-brighter-40{
	background-color: var(--wo-primary-brighter-40);
}

.wo-bg-primary-brighter-20{
	background-color: var(--wo-primary-brighter-20);
}



/****** background blue ******/
.wo-bg-secondary-solid{
	background-color: var(--wo-secondary-solid);
	color: white;
}

.wo-bg-secondary-brighter-80{
	background-color: var(--wo-secondary-brighter-80);
}

.wo-bg-secondary-brighter-60{
	background-color: var(--wo-secondary-brighter-60);
}

.wo-bg-secondary-brighter-40{
	background-color: var(--wo-secondary-brighter-40);
}

.wo-bg-secondary-brighter-20{
	background-color: var(--wo-secondary-brighter-20);
}

/****** background yellow ******/
.wo-bg-tertiary-solid{
	background-color: var(--wo-tertiary-solid);
}

.wo-bg-tertiary-bright{
	background-color: var(--wo-tertiary-bright);
}


/****** backgorund grey ******/
.wo-bg-grey-solid{
	background-color: var(--wo-grey-solid);
}

/************* gradients *************/

/****** background half or third ******/
.wo-bg-primary-half-solid-80{
	background-image: linear-gradient(90deg, 
var(--wo-primary-solid) 50%, 
var(--wo-primary-brighter-80) 50%);
}

.wo-bg-primary-half-20-solid{
	background-image: linear-gradient(90deg, 
var(--wo-primary-brighter-20) 50%, 
var(--wo-primary-solid) 50%);
}

.wo-bg-primary-half-40-solid{
	background-image: linear-gradient(90deg, 
var(--wo-primary-brighter-40) 50%, 
var(--wo-primary-solid) 50%);
}


.wo-bg-primary-half-solid-white{
	background-image: linear-gradient(90deg, 
var(--wo-primary-solid) 50%, 
#fff 50%);
}

/**Secondary color **/

.wo-bg-secondary-half-solid-80{
	background-image: linear-gradient(90deg, 
var(--wo-secondary-solid) 50%, 
var(--wo-secondary-brighter-80) 50%);
}



.wo-bg-grey-half-20-80{
	background-image: linear-gradient(90deg, 
var(--wo-secondary-brighter-20) 50%, 
var(--wo-secondary-brighter-80) 50%);
}

.wo-bg-grey-half-60-solid{
	background-image: linear-gradient(90deg, 
var(--wo-secondary-brighter-60) 50%, 
var(--wo-secondary-solid) 50%);
}


.wo-bg-grey-half-80-solid{
	background-image: linear-gradient(90deg, 
var(--wo-secondary-brighter-80) 50%, 
var(--wo-secondary-solid) 50%);
}


/* background images 
.wo-bg-product-bullet-1{
	background:linear-gradient(90deg, var(--wo-secondary-brighter-40) 50%, transparent 50%), url("/wp-content/uploads/2021/05/about.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.wo-bg-product-bullet-2{
		background:linear-gradient(90deg, transparent 50%, var(--wo-secondary-brighter-20) 50%), url("/wp-content/uploads/2021/05/about.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*.wo-bg-product-blue{
	background:linear-gradient(90deg, transparent 50%, var(--wo-secondary-solid 50%), url("/wp-content/uploads/2022/02/pic1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

*/
.wo-bg-jobs-intro{
	background:linear-gradient(90deg, var(--wo-secondary-solid) 50%, transparent 50%), url("/wp-content/uploads/2022/08/enomic_jobs-1.jpg");
	background-size: default;
	background-repeat: no-repeat;
	background-position: center center;
}


/* background blue*/
.wo-bg-grey{
	background-color: var(--wo-grey);
}

.wo-bg-white{
	background-color: var(--wo-white);
}


/*** Text color ***/
.wo-color-dark{
	color: var(--wo-secondary-solid)!important;
}

.wo-color-white{
    color: var(--wo-white)!important;
}

.wo-color-primary{
	 color: var(--wo-primary-solid)!important;
}

.wo-jobs-number{
	font-size: 300px!important;
	color: var(--wo-primary-solid)!important;
}