/* ===================================================================================

* Theme Name: Sunnyaid Child
* Theme URI: https://themeforest.net/user/xpressbuddy
* Author: XpressBuddy
* Author URI: https://wp.xpressbuddy.com/techco/
* Description: NDIS Disability & Elderly Care Service WordPress Theme
* Version: 1.0.0
* Template: sunnyaid
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
 
 
:root { 
  --color-primary: #0A6680;
}

.main-menu ul li.menu-item-has-children > a span::after { 
    content: "\f107";
    font-weight: 400;
    font-family: "Font Awesome 5 Pro"; 
    font-size: 15px;
    display: inline-block;
    margin: 0px 10px 0px;
    transition: 0.3s ease;
    padding: 0px;
}

.main-menu ul li.menu-item-has-children:hover > a span::after {
    transform: rotate(-180deg);
}

.header-logo img{
  max-width: 175px !important;
}

header.header-area{
  z-index:999;
}

.xb-feature-two .xb-item--text{
  max-width:100%;
}

.xb-fanfact .xb-item--icon img{
  height:75px;
  width: auto;
  object-fit: contain;
}

.xb-fanfact--two .xb-item--fan_inner:nth-child(4) img{
  height:60px;
}

.xb-feature-two,
.xb-feature-two .xb-item--inner{
  height:100%;
}
.xb-feature-two .xb-item--inner .xb-item--img img{ 
  max-width: 85px;
  width: 85px;
}

.xb-feature-two .xb-item--inner{ 
  display:flex;
  flex-flow: row;
  align-items: flex-start;
}

.xb-fanfact--two{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  align-items: stretch;
}

.breadcrumb { 
  background-size: cover;
}

.xb-fanfact--two .xb-item--fan_inner{ 
        flex-flow: row;
}

.contact_info_box .iconbox_block {  
  height: 100%;
  width: 100%;
}

.breadcrumb.post-banner::before,
.breadcrumb.page-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
        to right,
        #0b3948 0%,
        #0b3948 25%,
        rgb(11 57 72 / 85%) 40%,
        rgb(11 57 72 / 40%) 55%,
        rgb(13 74 74 / 0%) 70%
    );
    z-index: 1;
}

.breadcrumb.post-banner .breadcrumb__content, 
.breadcrumb.page-banner .breadcrumb__content{
  z-index:9;
  position: relative;
}

.dc-testimonial-nav-item .xb-item--avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hm-service-grid .row {
  display: flex;
  flex-wrap: wrap;
}

.hm-service-grid .col-lg-4 {
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
 
.hm-service-grid .col-lg-4 {
  display: flex;
}

.hm-service-grid .xb-service-two {
  display: flex;
  flex-direction: column;
  width: 100%;
}
 
.hm-service-grid .xb-item--holder {
  flex: 1;
}

.hm-service-grid img{
  width:100% !important;
  object-fit:cover !important;
  height:325px !important;
}

.hm-service-grid .xb-item--holder {
  flex: 1;
  order: 2;
}

.hm-service-grid .xb-item--img {
  order: 1;
  margin: 0px 0px 20px;
}

.xb-service-two .xb-item--title a:hover{
  color:#ffd470;
}

.hero.header-style-two .hero-right-two,
.hero.header-style-two .hero-right-two img{ 
  height:100%; 
}

.hero.header-style-two .hero-right-two img{ 
  object-position: bottom left;
}

.hero.header-style-two .hero__content-wrap{
  z-index:9;
  position: relative;
}

.service_facilities_group svg{
  width: 24px;
  height: 24px; 
}

.service_facilities_group .e-font-icon-svg path{
  fill: #0b3948;
}

.ft-qck-icon img{
  filter: hue-rotate(190deg) saturate(6);
}

.xb-team .xb-item--social_link{
  display:none;
}

.xb-team .xb-item--social_link:has(svg){
  display:block;
}

.xb-team img{
  height: 365px;
  object-fit: cover;
  object-position: top center;
}

.template-wrap .elementor-template .e-con-inner{
  width:100% !important; 
  max-width:100% !important; 
}

.xb-news-inner .justify-content-md-center{
  justify-content:flex-start !important;
}

.xb-news-inner .ec-news{
  height:100%;
}

.ec-news:hover .ec-btn .ec-news {
  background: #0a6680;
  border: 1px solid #0a6680; 
}

.main-menu ul li a:hover, .main-menu ul li .sub-menu li a:hover{
  color:#ffd470 !important;
}

.xb-footer-subscription .xb-email input {
    padding: 10px 20px 10px 20px;
}

.header-contact a {
  border: 1px solid var(--color-primary);
  background: var(--color-white) !important;
  border-radius: 60px !important;
  color: var(--color-primary) !important;
  transform: scale(0.9) !important;
  transition: all 0.3s ease !important;
}
 
.header-contact a svg path {
  fill: var(--color-primary) !important;
}
 
.header-contact a:hover { 
  transform: scale(0.9) translateY(-2px) !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
} 

.header-contact a:hover svg path {
  fill: var(--color-white) !important;
}

.dc-testimonial-slider-nav .swiper-slide{
  visibility:hidden !important;
}

.dc-testimonial-slider-nav .swiper-slide.swiper-slide-prev,
.dc-testimonial-slider-nav .swiper-slide.swiper-slide-next,
.dc-testimonial-slider-nav .swiper-slide.swiper-slide-active.swiper-slide-thumb-active{
  visibility:visible !important;
}


.xb-work-wrapper .work-col .xb-work .xb-item--img img{
  width:100%;
  object-fit:cover;
  object-position: top center;
}

.xb-work-wrapper .work-col:nth-child(1) .xb-work .xb-item--img img,
.xb-work-wrapper .work-col:nth-child(3) .xb-work .xb-item--img img{
  height:285px;
}

.xb-work-wrapper .work-col:nth-child(2) .xb-work .xb-item--img img{
  height:260px; 
} 

.thm-btn{ line-height:1em; }

/*
.hero-right-two img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-mask-image: url(/wp-content/uploads/2026/03/banner-image-mask-image.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: right center;
  -webkit-mask-size: auto 100%;
  mask-image: url(/wp-content/uploads/2026/03/banner-image-mask-image.png);
  mask-repeat: no-repeat;
  mask-position: right center;
  mask-size: auto 100%;
}
*/

.about-funfact-wrap .row {
    display: flex;
    flex-wrap: wrap;
}

.about-funfact-wrap .col-md-6 {
    display: flex;
}

.about-funfact {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.xb-item--top.ul_li {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    flex: 1;
}

.xb-item--icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
	padding-top:5px;
}

.about-funfact .xb-item--number{
	font-size:60px;
}


.xb-feature.ul_li_between {
    display: flex;
    align-items: stretch;
}

.xb-feature .xb-item--holder.ul_li {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    flex: 1;
}

.xb-feature .xb-item--icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.section-title.service-title p{
	padding-top:30px;
}

.elementor-widget-int-service .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.elementor-widget-int-service .col-lg-4 {
    display: flex;
}

.elementor-widget-int-service .xb-services {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.elementor-widget-int-service .xb-item--holder {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.elementor-widget-int-service .xb-item--content {
    flex: 1;
}

.elementor-widget-int-service .xb-services img{
	width:100%;
}

.xb-footer-newslatter a:hover {
     text-decoration:underline;
}

.gf-form-wrap label, .gf-form-wrap .gfield_label {
	font-family: var(--font-body) !important;
	font-size: 18px !important;
	line-height: 32px !important;
	letter-spacing: -0.02em !important;
	color: var(--color-default) !important;
}

.gf-form-wrap input[type="text"],
.gf-form-wrap input[type="email"],
.gf-form-wrap input[type="tel"],
.gf-form-wrap select,
.gf-form-wrap textarea {
  font-family: var(--font-body) !important;	
  padding: 25px 20px !important;
  font-size: 16px;
  transition: 0.3s ease;
  background-color: #FFF;
  border: 1px solid #686e7759;
  box-shadow:none !important; 
  border-radius: 10px;
}

.gf-form-wrap select {
  height: 52px !important;
  line-height: 52px !important; 
  padding:0px 20px !important;
}

.gf-form-wrap .datepicker{
	width:100% !important;
}

.gform-theme--framework .gf_progressbar .gf_progressbar_percentage{
  background-color: #0a6680 !important;
}

.gform-page-footer{
	padding-top:30px !important;	
}

.gform-page-footer input, .gform-page-footer button,
.gf-form-wrap #gform_send_resume_link_button_1{
  font-family: var(--font-body) !important;
  padding: 16px 30px !important;
  font-size: 16px !important;
  transition: 0.3s ease;
  color:#FFF !important;
  background-color: #0a6680 !important;
  border: 1px solid #0a6680 !important;
  box-shadow:none !important; 
  border-radius: 10px !important;
}

.gform-page-footer button::before{
	color:#0a6680 !important;
}

.gform-page-footer .gform_previous_button, .gform-page-footer button{
  color:#0a6680 !important;
  background-color: #ffd470  !important;
  border: 1px solid #ffd470  !important;
}

.gf-form-wrap #gform_send_resume_link_button_1:hover,
.gform-page-footer input:hover, .gform-page-footer button:hover{
	opacity:0.7 !important;
}

.gf-form-wrap .ginput_container_consent,
.gf-form-wrap .gchoice {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

.gf-form-wrap .ginput_container_consent input[type="checkbox"],
.gf-form-wrap .gchoice input[type="checkbox"] {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

.gf-form-wrap .ginput_container_consent label,
.gf-form-wrap .gchoice label {
  margin: 0 !important;
  line-height: 1.4 !important;
}

/** Contact Form Updates **/
.contact-radio-group .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin-left: 0px;
  margin-right: 16px;
}

.contact-radio-group .wpcf7-list-item label {
  display: flex;
  align-items: end;
  gap: 10px;
  cursor: pointer;
  font-size: 15px;
  color: #333;
  line-height: 1;
}

.contact-radio-group input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 2px solid #678082;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  transition: all 0.2s;
  margin: 0;
  vertical-align: middle;
  top: 0;
}

.contact-radio-group input[type="checkbox"]:checked {
  background: #0B3948;
  border-color: #0B3948;
}

.contact-radio-group input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
} 

.contact_form_inner .form-group .xb-icon.calendar::before,
.contact_form_inner .form-group .xb-icon.time::before{
  width: 20px;
  height: 20px;
  background-color: #678082;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  top: 52px;
}

.xb-icon.calendar::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-3V2h-2v2H9V2H8zm-3 6h14v10H5V8zm2 2v2h2v-2H7zm4 0v2h2v-2h-2zm4 0v2h2v-2h-2zm-8 4v2h2v-2H7zm4 0v2h2v-2h-2z'/%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-3V2h-2v2H9V2H8zm-3 6h14v10H5V8zm2 2v2h2v-2H7zm4 0v2h2v-2h-2zm4 0v2h2v-2h-2zm-8 4v2h2v-2H7zm4 0v2h2v-2h-2z'/%3E%3C%2Fsvg%3E");
}

.xb-icon.time::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2zm0 2a8 8 0 1 1 0 16A8 8 0 0 1 12 4zm-1 3v6l5 3-1 1.5-6-3.5V7h2z'/%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2zm0 2a8 8 0 1 1 0 16A8 8 0 0 1 12 4zm-1 3v6l5 3-1 1.5-6-3.5V7h2z'/%3E%3C%2Fsvg%3E");
}
 
#preferred_date {
  padding-right: 40px;
  position: relative;
}

#preferred_date::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

/** Header Fixes **/

.main-menu ul li.menu-item-has-children > a span::after{
    margin:0px 0px 0px 5px; 
}
 
.main-menu ul li:not(:last-child) {
    margin-right: 20px;
}  
 
@media(max-width:1200px){ 
  header#xb-header-area .container {
      max-width: 100%;
  }

  header#xb-header-area .navbar {
      margin-right: -50px !important;
  }
	
  header#xb-header-area .header-contact a{
	  transform:scale(0.7) !important;
  }
}

@media (max-width: 1200px) and (min-width: 1101px) {
  .main-menu ul li:not(:last-child) {
      margin-right: 15px;
  }

  .main-menu ul li a, .main-menu ul li .sub-menu li a {
      font-size: 16px !important;
  }
}

@media (max-width: 1101px) and (min-width: 990px) {
  .main-menu ul li:not(:last-child) {
      margin-right: 10px;
  }
  .main-menu ul li a, .main-menu ul li .sub-menu li a{
      font-size:15px !important;
  }
} 

/** Responsive Fixes **/

@media(min-width:1024px){
	.gform_page_footer {
	  display: flex !important;
	  align-items: center !important;
	}

	.gform_page_footer .gform_previous_button,
	.gform_page_footer .gform_next_button {
	  order: 1;
	}

	.gform_page_footer .gform_save_link {
	  order: 2;
	  margin-left: auto !important;
	}
}

@media(max-width:992px){ 
  .xb-work-wrapper .work-shape{
    display:none;
  }
  
  .xb-work-wrapper .work-col .xb-item--number {
      left: 0px !important;
      right: auto !important;
      top: 110px !important;
      transform: inherit !important;
  }
  
  .xb-work-wrapper .work-col .xb-work .xb-item--img{
    margin-bottom:30px !important;
    width: 100%;
  }

  .xb-work-wrapper .work-col .xb-work .xb-item--img img{
    height:285px !important;
  }

  .xb-work-wrapper .work-col .xb-work{
    margin: 0px 0px 30px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px 20px;
  }

  /*
  .hero-right-two img {     
	mask-size: 100% 100%;
	-webkit-mask-image: url(/wp-content/uploads/2026/03/banner-image-mask1.png);  
	mask-image: url(/wp-content/uploads/2026/03/banner-image-mask1.png); 
  } */
	
  .xb-feature .xb-item--holder.ul_li {
     flex: 0 0 100%;
  }
  
  .xb-feature{ padding:10px 20px 20px; }
	
  .brand-slider .brand-logo{ padding:0px 15px; }
  
} 

@media(max-width:650px){ 
  .hm-service-grid .col-lg-4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .xb-award{padding: 0px 20px;}
  .award-left{ padding-top:30px; }
  .brand_award .xb-item--item{ width:100%;	}
  .brand_award .xb-item--holder{ width: 30%; }

  .brand_award .xb-item--holder:not(:last-child){ 
	margin-right:15px !important;
  }

  .brand_award {
	max-height: 350px;
	width: 100%;
  }	
	
  .hm-service-grid img { 
	height: 275px !important;
  }

  .about-funfact .xb-item--number{
	font-size:40px;
  }

  .xb-feature .xb-item--title { 
	font-size: 18px;
	line-height: 24px;
  }
	
}

@media(max-width:550px){
  .xb-feature-two .xb-item--inner{  
    flex-flow: column; 
  }

  .xb-feature-two .xb-item--text{
    width:100%;
    max-width: 100%;
  }
   
  .xb-fanfact--two{ 
    grid-template-columns: repeat(1, 1fr);
  }

  .xb-feature-two .xb-item--inner img,
  .xb-fanfact--two .xb-item--fan_inner img{
    width: 50px;
    max-width: 50px;
  }

  .xb-fanfact--two .xb-item--fan_inner{
    padding-left: 0px !important;
    flex-flow: row;
  }
  
}