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

* 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

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

/*
 * Custom styles are organized in /assets/css/components/
 *
 * Structure:
 *   assets/css/components/
 *   ├── header.css        → Navigation, donate button
 *   ├── hero.css          → Hero section
 *   ├── feature-cards.css → Feature V2 widget
 *   ├── service-cards.css → Service V2 cards
 *   ├── footer.css        → Footer CTA, typography, social
 *   └── funfact.css       → Fun fact section
 *
 * To add new styles:
 *   1. Create a new file in assets/css/components/ (e.g., contact.css)
 *   2. Add the filename to the $components array in functions.php
 */

/* ======================== 
  * Breakpoints                
    Extra large desktops: 1200px and above
    @media (min-width: 1200px) { }

    Large desktops: 1200px - 1500px
    @media only screen and (min-width: 1200px) and (max-width: 1500px) { }
  
    Laptops/small desktops: 1199px and below
    @media (max-width: 1199px) { }
  
    Tablets: 991px and below
    @media (max-width: 991px) { }
  
    Mobile phones: 767px and below
    @media (max-width: 767px) { }
  
    Small mobile: 576px and below
    @media (max-width: 576px) { } 

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

/* ======================== 
  * Global                   
  * ======================== */

:root {
  --color-default: #54595F !important;
}

.content-area a>strong {
  font-size: 18px;
}

.elementor-widget-text-editor ul li {
  list-style-position: outside;
  padding-left: 0;
}

.elementor-widget-text-editor ul li a {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 5px);
}


.e-con .elementor-widget-text-editor ul {
  margin-left: 30px;
}

.e-con-inner .elementor-element strong {
  font-weight: 600;
}

.xb-backtotop .scroll {
  background-color: #E9530E !important;
}

div.elementor-widget-text-editor p a,
div.elementor-widget-text-editor a,
div.elementor-widget-text-editor p a strong,
div.elementor-widget-text-editor p a em,
div.elementor-widget-text-editor p a span {
  color: #E9530E;
}

div.elementor-widget-text-editor p a:hover,
div.elementor-widget-text-editor a:hover,
div.elementor-widget-text-editor p a strong:hover,
div.elementor-widget-text-editor p a em:hover,
div.elementor-widget-text-editor p a span:hover {
  text-decoration: underline;
}

body.blog #primary,
body.archive #primary,
body.search #primary,
body.wp-singular #primary {
  padding-top: 50px;
}

body.blog #primary .single-post-wrapper .post-meta>li:first-child {
  display: none;
}

h2>strong,
h3>strong,
h4>strong,
h5>strong,
h6>strong {
  color: #003DA5;
}

/* Social share - X/Twitter icon color */
.social-share .twitter-share svg path {
  fill: #003DA5;
}

.tribe-common-l-container.tribe-events-l-container {
  padding: 0 !important;
}

div.elementor-widget-text-editor>p {
  margin-bottom: 0px !important;
}

.staff-table {
  width: 100%;
  border-collapse: collapse;
}

.staff-table thead tr {
  background-color: #f5f5f5;
}

.staff-table th,
.staff-table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.staff-table th {
  border-bottom: 2px solid #ddd;
}

.staff-table a {
  color: #e65c00;
  word-break: break-all;
}

.elementor-widget-text-editor a {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .staff-table thead {
    display: none;
  }

  .staff-table tr {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }

  .staff-table td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    gap: 10px;
  }

  .staff-table td:last-child {
    border-bottom: none;
  }

  .staff-table td::before {
    content: attr(data-label);
    font-weight: bold;
    color: #333;
    flex-shrink: 0;
    min-width: 60px;
  }
}