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

/** HEADER **/
#grve-main-header{
    box-shadow: 0 3px 15px rgba(44,42,41,.65) !important;
}
.grve-header-menu.grve-horizontal-menu{
    padding:0;
}
#grve-header .grve-left-area {
    order: 2;
}
#grve-header .grve-right-area {
    order: 1;
}
#grve-header .grve-skin-dark{
	background: var(--wp--preset--color--primary-4);
	
	& #menu-item-14 a{
		background: var(--wp--preset--color--primary-2);
		transition: all .1s ease-in-out;
		border-bottom-left-radius:0;
		color:#fff;
			
		&::after{
			background: #E03C31;
			 opacity: 1;
			}

	}
	
}

#grve-main-menu{
    position: absolute;
    top: -20px;
    left: 0;
}
#grve-main-menu li a{
    background:#fff;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    height:120px;
    width:115px;
    padding-bottom:30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    transition: all .1s ease-in-out;

    &::after{
        opacity:0;
        position:absolute;
        bottom:-15px;
        content:'';
        height:30px;
        width:115px;
        background:#fff;
        border-bottom-left-radius:10px;
        transition: all .1s ease-in-out;
    }

}

#grve-main-menu .grve-link-wrapper.active a{
    background: #E03C31;

    &::after{
        background: #E03C31;
        opacity:1;
    }

    & .grve-item{
        color: #fff !important;
    }
}

#grve-main-menu li a:hover{
    background: #E03C31;
    /*transform: scale3d(1, 1.2, 1);*/
    border-bottom-left-radius:0;


    &::after{
        background: #E03C31;
        opacity:1;
    }

    & .grve-item{
        /*transform: scaleY(calc(1 / 1.3)) !important;
        transform: scale3d(calc(1 / 1), calc(1 / 1.2), calc(1 / 1));*/
        color: #fff !important;
        /*transition: all .3s ease-in-out;
        font-size:17px;
        position: absolute;
        top:65px;*/
    }
}
.grve-close-button-wrapper .grve-close-btn{
	box-shadow:none;
}

.grve-close-button-wrapper .grve-close-btn.grve-white svg, .grve-hidden-menu-icon .grve-item svg path{
	fill:var(--wp--preset--color--primary-1);
}

.grve-close-button-wrapper .grve-close-btn.grve-white:hover svg, .grve-hidden-menu-icon .grve-item:hover svg path{
	fill:var(--wp--preset--color--primary-2);
}
#grve-main-responsive-header .grve-header-elements, #grve-main-responsive-header .grve-hidden-menu-icon, #grve-main-responsive-header .grve-logo{
	padding: 0 25px;
}

.grve-right-area .grve-header-elements{
	display:none;
}

/** TYPOGRAPHY **/
.yellow-text {
    color: #FFC95C !important;
}
.blue-text {
    color: #005687 !important;
}
.grve-h1 {
    font-variation-settings: "slnt" 0;
}

/** ELEMENTS **/
.margin-bottom-30 {
    margin-bottom: 30px;
}
.padding-left-70 {
    padding-left: 70px;
}
.padding-right-60 {
    padding-right: 60px;
}
.padding-top-100 {
    padding-top: 100px;
}
.short-left-bg .grve-background-wrapper,
.short-right-bg .grve-background-wrapper {
    width: calc(100% - 225px);
}
.short-right-bg .grve-background-wrapper {
    left: unset !important;
}
.team-image-short {
    max-width: 200px;
}
.leader-name{
    max-width: 200px;
    color:#fff;
    background: #005687;
    border-bottom-left-radius:10px;
    font-size:17px;
    font-weight:500;
    text-align:center;
    padding-block: 10px;
}

.short-left-container {
    padding-left: calc((100% - 1320px)/2) !important;
}

/** HERO **/

.paralax-hero h1 {
    color: #fff;
    margin-top: 120px;
	text-shadow: 0 5px 10px #2C2A29D9;
}


.paralex-bottom{
	position: relative;
      overflow: hidden;
}

.paralex-bottom::before{
	   content: '';
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: url(https://i-mpg.com.au/wp-content/uploads/2026/01/Image-6.jpg) center/cover no-repeat;
       z-index: -1;
}

/** Footer **/
.footer-images-wrapper .grve-column-wrapper-inner {
    height: 100%;
}
.footer-images-wrapper .grve-column-inner-content {
    display: flex;
    gap: 10px;
    height: 100%;
}
.footer-images {
    flex: 1;
    align-items: flex-end;
    display: flex;
}
.footer-logo {
    display: flex;
    justify-content: flex-end;
}
.footer-logo .grve-image-item {
    max-width: 115px;
}
#footer-links ul li{
    font-size: 16px;
    font-family: Neue Haas Grotesk Text Pro, sans-serif;
    color: #fff !important;
    line-height: 21px;
    font-weight: 400;
	text-transform: capitalize;
}
#footer-links ul li a{
    color: #fff !important;
}
#footer-links ul {
    margin-left: 0;
    list-style-type: none;
    display: flex;
    gap: 30px;
}
#footer-links li a:hover {
    color: #E03C31 !important;
}

/** CONTACT **/
.contact-form-wrap {
    background-color: #fff;
    box-shadow: 8px 8px 24px #0000001A;
    border-radius: 0 20PX;
    padding: 50px 50px 75px 50px;
    display: grid;
    grid-template-columns:
    1fr  /* left col */
    10px /* gap between 1 & 2 */
    1fr  /* middle col */
    50px /* gap between 2 & 3 */
    1fr; /* right col */
    grid-template-rows: auto auto; /* fields row, submit row */
    grid-column-gap: 0;
    row-gap: 20px;
}
.cf-fileds-wrapper {
    grid-column: 1 / -1;
    display: contents;
}
.cf-left {
    grid-column: 1;
}
.cf-middle {
    grid-column: 3;
    padding-top: 50px;
}
.cf-right  {
    grid-column: 5;
}
.cf-submit {
    grid-column: 3;
    justify-self: end;
    align-self: start;
    display: flex;
}
.select2-choice,
input[type=date],
input[type=email],
input[type=input],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    background-color: #F2F4F8;
    border-radius: 10px;
    border-color: #F2F4F8;
    margin-bottom: 9px;
    padding: 9px 20px;
    color: rgba(44, 42, 41, 0.5);
}
textarea{
	margin-bottom: 0 !important;
	padding-block:13px;
}

.contact-form-wrap p {
    margin-bottom: 21px;
}
.contact-form-wrap span.wpcf7-list-item {
    display: block;
    font-size: 16px;
    font-family: Neue Haas Grotesk Text Pro, sans-serif;
}
#grve-content form span:not(.grve-heading-color):not(.wpcf7-not-valid-tip){
	    color: var(--wp--preset--color--primary-1) !important;
}

#grve-theme-wrapper .wpcf7 form .wpcf7-not-valid-tip{
	background: var(--wp--preset--color--primary-2);
	font-family: Neue Haas Grotesk Text Pro, sans-serif !important;
}

input.wpcf7-submit {
    background-color: #E03C31 !important;
	border:1px solid var(--wp--preset--color--primary-2)!important;
    font-family: Neue Haas Grotesk Text Pro, sans-serif !important;
    font-size: 17px !important;
    border-radius: 0 10px !important;
    padding: 7.5px 35px !important;
    font-weight: 400 !important;
    min-width: unset !important;
	transition: all .5s ease-in;
}

input.wpcf7-submit:hover{
	background-color: white !important;
	color: var(--wp--preset--color--primary-1) !important;
	border:1px solid var(--wp--preset--color--primary-1)!important;
}

.cf-submit input.wpcf7-submit {
    order: 2;
}
.cf-submit span.wpcf7-spinner {
    order: 1;
}
.home .wpcf7-response-output {
    position: absolute;
    bottom: 10px;
    background-color: #fff !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    left: 50px;
    color: var(--wp--preset--color--primary-1) !important;
}

/** CAROUSEL **/
.impg-carousel {
    /*padding-left: 86px;*/
	
	& .grve-carousel-pagination .grve-dot span{
		border-radius: 50%;
		border:3px solid var(--wp--preset--color--primary-1);
 	    width: 18px;
  	 	height: 18px;
		opacity:1;
	}
	
	& .grve-carousel-pagination .grve-dot.active span, & .grve-carousel-pagination .grve-dot:hover span{
		background:var(--wp--preset--color--primary-2);
	}
	
	& .grve-carousel-pagination{
		margin-top:20px;
	}

    & .grve-thumbnail-wrapper {
        aspect-ratio: 1;
    }
    & .grve-thumbnail {
        height: 100%;
    }
    & .grve-thumbnail img {
        object-fit: cover;
		border-top-right-radius:10px;
    }
	
	& .grve-hover-overlay{
		border-top-right-radius:10px;
	}
	
    & .grve-entry-item.grve-carousel-item {
        /*border: 1px solid #2A2C29;
		background-color: #fff;*/
        border-radius: 0 10px;
		overflow: hidden;
    }
	
    & .grve-hover-item .grve-content {
        margin: 0;
        padding: 40px;
		background: #fff;
		border: 1px solid #2A2C29;
		border-top: none !important;
		border-bottom-left-radius:10px;
    }
    & .grve-hover-item .grve-content .grve-title {
        font-size: 22px;
        font-weight: bold;
        font-family: Neue Haas Grotesk Display Pro, sans-serif;
    }
    & .grve-carousel-stage {
        /*margin-left: -150px;*/
    }
}

/** Tag Sticker **/
.tag-sticker {
    width: 115px;
    height: 135px;
    background-color: #E03C31;
    border-radius: 0 10px;
    text-align: center;
    padding-top: 74px;
    transition: background-color 0.3s ease;
    /* position: absolute !important; */
    top: -30px;
    left: 0;
    opacity:0;
	display:none;
	transition: all ease-in .5s;
}

/*#services .tag-sticker{
	left: 0;
}*/

.tag-sticker p {
    font-size: 16px;
    font-weight:500;
    letter-spacing: 0;
    color: #fff;
    transition: color 0.3s ease;
}
.tag-sticker:hover {
    background-color: #fff;
}
.tag-sticker:hover p {
    color: #E03C31;
}
/*.ts-item-2 {
    margin-left: 121px;
}
.ts-item-3 {
    margin-left: 242px;
}*/

/* Bios */

.our-team{
	
	& .grve-thumbnail{
		border-top-right-radius: 10px !important;
	}
	
	& .grve-accordion .grve-title-wrapper::after{
		display:none;
	}
	
	& .grve-accordion .grve-title-wrapper{
		align-items: end;
		padding-top:0;
	}
	
	& .grve-accordion-arrow svg{
		transition: all ease-in .5s;
		fill: var(--wp--preset--color--primary-1);
		
		&:hover{
			fill: var(--wp--preset--color--primary-2);
		}
	}
	
	& .grve-accordion .grve-title-wrapper.active .grve-accordion-plus svg{
		fill: var(--wp--preset--color--primary-2);
	}
	
}

#projects .grve-bg-image.grve-bg-center-bottom{
	background-size: 100% auto;
}



/* RESPONSIVE */



@media (min-width:960px) and (max-width:1200px){
	.impg-carousel .grve-hover-item .grve-content{
		padding:30px;		
	}
}
@media (min-width:960px) and (max-width:1200px){
	
	body, h3.grve-h6, .h6, .grve-h6{
		font-size:19px !important;
		line-height:27px !important;
	}

}


@media (max-width:1024px){
   .grve-burger-icon svg {
        width: 40px;
    }
    .grve-hidden-menu-icon .grve-item {
        height: auto;
    }
}



@media (min-width:1431px) and (max-width:1460px){
	#services .short-left-container .grve-column-wrapper .grve-column-content{
		margin-left:5.5% !important;
	}
	
}


@media (min-width:1411px) and (max-width:1430px){
	#services .short-left-container .grve-column-wrapper .grve-column-content{
		margin-left:6.5% !important;
	}
	
}

@media (min-width:1361px) and (max-width:1410px){
	#services .short-left-container .grve-column-wrapper .grve-column-content{
		margin-left:8% !important;
	}
	
}


@media (min-width:959px) and (max-width:1360px){
	#services .short-left-container .grve-column-wrapper .grve-column-content{
		margin-left:16% !important;
		
		& .grve-column-inner{
		padding-left:0;
		}
	}
		.padding-right-60 {
  		padding-right: 30px;
	}
	
	
}

@media (min-width:768px) and (max-width:959px){
	
	.show-tablet{
		display:block !important;
	}
	
	.padding-right-60 {
  		padding-right: 30px;
	}
	

	
	body, h3.grve-h6, .h6, .grve-h6{
		font-size:19px !important;
		line-height:27px !important;
	}
	
	.short-left-bg .grve-background-wrapper, .short-right-bg .grve-background-wrapper {
	  width: calc(100% - 148px);
	}
	
	.col-icons .grve-thumbnail-wrapper{
		width:60px !important;
	}
	
	#grve-theme-wrapper .grve-padding-bottom-6x, #grve-theme-wrapper .grve-padding-bottom-5x{
		padding-bottom:100px;
	}
	
	#grve-theme-wrapper .grve-padding-top-6x, #grve-theme-wrapper .grve-padding-top-5x{
		padding-top:100px;		
	}
	#services .short-left-container .grve-column-wrapper .grve-column-content{
		padding-left:25px !important;
	}
	

}

@media (min-width:768px) {
	
  .show-mobile{
		display:none;
	}
	
  .paralax-hero {
    height: 900px;
	}
	
	.grve-h2, h2{
	  margin-bottom: 40px;
	}
	
	.cf-left h2{
		margin-bottom:18px;
	}
	
}

@media (max-width:767px) {

	body, h3.grve-h6, .h6, .grve-h6{
		font-size:19px !important;
		line-height:27px !important;
	}
	
	.paralax-hero h1{
		font-size:31px !important;
	}
	
	
	.grve-h2, h2{
		line-height:27px !important;
	}
	
	h3.vc_do_custom_heading{
		font-size:40px !important;
		line-height:40px !important;
	}
	
	
	.show-desktop{
		display:none;
	}
	
	.no-pad-right-mobile{
		padding-right: 0 !important;
	}
	
	.pad-right-mobile-28{
		padding-right: 28px !important;
	}
	
	.no-pad-left-mobile{
		padding-left: 0 !important;
	}
	
	.grve-mobile-align-right p{
		text-align:right !important;
	}

    #grve-theme-wrapper .grve-padding-top-5x,
    #grve-theme-wrapper .grve-padding-top-6x {
        padding-top: 65px;
    }
   
    .paralax-hero {
        align-items: flex-end;
        padding-bottom: 60px;
		height:90dvh;
    }
	

    .tag-sticker{
		display:block;
        opacity: 1;
    }
    .mobile-bg-who-we-are {
        height: 740px;
    }
    .mobile-bg-leader-team {
        height: 635px;
    }
    .mobile-bg-who-we-are .grve-background-wrapper,
    .mobile-bg-leader-team .grve-background-wrapper {
        width: 100%;
    }
    .short-left-bg{
        z-index:3 !important;
    }
    .short-left-container {
        padding-left: calc( 56px / 2 ) !important;
    }
    .impg-carousel {
        padding-left: 28px;
        padding-right: 28px;
    }
	.impg-carousel .grve-hover-item .grve-content{
		padding:20px;
	}
    .contact-form-wrap {
        grid-template-columns: 1fr;
		padding-inline:15px;
    }
	.wpcf7-form input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label{
		line-height:22px;
	}
    .cf-fileds-wrapper,
    .cf-left, .cf-middle, .cf-right {
        grid-column: 1;
    }
    .cf-middle {
        padding: 0;
    }
    .cf-submit {
        grid-column: 1;
        justify-self: start;
    }
    .cf-submit input.wpcf7-submit {
        order: 1;
		
    }
	#grve-theme-wrapper .cf-submit input[type="submit"]:not(.grve-custom-btn){
		font-size:17px !important;
	}
    .cf-submit span.wpcf7-spinner {
        order: 2;
    }
	#footer-links{
		margin-top:-24px;
	}
	#footer-links li{
		font-size:15px !important;
	}
    .footer-logo {
        justify-content: flex-start;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .footer-images {
        max-width: 100px;
    }
}