/*
Theme Name: True Supportive Care
Version: 1.0
Author: Cloud Three
Author URI: https://cloudthree.com.au/
*/
 
.alignnone {
margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
 
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
 
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
 
a img.alignnone {
margin: 5px 20px 20px 0;
}
 
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
 
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
 
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
 
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
 
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
 
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
 
/* ninja forms preset */
 
.ninja-forms-form-wrap .ninja-forms-error-msg {
color: #ff0000;
margin-bottom: 5px;
}
 
.ninja-forms-form-wrap .ninja-forms-required-items {
margin-bottom: 5px;
font-weight: bold;
}
 
.ninja-forms-form .text-wrap input,
.ninja-forms-form .textarea-wrap textarea,
.ninja-forms-form .list-dropdown-wrap select {
font-size: 14px;
padding: 10px 10px;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
 
.ninja-forms-form .submit-wrap input {
line-height: 41px;
text-align: center;
background-color: #ffffff;
padding: 0 32px;
border: 2px solid #cccccc;
-webkit-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
cursor: pointer;
font-size: 14px;
}
 
.ninja-forms-form .submit-wrap input:hover {
color: #ffffff;
background-color: #cccccc;
}
.nf-form-fields-required {
  display: none;
}
#header .section .options .bottom #navigation ul .sub-menu li{
  margin: 0;
}
#header .section .options .bottom #navigation ul .sub-menu{
  display: none;
  position: absolute;
  padding-top: 10px;
  min-width: 150px;
}
#header .section .options .bottom #navigation ul li.menu-item-has-children:hover .sub-menu{
  display: block;
}
#header .section .options .bottom #navigation ul .sub-menu li a{
  width:100%;
  color:#fff;
  background:#17112c;
  padding: 5px 10px;
}
#mainWrapper .section .gallery-item a img{
  border:none;
}
/* Make video player container more modern and clean */
.mejs-container {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
  background-color: #000;
  max-width: 100%;
  margin: 0 auto;
}

/* Slimmer controls */
.mejs-controls {
  background: rgba(0, 0, 0, 0.6) !important;
  padding: 10px;
  height: auto !important;
  border-top: none;
  transition: background 0.3s ease;
}

/* Time rail - progress bar */
.mejs-time-rail {
  height: 6px;
  border-radius: 3px;
  background: #333;
}

.mejs-time-current {
  background: #00AEEF; /* brand colour or bright colour */
  height: 6px !important;
  border-radius: 3px;
}

.mejs-time-loaded {
  background: #555;
  height: 6px;
  border-radius: 3px;
}

/* Play/Pause and other control buttons */
.mejs-button > button {
  background: none !important;
  border: none !important;
  width: 32px;
  height: 32px;
  filter: invert(100%);
  transition: transform 0.2s ease;
}

.mejs-button > button:hover {
  transform: scale(1.1);
}

/* Volume bar styling */
.mejs-volume-button,
.mejs-volume-slider {
  margin-left: 10px;
}

.mejs-volume-slider {
  height: 50px;
  background: #333;
}

.mejs-volume-current {
  background: #00AEEF;
}

/* Fullscreen button styling */
.mejs-fullscreen-button button {
  filter: invert(100%);
}

/* Time text (duration / current time) */
.mejs-time {
  color: #fff;
  font-size: 12px;
  padding: 0 8px;
}

/* Responsive video sizing */
.wp-video {
  max-width: 100%;
  height: auto;
}
#mainWrapper .mejs-layers .mejs-poster{
  width: 103%;
  height: 110%;
  background-size: 110%;
}