/*
Theme Name:   Impeka Child
Theme URI:    https://themeforest.net/user/greatives
Description:  Impeka Child Theme
Version:      2.0.0
Author:       Greatives Team
Author URI:   https://greatives.eu
Template:     impeka
*/

/* ==========================================
=! hidden
------------------------------------------ */

/*.home .grve-skin-sticky .grve-logo{
	display: none;
}*/


/* ==========================================
=! colours
------------------------------------------ */

:root {
	--clr-bg-alt: #F2F2F2;
} 


/* ==========================================
=! header & nav
------------------------------------------ */

/* --- top bar --- */
#grve-top-bar .grve-top-bar-section {
	background-color: var(--wp--preset--color--primary-1);
}

/* --- main menu --- */


/* home page */

/* hover state */
#grve-main-header .grve-horizontal-menu:not(.grve-menu-element) > .grve-menu > li > .grve-link-wrapper a:hover {
	color: var(--wp--preset--color--primary-1);
}

/* current page */
#grve-main-header .grve-horizontal-menu:not(.grve-menu-element) > .grve-menu > li.current-menu-item > .grve-link-wrapper a {
	color: #585A5A !important;
}

/* --- off canvas menu --- */
#grve-responsive-menu-area .grve-area-inner {
	background-color: var(--wp--preset--color--primary-1);
}

#grve-top-bar ul.grve-social{
 	
	a{
	border-radius: 30px;
  	padding: 6px 9px;
  	background: #0ab8ba;
	}
	
	& a:hover{
		color: #fff !important;
		background:#27b351;
	}
}


/* ==========================================
=! footer
------------------------------------------ */

/* --- custom footer (area item) --- */

.footer-custom {
	background-color: white;
	border-top: 1px #D9D9D9 solid;
	text-align: center;
	padding-block: 26px;
}


footer ul.grve-social.grve-social-icons{
	display: inline-block;
	padding-left:10px;
 	
	a{
	border-radius: 30px;
  	padding: 8px 10px;
  	background: #8d499a;
  	color: #fff !important;
	}
	
	& a:hover{
		color: #fff !important;
		background:#5f55a0;
	}
}	


body .footer-custom__acknowledgement {
	font-size: 12px;
	line-height: 16px;
	
	& .grve-column-content {
			display: flex;
			justify-content: center;
		}
	
	& .grve-text {
			max-width: 50ch;
		}
}


/* --- bottom bar --- */
#grve-footer .grve-footer-bar {
	background-color: var(--wp--preset--color--primary-4);
	padding-block: 5px;
}

.policy-link {
	margin-left: 8px;
}



/* ==========================================
=! home
------------------------------------------ */

.home .row-banner .grve-background-wrapper{
	background: url(https://resiliencedisability.com.au/wp-content/uploads/2025/03/home-banner2.jpg) no-repeat;
	background-size:cover;
}
.page-id-247 .row-banner .grve-background-wrapper{
	background: url(https://resiliencedisability.com.au/wp-content/uploads/2025/03/1000_F_1243640711_vzZgYt5D40q4whgOPNReh6obSt6RH5Km1.jpg) no-repeat;
	background-size:cover;
}



/* content body bg */
/*.home .grve-single-wrapper {
	background-color: var(--clr-bg-alt);
}*/

.home #grve-main-header, .page-id-247 #grve-main-header{
	background: rgba(255, 255, 255, 0) ;
}

.home #grve-feature-section .grve-graphic img{
	width: 302px;
	height: auto;
}

.home #grve-feature-section h1{
	margin-bottom:10px !important;
}

.home #grve-feature-section .grve-bg-image{
	background-size: contain !important;
}



a.grve-btn{
	padding: .563em 1.25em;
	font-size:15px;
}

.info-cards {
	background-color: white;
	padding: 2.4em 1.4em 3em;
	border: #D9D9D9 1px solid;
	font-size: 14px;
	line-height: 23px;
	height: 100%;
	
	& .grve-h5 {
		font-size: 19px;
	}
}

/* ==========================================
=! child pages
------------------------------------------ */

/* --- page hero / title --- */
#grve-theme-wrapper .grve-title-section {
	background-color: var(--clr-bg-alt);
}

#grve-theme-wrapper h1.grve-page-title {
	color: var(--wp--preset--color--primary-1);
}


/* ==========================================
=! about 
------------------------------------------ */


.row-about .grve-bg-image{
	background-size: auto 130% !important;
}

/* ==========================================
=! accordions
------------------------------------------ */

.grve-accordion .grve-title-wrapper:hover{
	
	& .grve-title{
		color: var(--wp--preset--color--primary-1);
	}
	& .grve-svg-heading-color{
		fill: var(--wp--preset--color--primary-1);
	}
}	
.grve-accordion .grve-title-wrapper.active{
	
	& .grve-title{
		color: var(--wp--preset--color--primary-6);
	}
	& .grve-svg-heading-color{
		fill: var(--wp--preset--color--primary-6);
	}
}	


.grve-accordion-content{
	padding-left:24px !important;
}

/* ==========================================
=! forms (cf7)
------------------------------------------ */

/* hide labels visually ( keep for screen readers )  */
.wpcf7 {
	& input[type=text], input[type=email], input[type=number], textarea{
		border-radius:10px;
		border: #D9D9D9 1px solid;
		padding: 8px 10px;
	}
	& input[type=submit]{
		padding: .563em 1.25em !important;
  		transition: background-color .3s ease !important;
		background: var(--wp--preset--color--primary-4) !important;
		font-size:16px !important;
		border-radius:50px !important;
		float:right;
		
		&:hover{
			background: var(--wp--preset--color--primary-1) !important;
		}
	}

	& label {
		visibility: hidden;
		& span {
			visibility: visible;
		}
	}	
}


/* ==========================================
=! keyframes
------------------------------------------ */

@keyframes fade-me-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* ==========================================
=! responsive
------------------------------------------ */

@media (max-width: 1200px){
	.grve-padding-bottom-1x.no-pad-bot-mob{
		padding-bottom: 0 !important;
	}	
}


@media (min-width: 960px) and (max-width: 1200px) {
	

	
	.wpcf7 input[type=submit]:not(.grve-custom-btn){
		font-size:16px !important;	
	}
	
	
}


@media (min-width: 1024px) {
	.row-about {
		/*margin-top:120px;*/
		
		& .info-cards{
			max-width:350px;
			min-height:290px;
			margin: -100px auto 50px auto;
		}
	}
	
	
}

@media (max-width: 1023px) {
	.home #grve-main-responsive-header:not(.grve-fixed), .page-id-247 #grve-main-responsive-header:not(.grve-fixed) {
		background-color: rgba(255,255,255,0); !important;
		
		& .grve-logo{
			display:none;
		}
	
	}
	
	.home .grve-opacity-60 {
  		opacity: 0.8 !important;
	}
	
	.grve-footer-bar .grve-footer-column-1-2:first-child{
		order:2;
	}
	.grve-footer-bar .grve-footer-column-1-2:nth-child(2){
		order:1;
	}
	
}
@media (min-width: 768px) and (max-width: 959px) {

	body{
		font-size:14px;
		line-height: 22px;
	}
	
}

@media (min-width: 768px) and (max-width: 1023px) {
	.row-about {
		/*margin-top:120px;*/
		
		& .info-cards{
			max-width:350px;
			min-height:280px;
			margin: -100px auto 50px auto;
		}
	}
}


@media screen and (min-width: 769px) {
	
	
	.row-banner .grve-bg-image{
		background-size: contain !important;
		background-position: center right !important;
	}
	
	.logo-banner .grve-thumbnail-wrapper{
		width:320px !important;
		height:auto;
	}

/* --- footer --- */
	.footer-custom__logo {
		text-align: left;
	}
	.footer-custom__ndis {
		text-align: right;
	}	
}


@media (max-width: 767px){
	.home .row-banner,  .page-id-247 .row-banner{
		& .grve-background-wrapper{
			background: transparent;
		}
		& .grve-bg-image{
			background-position: 100px center !important;
		}
		
		&	.grve-opacity-70 {
		  	opacity: .7;
		}
	}
	
	#grve-page-title .grve-wrapper, #grve-feature-section[data-height="10"], .grve-title-section[data-height="10"] {
		min-height: 8vh  !important;
 		max-height: 8vh  !important;
		height: 8vh  !important;
		margin-bottom: -20px;
	}
	
	#grve-responsive-main-menu .grve-menu .grve-first-level:not(.grve-menu-element-first-level) > .grve-link-wrapper:not(.grve-menu-element-link-wrapper) a{
		font-size:24px;
	}
	
	body{
		font-size:14px;
		line-height: 22px;
	}
	
	.wpcf7 input[type=submit]:not(.grve-custom-btn){
		font-size:14px !important;
	}
	
	.row-about {
		padding-bottom:30px !important;
		
		& .info-cards{
			margin-bottom: 30px;
		}
	}
	
	.grve-accordion{
		margin-bottom: 30px;
	}
	
	footer .grve-small-text{
		font-size:13px;
	}
	
}