/*!
Theme Name: health
Theme URI: http://mrgraphics.com.au/
Author: steve
Author URI: http://mrgraphics.com.au/
Description: Description
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: health

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

health is based on Underscores https://mrgraphics.com.au/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

@font-face {
    font-family: 'Calibri';
    src: url('assets/fonts/calibri-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('assets/fonts/calibri-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.sticky-header {
  position: sticky;
  top: 0;
  background: white;
  z-index: 999;
}

#logo {
  transition: transform 0.3s ease;
}

#main-header {
  transition: transform 0.3s ease;
}

#swirlimg {
  transition: max-width 0.3s ease;
}


.sticky-header.shrink .logo {
  /*height: 90px;*/
}

.sticky-header .wave-img {
  /*max-width: 74%;*/
}



body {
    font-family: 'Calibri', sans-serif;
    font-weight: normal; /* Regular content text */
}

h1, h2, h3 {
    font-family: 'Calibri', sans-serif;
    font-weight: bold; /* Headings */
}

h4, h5, h6 {
    font-family: 'Calibri', sans-serif;
    font-weight: 600; /* Sub-headings (semi-bold) */
}

a{color:#1a9d91;text-decoration:none;}
a:hover{color:#f1be48;}

.logo {
    z-index: 1;
    position: relative;
    padding-left:15px;
    max-width:200px;
}

.wave-img {
    max-width: 85%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-36%);
    z-index: -10;
}

.custom-box {
    background-color: #1a9d91;
    position: relative;
    border-radius: 0 0 0 50px;
    color:#fff;
    padding:15px 0px;
}

.footer {
  position: relative;
  height: auto;
  padding: 20px 0 0 0;
}

.footer::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index:-1;
}

.footer::before {
  top: 0;
  right: 0;
  width: 70%;
  height: 100%; 
  background-image: url('assets/images/footer-swirl.png'); 
}

.footer-image { margin-top:-10%; width: 70%; height: auto; z-index: -1; }
ul#menu-footer-menu-2 .menu-item a {padding-left: 24px; } 
ul#menu-footer-menu-2 .menu-item a::before { content: url('assets/images/phone-icon.png'); width: 16px; height: 16px;  }
#contact-footer{color:#1a9d91;}
#contact-footer :where(.wp-block-columns.is-layout-flex), .footer-widget-4 :where(.wp-block-columns.is-layout-flex) { gap: 0.8em; }
#contact-footer :where(.wp-block-columns), .footer-widget-4 :where(.wp-block-columns){ margin-bottom:0em; }
.footer h3.footer-widget-title, .footer h3.wp-block-heading{color:#004a64;}
ul#menu-footer-menu-1 {list-style-type:none;padding-left:0;}
.emergency{background: linear-gradient(135deg, #ec2227, #c1282d, #ec2227);border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;padding:8px 20px;text-align:left;}
.emergency h4{color:#fff;margin:0px;font-size:21px;}
.em-align-pad{padding:8px 20px;font-size:20px;}
.em-align-pad a {color:#fff;}
.em-align-pad a:hover{color:#f1be48;}
.greyit{color:#999090;}
.footer-widget-2 img{vertical-align:middle;}m1e7bPF-eTRMgmyk
.square {
  width: 100%;
  height: 100%;
  border-radius: 15px; 
  padding: 15px 10px;
  min-height:220px;
}
.square h4 a, .square h4{color:#fff;font-weight:bold;width:100%;text-align:center;padding:5px;}
.squarebutton{border:1px solid #fff;}
.squarebutton .wp-block-button__link{border-width:0px;color:#e0e0e0;padding:5px 15px;}
.squarebutton .wp-block-button__link:hover{color:#fff;}
.squarebutton .wp-block-button__link::before {
  content: "+"; 
  margin-right: 8px; 
  font-size: 20px; 
  font-weight:bold;
  color:#fff;
}

.nav-link.rectangle-box.activebox{color:#1a9d91!important;}
.nav-link.active.activebox{
  background-color: transparent; /* Tomato */
  color:#1a9d91!important;
}
.nav-link.active.box1, .nav-link.box1,.box1 {
  background-color: #1a9d91; /* Tomato */
}

.nav-link.active.box2, .nav-link.box2,.box2 {
  background-color: #df7055; /* SteelBlue */
}

.nav-link.active.box3, .nav-link.box3,.box3 {
  background-color: #004a64; /* LimeGreen */
}

.nav-link.active.box4, .nav-link.box4,.box4 {
  background-color: #f1be48; /* Gold */
}
.nav-link.active.box5, .nav-link.box5,.box5 {
  background-color: #6467a2; /* Gold */
}
.nav-link.active.box6, .nav-link.box6,.box6 {
  background-color: #f9a75f; /* Gold */
}

.nav-link.active.box7, .nav-link.box7,.box7 {
  background: linear-gradient(135deg, #df7055, #1a9d91);
}
.nav-link.active.box8, .nav-link.box8,.box8 {
  background: linear-gradient(135deg, #f1be48, #004a64);
}
.nav-link.active.box9, .nav-link.box9,.box9 {
  background: linear-gradient(135deg, #6467a2, #f9a75f);
}
.nav-link.active.box10, .nav-link.box10,.box10 {
  background: linear-gradient(135deg, #004a64, #df7055);
}

.title-color-1{color:#6467a2;}
.title-color-2{color:#f1be48;}
.title-color-3{color:#004a64;}
.title-color-4{color:#1a9d91;}
.title-color-5{color:#df7055;}
.title-color-6{color:#f9a75f;}

h2{color:#1a9d91;}
.usefullinks{padding-left:20px;}
.usefullinks h2{
    font-weight:normal;
    color:#004a64;
}
.usefullinks ul{
    padding-left:5px;
    list-style-type:none;
}
.usefullinks ul li{padding:10px 0px;border-bottom:1px solid #6467a2;position: relative;}
.usefullinks ul li::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #6467a2;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.usefullinks ul li a{color:#004a64;font-size:24px;opacity:0.7;}
.rectangle-box, .nav-link.active.rectangle-box,.nav-link.rectangle-box {
  width: 100%;
  position: relative;
  border-radius: 50px 0 50px 50px; /* Top right is 0 for rectangle, others are rounded */
  overflow: hidden;
  color:#fff;padding:15px;font-weight:bold;text-align:left;
}
.activebox{border:2px solid #1a9d91;color:#1a9d91;}
.activebox1{border:2px solid #df7055;color:#df7055;}
.activebox5{border:2px solid #6467a2;color:#6467a2;}
.nav-pills .nav-link.active .first-indicator {
    color: #1a9d91;  /* Arrow color */
    font-size: 16px;  /* Adjust size as needed */
    opacity: 1;  /* Hidden by default */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.first-indicator {
    opacity: 0;  /* Hidden by default */
}
.active-indicator {
    color: white;  /* Arrow color */
    font-size: 16px;  /* Adjust size as needed */
    opacity: 0;  /* Hidden by default */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.nav-pills .nav-link.active .active-indicator {
    opacity: 1;  /* Show when active */
    transform: translateX(5px); /* Slight movement for effect */
}

.accordion-button {
    font-size: 1.2rem; /* Larger title */
    font-weight: bold;
    color: #fff;
    background: linear-gradient(135deg, #df7055, #1a9d91); /* Gradient effect */
    padding: 15px 20px;
    border: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.accordion-button::before {
    content: "📌"; /* Default icon */
    font-size: 1.3rem;
    display: inline-block;
    transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed)::before {
    content: "🔽"; /* Opened icon */
    transform: rotate(180deg);
}

.accordion-button:hover {
    background: #004a64; /* Darker hover effect */
    color: #fff;
}

.accordion-item {
    border: 0px solid #1a9d91; /* Border matching theme */
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
}

.accordion-body {
    background: #f8f9fa;
    padding: 15px;
    border-top: 3px solid #df7055;
    font-size: 1rem;
    line-height: 1.5;
}

.accordion-button:focus {
    box-shadow: none;
}

.gallery-img {
            width: 100%; /* Full width of the container */
            height: 100%; /* Set a fixed height */
            object-fit: cover; /* Ensures uniform dimensions */
            border:1px solid #EDE6DD;
        }
.rounded img{border-radius:30px;}
a.feedbackBox{color:#fff;}
.custom-table .wp-rich-text-font-awesome-icon.wp-font-awesome-icon{color:#a8ded8;}
.custom-table {
            border-radius: 12px;
            border: 3px solid #a8ded8; /* Light version of #1a9d91 */
            overflow: hidden;
            background: white;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            width:95%;
        }
        
        .custom-table thead {
            background-color: #1a9d91;
            color: white;
        }

        .custom-table tbody tr {
            transition: background 0.3s ease-in-out;
        }

        .custom-table tbody tr:hover {
            background-color: rgba(26, 157, 145, 0.1);
        }

        .custom-table th, .custom-table td {
            border: none !important;
            padding: 9px 10px;
            border-bottom:1px solid #a8ded8!important;
           
        }
        .form-check-input{border:0px;}
        span.wpcf7-list-item{display:block;margin-left: 0px;padding-bottom: 6px;padding-top: 6px;}
        .bgcontact{background:rgba(46, 111, 135, 0.3);}
        .wpcf7-submit{width:140px;}
        .page.page-id-19 .box10{display:none;}
        .btn.btn-outline-white.jobbutton{padding:3px 10px;background:linear-gradient(135deg, #004a64, #df7055);color:#fff;font-weight:bold;border:0px solid;}
        ul.annual-report li{list-style-type:none;}
        ul.annual-report li .fas{color:#df7055;padding:0px 8px 0px 0px;}
        .minhgt1{min-height:278px;}
        .icon-list-item {
              display: flex;
              align-items: flex-start; /* aligns icon with first line of text */
              gap: 10px;               /* space between icon and text */
              margin-bottom: 0.5em;
        }

        .icon-list-item i {
          flex-shrink: 0;          /* prevents icon from shrinking */
          margin-top: 4px;         /* optional fine-tune vertical alignment */
        }

        .icon-list-item span {
          flex: 1;                 /* allows text to wrap naturally */
        }
        .fts1{font-size:0.5rem;}
        .quick-exit {
  position: fixed;
  top: 50%;
  right: 0px;
  background-color: #333;
  color: white;
  padding: 10px 20px;
  z-index: 9999;
  border-radius: 5px 0px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
  min-width:150px;
}
.quick-exit span{padding:0 0 0 20px;}
.quick-exit:hover,
.quick-exit:focus {
  background-color: #d32f2f;
  outline: none;
  color:#fff;
}

 .diagram-container {
      position: relative;
      width: 500px;
      height: 400px;
      margin: 50px auto;
    }

    .circle {
      position: absolute;
      width: 110px;
      height: 110px;
      border-radius: 50%;
      color: white;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 10px;
      z-index: 2;
      font-size:12px;
    }

    .center {
      background-color: #d7261e;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .top {
      background-color: #f7931e;
      top: 0%;
      left: 50%;
      transform: translateX(-50%);
    }

    .top-right {
      background-color: #ee4d2d;
      top: 20%;
      left: 83%;
      transform: translateX(-50%);
    }

    .bottom-right {
      background-color: #6467a2;
      top: 65%;
      left: 75%;
      transform: translateX(-50%);
    }

    .bottom-left {
      background-color: #004a64;
      top: 64%;
      left: 24%;
      transform: translateX(-50%);
    }

    .top-left {
      background-color: #1a9d91;
      top: 20%;
      left: 17%;
      transform: translateX(-50%);
    }

    /* ARROWS FROM CENTER TO EACH CIRCLE */
    .arrow {
      position: absolute;
      width: 0;
      height: 0;
    }

    .arrow::before {
      content: "";
      position: absolute;
      width: 2px;
      height: 150px;
      background-color: black;
      transform-origin: top center;
    }

    .arrow::after {
       content: "";
  position: absolute;
  top: 142px; /* place near end of line (height of ::before is 150px) */
  left: -6px;
  border: 6px solid transparent;
  border-bottom: none;
  border-top: 10px solid black;
  transform: rotate(0deg);
    }

    /* Top Arrow */
    .arrow-top {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-180deg);
    }

    .arrow-top::before {
      transform: rotate(0deg);
    }

    .arrow-top::after {
      top: -8px;
      left: -6px;
      transform: rotate(0deg);
    }

    /* Top Right Arrow */
    .arrow-top-right {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-45deg);
    }

    .arrow-top-right::before {
      transform: rotate(0deg);
    }

    .arrow-top-right::after {
      top: -8px;
      left: -6px;
      transform: rotate(0deg);
    }

    /* Bottom Right Arrow */
    .arrow-bottom-right {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
    }

    .arrow-bottom-right::before {
      transform: rotate(0deg);
    }

    .arrow-bottom-right::after {
      top: -8px;
      left: -6px;
      transform: rotate(0deg);
    }

    /* Bottom Left Arrow */
    .arrow-bottom-left {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(120deg);
    }

    .arrow-bottom-left::before {
      transform: rotate(0deg);
    }

    .arrow-bottom-left::after {
      top: -8px;
      left: -6px;
      transform: rotate(0deg);
    }

    /* Top Left Arrow */
    .arrow-top-left {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-115deg);
    }

    .arrow-top-left::before {
      transform: rotate(0deg);
    }

    .arrow-top-left::after {
      top: -8px;
      left: -6px;
      transform: rotate(0deg);
    }
    #content2{display:none;}
    #active-indicator-2{display:none;}
    .callcenter{background-color:#efefef;}
    .callcenter p{font-size:20px;}
    .callimage{padding:10px;border:1px solid #dddddd;background:#fafafa;}
    .astm-search-menu.menu-item{display:inline-block;}
    .contact-emergency{border:3px solid #a8ded8;}
    .squarebutton.read{width:150px;float:right;}
    .card-text.read-text{min-height:130px;}
    /* Latest News Archive Minimalist Styles */

.news-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 0.75rem;
    overflow: hidden;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.news-card .card-img-top {
    object-fit: cover;
    height: 220px;
}

.news-card .btn-outline-dark {
    border-radius: 50px;
    padding: 6px 20px;
    font-weight: 500;
}

.news-card h5 a:hover {
    color: #0d6efd; /* Bootstrap primary color */
}

.pagination .page-numbers {
    margin: 0 5px;
    padding: 6px 12px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
}

.pagination .page-numbers:hover,
.pagination .current {
    background-color: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}
.date-box {
    display: inline-block;
    background-color: #6467a2; /* light grey background */
    color: #fff;              /* dark text for contrast */
    padding: 2px 2px;
    font-size: 0.6rem;
    font-weight: 600;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    max-width:100px;
    text-align:center;
}

.table-post-light {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #20b1a4; /* lighter version of #1a9d91 */
  color: #ffffff;
  border: 2px solid white;
}

@media (max-width: 768px) {
    .logo {
        max-height: 70px;
    }

    .wave-img {
        width:80%;
    }
     
    .custom-box {
        width: 100%;
    }
    .emergency{width:300px;}
    .footer-widget-2 img{max-width:25px;}
    .footer-widget-2 .wp-block-columns{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; /* Aligns the columns on the same line */
    }

    .footer-widget-2 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.f-small-icon {
        flex-basis: 6%!important; /* Adjust the column width to fit in the same row */
        margin-bottom: 10px; /* Optional: Adds space between columns */
    }
    .footer-widget-2 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 80%!important; /* Adjust the column width to fit in the same row */
        margin-bottom: 10px; /* Optional: Adds space between columns */
    }
    .em-align-pad.text-center{text-align:right!important;}
    
}

@media (min-width: 768px) {
.custom-table th, .custom-table td {
            max-width:250px;
        }
        .stick-to-top{position:absolute;top:0px;right:0px;}
}

@media (max-width: 767px) {
    .hide-on-mobile {
      display: none !important;
    }
  }


