/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 13 2026 | 05:59:58 */
/* Strength and Belonging */

#strength-col-1, #strength-col-2, #strength-contact-col1, #strength-contact-col2 {
	@media screen and (min-width: 1412px) and (max-width: 1760px) {
		width: 45% !important;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		width: 45% !important;		
	}
}

#strength-dots  {
	@media screen and (min-width: 1412px) and (max-width: 1760px) {
		transform: rotate(8deg) !important;
		width: 30vw;
		top: -14px;
		left: -40px !important;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		display: none;
	}
}

#strength-dots-2 {
	@media screen and (min-width: 1412px) and (max-width: 1760px) {
		transform: rotate(195deg) !important;
		width: 35vw;
		top: -910px !important;
		left: -70px !important;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		display: none;
	}
}

#strength-hawk {
	@media screen and (min-width: 1412px) and (max-width: 1760px) {
		right: -160px !important;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		right: -170px !important;
		top: -100px !important;
	}
}


/* Strength and Changing Conversation Detail Cols */

#engoori1-detail-col-1, #engoori1-button-col-1, #conversation-detail-col-2, #conversation-button-col-2 {
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		width: 50% !important;
	}	
}

#engoori1-detail-col-2, #engoori1-button-col-2, #conversation-detail-col-3, #conversation-button-col-3 {
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		width: 50% !important;
	}	
}

#engoori1-detail-col-3, #engoori1-button-col-3, #conversation-detail-col-1, #conversation-button-col-1 {
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		display:none !important;
	}	
}

/* Changing the Conversation */

#conversation-dots {
	@media screen and (min-width: 1680px) and (max-width: 1800px) {
		top: 470px;
		left: 0px;
		transform: rotate(0deg) !important;
		width: 440px;
		max-width: 100% !important;
	}
	@media screen and (min-width: 1590px) and (max-width: 1679px) {
		top: 450px;
		left: 0px;
		transform: rotate(0deg) !important;
		width: 440px;
		max-width: 100% !important;
	}
	@media screen and (min-width: 1490px) and (max-width: 1590px) {
		top: 420px;
		left: 0px;
		transform: rotate(0deg) !important;
		width: 410px;
		max-width: 100% !important;
	}
	@media screen and (min-width: 1310px) and (max-width: 1490px) {
		top: 390px;
		left: -40px;
		transform: rotate(0deg) !important;
		width: 400px;
		max-width: 100% !important;
	}
	@media screen and (min-width: 981px) and (max-width: 1309px) {
		display: none !important;
	}
}

}

/* Deficit Discourse */

#deficit-dots-1 {
	@media screen and (min-width: 1501px) and (max-width: 1780px) {
		top: -110px;
		left: 300px;
		transform: rotate(16deg) !important;
	}
	@media screen and (min-width: 980px) and (max-width: 1500px) {
		display:none !important;
	}
}

#deficit-dots-2 {
	@media screen and (min-width: 1561px) and (max-width: 1780px) {
		top: -80px;
		left: -40px;
		transform: rotate(-5deg) !important;
	}
	@media screen and (min-width: 980px) and (max-width: 1560px) {
		display:none !important;
	}	
}

#discourse-col-1 {
	@media screen and (min-width: 1201px) and (max-width: 1560px) {
		width: 40% !important;
	}	
	@media screen and (min-width: 981px) and (max-width: 1200px) {
		width: 100% !important;
	}	
}

#discourse-col-2 {
	@media screen and (min-width: 1201px) and (max-width: 1560px) {
		width: 40% !important;
	}	
	@media screen and (min-width: 981px) and (max-width: 1200px) {
		display: none !important;
	}	
}

#discourse-contact-col-1 {
	@media screen and (min-width: 1201px) and (max-width: 1560px) {
		width: auto !important;
	}		
}

#discourse-hawk {
	@media (min-width: 1412px) and (max-width: 1769px) {
		right: -80px !important;
	}

	@media (min-width: 1201px) and (max-width: 1411px) {
		right: -80px !important;
		top: -20px !important;
	}
	@media (min-width: 981px) and (max-width: 1200px) {
		right: 0px !important;
		top: -30px !important;
	}
}

#conversation-img img {
	  padding:20px;
	  border-radius: 1000px;
	}

#conversation-img {

	@media (min-width: 981px) and (max-width: 1411px) {
	  .et_pb_image_wrap {
	  border: #333 6px dotted !important;
	  }
	  img {
		padding: 14px !important;
	  }
	}
}

/* Engoori 2 */

#complexity-hawk {
	@media (min-width: 1412px) and (max-width: 1870px) {
		top: -260px !important;
	}
	@media (min-width: 980px) and (max-width: 1411px) {
		top: -480px !important;
		left: 90% !important;
	}
}

#complexity-dots {
	@media screen and (min-width: 1561px) and (max-width: 1780px) {
		top: -120px;
		left: -60px;
		transform: rotate(-10deg) !important;
		width: 130%;
		max-width: 130% !important;
	}
	@media screen and (min-width: 980px) and (max-width: 1560px) {
		display:none !important;
	}		
}

#complexity-title-col-1, #complexity-title-col-2 {
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		width: 60% !important;		
	}	
}

#complexity-detail-col-1, #complexity-detail-col-2, #complexity-contact-col-1, #complexity-contact-col-2 {
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		width: 46% !important;		
	}	
}

/* Health */

#health-section {
	@media (min-width: 981px) and (max-width: 1411px) { 
  		padding-top: 120px !important;
	}	
}

#health-hawk {
	@media (min-width: 981px) and (max-width: 1411px) { 
  		left: 120px;
	}
}

#health-dots {
	@media screen and (min-width: 1651px) and (max-width: 1769px) {
		top: -230px;
		left: 0px;
		transform: rotate(-16deg) !important;
		width: 110%;
		max-width: 110% !important;
	}
	@media screen and (min-width: 1412px) and (max-width: 1650px) {
		top: -284px;
		left: 0px;
		transform: rotate(-32deg) !important;
		width: 120%;
		max-width: 120% !important;
	}
	@media screen and (min-width: 980px) and (max-width: 1411px) {
		display:none !important;
	}	
}

#health-col-1, #health-col-2, #health-detail-col-1, #health-detail-col-2 {
	@media (min-width: 981px) and (max-width: 1411px) { 
  		width: 46% !important;
	}
}

