/* ================ HOME PAGE STYLING ================ */
/*
 
    VERSION: v1.0.0
    DESCRIPTION: Custom styling and overrides of the Cosmic theme for the homepage
 
    APPLICATION: /home, /, (temporrary only /new-homepahe)
 
/* ================ TABLE OF CONTENTS ================ */
/*
01. GENERAL
02. HERO SECTION
03. WHO IS INFORMATION SERVICES
00. Media Quires
*/
 
/* ==================== 01. GENERAL ==================== */


/* ==================== 02. HERO SECTION ==================== */
.is-hero-section .envelope-hero__content {
	background-color: #ffffff;
	color: #000000;
	
}

.is-hero-section .cta-button {
	  color: #000 !important;
	  border-color: #000 !important;
	  background-color:transparent;
}

.is-hero-section .cta-button:visitied {
	border-color: #007030!important;
	color: #ffffff !important;
	background-color: #007030 !important;
	
}
.is-hero-section .cta-button:hover,
.is-hero-section .cta-button:active {
 border-color: #007030 !important;
 color: #ffffff !important;
 background-color: #007030 !important;
	
}

@media (min-width: 960px) {
	.is-hero-section .envelope-hero__content {
		background-color: transparent;
		color: #ffffff;

	}
	
	.is-hero-section .cta-button {
	  color: var(--fg-d, var(--uowdf-theme-text-dark, black)) var(--fg-l, var(--uowdf-theme-text-light, white)) !important;
	  border-color: var(--fg-d, var(--uowdf-theme-text-dark, black)) var(--fg-l, var(--uowdf-theme-text-light, white)) !important;
	  background-color:inherit;
	}
	
	.is-hero-section .cta-button:visitied {
		color: #007030;
    color: var(--fg-d, var(--uowdf-theme-link-dark)) var(--fg-l, var(--uowdf-theme-link-light));
		background-color:inherit;
	}
	
	.is-hero-section .cta-button:hover,
	.is-hero-section .cta-button:active {
		background-color: #007030;
    background-color: var(--fg-d, var(--uowdf-theme-cta-dark, #007030)) var(--fg-l, var(--uowdf-theme-cta-light, #007030));
    border-color: #007030;
    border-color: var(--fg-d, var(--uowdf-theme-cta-dark, #007030)) var(--fg-l, var(--uowdf-theme-cta-light, #007030));
		color: #ffffff !important;
		background-color:inherit;
		
	}

}

/* ==================== 03. GET HELP ==================== */

.is-get-help > div > div[class*="grid--"] {
	flex-direction:column;
}

.is-get-help > div > div[class*="grid--"] > .grid__item {
	width: 100%;
	padding-bottom: 0px;
}

.is-get-help .grid__item {
	--grid-min-width: 100%;
}

.is-get-help p:has(a.cta-button){
	display:flex;
}

.is-get-help a.cta-button {
	display:flex;
	justify-content:center;
	align-items: center;
}

@media (min-width: 659px) {
		.is-get-help .grid__item {
		--grid-min-width: 250px;
	}
}


/* ==================== 04. WHO IS INFORMATION SERVICES ==================== */

.is-who-is-information-services .grid__item {
	display:flex;
	flex-direction: column;
}

.is-who-is-information-services .grid__item p:has(.cta-button) {
	display:flex;
	flex-grow: 1;
	
}

.is-who-is-information-services .grid__item p .cta-button {
	flex-grow:1;
	display:flex;
	justify-content:center;
	align-items:center;
}

/* ==================== 05. WHO IS INFORMATION SERVICES ==================== */





/* ==================== 00. MEDIA QUERIES ==================== */
 
/* === 1550px === */
@media screen and (min-width: 1550px) {
}
 
/* === 960px === */
@media screen and (min-width: 960px) {
 
}
 
/* === 900px === */
@media screen and (min-width: 900px) {
}
 
/* === 659px === */
@media screen and (min-width: 659px) {
}
 
/* === 480px === */
@media screen and (min-width: 480px) {
}