/* Themify Customize Styling */
body {	
	font-family: "Mulish";	font-weight:400;
	letter-spacing:0em;
	font-size:1rem;
	line-height:1.5rem;

	color: #000000; 
}
a {		font-weight:bold;
	text-decoration:underline;
	font-weight:bold;

	color: #1d8b9c; 
}
a:hover {		font-weight:bold;
	text-decoration:underline;
	font-weight:bold;

	color: #808080; 
}
h1 {	
	font-family: "Mulish";	font-weight:400;
	letter-spacing:.02em;
	font-size:3rem;
	line-height:3.5rem;
 
}
h2 {	
	font-family: "Mulish";	font-weight:700;
	letter-spacing:.015em;
	font-size:2rem;
	line-height:2.5rem;
 
}
h3 {	
	font-family: "Mulish";	font-weight:500;
	letter-spacing:.01em;
	font-size:1.6rem;
	line-height:2rem;
 
}
h4 {	
	font-family: "Mulish";	font-weight:600;
	letter-spacing:.01em;
	font-size:1.125rem;
	line-height:1.6rem;
 
}
h5 {	
	font-family: "Mulish";	font-weight:400;
	letter-spacing:.01em;
	font-size:1rem;
	line-height:1.6rem;
 
}
h6 {	
	font-family: "Mulish";	font-weight:500;
	letter-spacing:.5em;
	font-size:.875px;
	line-height:1.6px;
 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ff9d00;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #ffffff;
	color: #ff9d00; 
}
#headerwrap {	
	background-color: transparent;background-image: none; 
}
#headerwrap #header {	background-image: none;
	background-repeat: no-repeat; 
}
#header {	
	font-family: "Roboto";	text-align:center; 
}
#headerwrap a {		font-weight:bold;
	font-weight:bold;

	color: #ffa500; 
}
#headerwrap a:hover {		font-weight:bold;
	text-decoration:underline;
	font-weight:bold;
 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background-image: url(https://mi-psych.com.au/wp-content/uploads/2019/06/Logo.png);
	background-repeat: no-repeat;
	background-position: left center; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {	
	font-family: "Roboto";	font-weight:400;
	font-size:12px;
 
}
body #site-logo a img {	
	height: 143px; 
}
#site-logo {	
	top: 40px;
	margin-top: -35px;
	margin-bottom: 25px; 
}
#site-description {	
	font-family: "Roboto";	font-size:30px;
	text-transform:capitalize;
	color: #000000; 
}
#main-nav a {	
	color: #000000;
	font-family: "Roboto";	font-weight:500;
	font-size:22px;
 
}
#main-nav a:hover {	
	color: #000000; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #ffa500; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #000000; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #ff9d00;
	color: #000000; 
}
#main-nav ul a:hover {	background: none;
	background-color: #000000;
	color: #000000; 
}
.mobile_menu_active #menu-icon {	
	padding-top: 150px;
	padding-left: 25px; 
}
.post {	
	background-color: transparent; 
}
.post-title {		font-weight:500;
	text-align:center; 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: rgba(0,0,0,0.78); 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #ff9d00; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Roboto";	font-size:50px;
	text-align:center;
	margin-top: 50px; 
}
.post-meta a {	
	color: rgba(0,0,0,0.41); 
}
.single.single-post .featured-area {	background-image: none; 
}
.module-title {	
	font-family: "Roboto"; 
}
#sidebar a, #sidebar-alt a {	
	font-family: "Roboto";
	color: #ff9d00; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #ff9d00; 
}
#footerwrap {	background: none;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top; 
}
#footer {	
	color: #000000; 
}
#footer a {	
	color: #000000; 
}
#footer a:hover {	
	color: #ff9d00; 
}
#footer-nav .current_page_item a, #footer-nav .current-menu-item a {	
	color: #000000; 
}
#footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover {	
	color: #000000; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #ff9d00; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body {	
	font-family: "Roboto";
	color: #333333; 
}
a {	
	color: #ffa500; 
}
a:hover {	
	color: #808080; 
}
h1 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h2 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h3 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h4 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h5 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h6 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ff9d00;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #ffffff;
	color: #ff9d00; 
}
#headerwrap {	background: none;
	background-color: rgba(255,255,255,0.00);background-image: none; 
}
#headerwrap #header {	background-image: none; 
}
#header {	
	font-family: "Roboto";
	color: #000000; 
}
#headerwrap a {	
	color: #000000; 
}
#headerwrap a:hover {	
	color: #ffa600; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	
	background-repeat: no-repeat;
	background-position: left center; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {	
	font-family: "Roboto";	font-weight:400;
 
}
#site-description {	
	font-family: "Roboto"; 
}
#main-nav a {	
	color: #000000;
	font-family: "Roboto";	font-size:20px;
 
}
#main-nav a:hover {	
	color: #ff9d00; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #ff9d00; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #000000; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #ff9d00;
	color: #000000; 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: rgba(0,0,0,0.78); 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #ff9d00; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Roboto"; 
}
.post-meta a {	
	color: rgba(0,0,0,0.41); 
}
.module-title {	
	font-family: "Roboto"; 
}
#sidebar a, #sidebar-alt a {	
	color: #ff9d00; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #ff9d00; 
}
#footerwrap {	
	background-repeat: no-repeat;
	background-position: center top; 
}
#footer {	
	color: #000000; 
}
#footer a {	
	color: #333333; 
}
#footer a:hover {	
	color: #ff9d00; 
}
#footer-nav .current_page_item a, #footer-nav .current-menu-item a {	
	color: #ff9d00; 
}
#footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover {	
	color: #ff9d00; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #ff9d00; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body {	
	font-family: "Roboto";
	color: #333333; 
}
a {	
	color: #ffa500; 
}
a:hover {	
	color: #808080; 
}
h1 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h2 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h3 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h4 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h5 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h6 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ff9d00;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #ffffff;
	color: #ff9d00; 
}
#headerwrap {	
	background-color: transparent;background-image: none; 
}
#headerwrap #header {	
	background-color: transparent;background-image: none; 
}
#header {	
	font-family: "Roboto";	font-weight:100;

	color: #000000; 
}
#headerwrap a:hover {	
	color: #ffa600; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	
	background-repeat: no-repeat;
	background-position: left center; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {	
	font-family: "Roboto";	font-weight:400;
 
}
#site-logo {	
	top: 40px;
	right: 50px; 
}
#site-description {	
	font-family: "Roboto"; 
}
#main-nav a {	
	font-family: "Roboto";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	text-align:left; 
}
#main-nav a:hover {	
	color: #ff9d00; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #ff9d00; 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: rgba(0,0,0,0.78); 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #ff9d00; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Roboto"; 
}
.post-meta a {	
	color: rgba(0,0,0,0.41); 
}
.module-title {	
	font-family: "Roboto"; 
}
#sidebar a, #sidebar-alt a {	
	color: #ff9d00; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #ff9d00; 
}
#footerwrap {	background: none;
	background-color: #ffffff;background-image: url(https://mi-psych.com.au/wp-content/uploads/2017/08/Transparent-lotus-2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 90px; 
}
#footer {	
	color: #000000; 
}
#footer a {	
	color: #333333; 
}
#footer a:hover {	
	color: #ff9d00; 
}
#footer-nav .current_page_item a, #footer-nav .current-menu-item a {	
	color: #ff9d00; 
}
#footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover {	
	color: #ff9d00; 
}
 }@media(max-width: 480px) { /* Themify Customize Styling */
body {	
	font-family: "Roboto";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:normal;
	font-size:18px;

	color: #4d4d4d; 
}
a {	
	color: #ffa500; 
}
a:hover {	
	color: #808080; 
}
h1 {	
	font-family: "Roboto"; 
}
h2 {	
	font-family: "Roboto"; 
}
h3 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h4 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h5 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
h6 {	
	font-family: "Roboto";
	color: #4d4d4d; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ff9d00;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #ffffff;
	color: #ff9d00; 
}
#headerwrap {	background-image: none; 
}
#headerwrap #header {	background: none;
	background-color: rgba(255,255,255,0.00); 
}
#header {	
	font-family: "Roboto";	font-weight:100;

	color: #4d4d4d; 
}
#site-description {		font-weight:normal;
 
}
#main-nav a {	
	color: #4d4d4d;
	font-family: "Roboto";	font-weight:100;
	text-align:left; 
}
#main-nav a:hover {	
	color: #ff9d00; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #ff9d00; 
}
.post-title {		text-align:left; 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: rgba(0,0,0,0.78); 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #ff9d00; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Roboto";	font-weight:bold;
 
}
.post-meta a {	
	color: rgba(0,0,0,0.41); 
}
#sidebar a, #sidebar-alt a {	
	color: #ff9d00; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #ff9d00; 
}
#footerwrap {	background: none;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center bottom; 
}
#footer {	
	color: #000000; 
}
#footer a {	
	color: #333333; 
}
#footer a:hover {	
	color: #ff9d00; 
}
#footer-nav .current_page_item a, #footer-nav .current-menu-item a {	
	color: #ff9d00; 
}
#footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover {	
	color: #ff9d00; 
}
 }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on, .mobile_menu_active #headerwrap .sidemenu-on { background-image: url(https://mi-psych.com.au/wp-content/uploads/2017/08/Transparent-lotus-2.png);
	background-repeat: no-repeat;
	background-position: center bottom;background-attachment: fixed; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a { 
	font-family: "Roboto";	font-weight:500;
	font-size:25px;
	line-height:30px;
	text-align:left; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #061c33; }.header-minbar #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover { 
	background-color: transparent; }
/* Themify Custom CSS */
/* This is for Header Main Menu current page Underline */.current-menu-item a { border-bottom: 2px solid #000; }

/* This is for Contact Form 7 Button colour and style */
.wpcf7 .wpcf7-submit 
{
background-color:orange; 
  border-radius: 8px;
  padding: 10px 20px;
    box-shadow: 1px 4px 0px 0px rgba(0, 0, 0, .5); 
}

/* I believe this is to make the Font Mulish work on Mobile, but I also inserted the same CSS into another place and checked the 'download google fonts' check box so don't know which made the difference, but it's working */
body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Mulish', sans-serif !important;
}


/* This is for HEADER CTA BUTTON*/
header#tbp_header .customMenu a {
  font-weight:500;
  font-size: 1rem;
  color: #fff !important;             /* Text color */
  background-color: #2AABBA;
  border: .5px solid black;
  padding: .5rem .6rem;
  border-radius: 8px;
  text-decoration: none !important;   /* Remove underline */
  transition: background-color 0.3s ease, color 0.3s ease;    
}

/* This is for HEADER CTA HOVER-COLOUR*/
header#tbp_header .customMenu a:hover {
  background-color: #cc7000;   /* Darker orange on hover */
  color: #fff;                 /* Keep text white */
  border-color: #cc7000;
  text-decoration: none;
}

/*This is for the HERO CTA button on the homepage:*/
a.builder_button.orange {
  background-color: #1cc3d6; /* Replace with your hex */
  font-weight:600;
  font-size: 1.5rem;
	color: #fff !important;
  border-radius: 8px;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}
a.builder_button.orange:hover {
  background-color: #cc7000 !important; /* Darker hover color */
}
header#tbp_header .ui.nav li a{
font-weight: 600;
}

/* This is the Font Weight of the caption under the Footer Logo*/
.tb_475p1 .image-title a {
  font-weight: 400; /* or try 300, 500, 600 depending on your preference */
}

/* This is for the Sticky Header*/
fixed-header-on .tb_sticky_wrapper{
height:50px !important;
}
.fixed-header-on .tb_sticky_scroll_active{
    padding-bottom: 5px;
    padding-top: 5px;
}
.fixed-header-on .tb_sticky_scroll_active .site-logo-inner img {
height: 35px !important; 
transition: height 0.3s ease;
}


/* === 1. Uniform featured / related post thumbnails = 800×533 (3:2) ========== */

/* Targets: Themify Posts module, related-posts widgets, & archive grids */
.module-posts .post .post-image,
.module-posts .post .post-image img,
.related_posts_list .post-thumbnail,
.related_posts_list .post-thumbnail img,
.blog .wp-post-image,
.archive .wp-post-image {        /* add more selectors if you use others */
    width: 100%;                 /* let width be fluid */
    aspect-ratio: 3 / 2;         /* 800 ÷ 533 ≈ 1.5  */
    height: auto;                /* modern browsers honour aspect-ratio    */
    object-fit: cover;           /* crop visually, no stretching or blur   */
    object-position: center;     /* keeps focal point centred              */
}

/* Legacy fallback (very old Safari / IE) – comment out if you don’t care */
@supports not (aspect-ratio: 1 / 1) {
  .module-posts .post .post-image,
  .related_posts_list .post-thumbnail,
  .blog .wp-post-image,
  .archive .wp-post-image {
      height: 0;
      padding-top: 66.6666%;     /* 533 ÷ 800 × 100  */
      position: relative;
  }
  .module-posts .post .post-image img,
  .related_posts_list .post-thumbnail img,
  .blog .wp-post-image,
  .archive .wp-post-image {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      object-fit: cover;
  }
}

/* === 2. Remove excerpts under those thumbnails ============================ */

.module-posts .post .post-excerpt,
.related_posts_list .entry-summary,
.related_posts_list .post .excerpt {
    display: none !important;
}

/*This is to add Shadow to the CTA buttons:*/
a.button,
button,
input[type="submit"],
a.builder_button,
.module-buttons-item a {
    box-shadow: 0 8px 9px rgba(59, 57, 66, .6); /*  colour shadow */
    transition: box-shadow 0.3s ease;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
a.builder_button:hover,
.module-buttons-item a:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .7); /* Dark shadow on hover */
}



/* This is to fix a white ine in the 3rd last module of the main pages */