/**
 * Theme Name:     YourPhysio Parent Child
 * Author:         kidd81
 * Template:       yourphysio
 * Text Domain:	   yourphysio
 * Description:    A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. Documentation. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
 */


/* Typography */
body {
  font: 18px/1.8em 'Helvetica Neue', Arial, sans-serif;
font-family: 'Satoshi Medium'; 
	font-weight: 500;
	color:dimgray;

}


::selection {
  background: #002c47;
  color: #fff;
}

/* For WebKit-specific browsers (Safari, old Chrome) */
::-webkit-selection {
  background: #002c47;
  color: #fff;
}



div.w-100 div#wpcf7-f792-o1.wpcf7.js form.wpcf7-form.invalid div.wpcf7-response-output { background: #eee!important; font-size: 16px;}
div.w-100 div#wpcf7-f792-o1.wpcf7.js form.wpcf7-form.validating div.wpcf7-response-output { background: #eee!important; font-size: 16px; visibility: hidden;}
div.w-100 div#wpcf7-f792-o1.wpcf7.js form.wpcf7-form.sent div.wpcf7-response-output { background: #eee!important; font-size: 16px;}

ul { margin-bottom: 1.6rem;}

div#directions ul { margin: 0px; padding: 0px;}
div#directions ul li { margin: 0px; padding: 0px; list-style: none; line-height: 1.4em; margin-bottom: 1em;}

div#directions ul li {
  margin: 0;
  padding: 0 0 0 1.5em;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 1em;
  position: relative;
}
 
div#directions ul li::before {
  content: "»";
  color: red;
  position: absolute;
  left: 0;
  font-weight: bold;
}

body.single-services li.menu-item.menu-item-type-post_type.menu-item-object-page.nav-item.nav-item-553 a.nav-link.active { color: white!important;}

html body.category div.container ul#bootscore-navbar.navbar-nav.justify-content-around.w-100 a.nav-link.active  { color: white!important;}
ul.services {
    margin: 0;
    padding: 0;
    list-style: none; 
}

ul.services li {
    position: relative;
    padding-left: 30px;
    font-size: 20px;
    color: white;
}

/* Insert Font Awesome checkmark icon using Unicode */
ul.services li::before {
    content: "\f061"; /* Unicode for the Font Awesome checkmark */
    font-family: 'Font Awesome 6 Free'; /* Set the Font Awesome font */
    font-weight: 900; /* Bold style (for solid icons) */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px; /* Size of the icon */
    color: #ea234a; /* Icon color */
}

ul.services li a {
    text-decoration: none;
    color: white;
}

ul.services li a:hover {
    text-decoration: none;
    color: white;
}

div.callout h4 { font-size: 24px;}

.grid figure h3 { line-height: 1.0em!important;}


h3.category-title.white a:hover { color:white!important;}

.category-item { min-height: 50vh;}
 @keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  } 

  .pulse {
 
    animation: pulse 1s infinite;
  }


div#free { float: left; position: relative;  text-align: left; }

div#call { float: right; position: relative;  text-align: right; bottom: 70px;     transform: rotate(12deg);}

.two-col { column-count: 1; column-gap: 80px;}

h1, h2, h3, h4, h5, h6 {
  color: #0c3252;
	 /* font-family: "Bebas Neue", sans-serif;*/
font-family: 'Oswald Semi Bold';
  font-weight: 600;
  font-style: normal;
	text-transform: uppercase;
	line-height: 1.0em;
	letter-spacing: -0.5px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (height: 9/16 = 0.5625 or 56.25%) */
    overflow: hidden;
    max-width: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
}



section#summary {
  background: none;
	background-position: left center;
	background-size: cover;
	
}


.rounded { -webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
border-radius: 20px!important;}

.roundleft {-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;}

.roundright {
	
	-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
	
}

hr { border-top: 1px solid #ccc; height: 0px!important;}

h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 20px;} 
h6 {font-size: 16px;}

.underline {   background-image: linear-gradient(to right, #ed2048 100%, transparent 50%);
    background-position: 0 100%; 
    background-size: 100% 10px; /* Adjust the height of the underline as needed */
    background-repeat: repeat-x;
color: #ed2048;
}

.content { padding: 1.5em 0em;}


button#bars { background: transparent; border: 0px solid #eee;}
button#bars i { font-size: 30px;}

/* HERO */
header#hero { min-height: 60vh; width: 100%; background-size: cover!important; background: url('../images/AdobeStock_97113512.jpeg') bottom center no-repeat; /* Adjust the path to your actual image */
}
header#hero h1 {  font-size: 14px; line-height: 14px; color: white;}
		header#hero h2 {  font-size: 34px; line-height: 34px; color: white;}

header#masthead { padding-top: 58px; background-size: cover!important; background: url('../images/AdobeStock_97113512.jpeg') bottom center no-repeat; /* Adjust the path to your actual image */
}

header#pagemasthead { padding-top: 58px;  /*min-height: 50vh;*/ text-align: center; /* Adjust the path to your actual image */
}

header#blogmasthead { padding-top: 58px;  /*min-height: 50vh;*/ text-align: center; /* Adjust the path to your actual image */
}

div#action h3 {font-family: 'Oswald Semi Bold'; color: white!important; padding-left: 0.7em; border-left: 5px solid #fa2143;}

figure.effect-duke.rounded a figcaption p.mb-2 span.red { font-size: 14px;}

header#masthead ul { margin: 0px auto; padding: 0px;}
header#masthead ul li { margin: 0px auto; padding: 0px; color: white;}
header#masthead ul li a { color: white;}


header#masthead h1 {  font-size: 28px; line-height: 34px;}
header#masthead h2 {  font-size: 18px; line-height: 22px;}
header#masthead h1 a {  color: white!important;}

header#pagemasthead ul { margin: 0px auto; padding: 0px;}
header#pagemasthead ul li { margin: 0px auto; padding: 0px; color: white;}
header#pagemasthead ul li a { color: white;}


header#pagemasthead h1 {  font-size: 28px; line-height: 34px;}
header#pagemasthead h2 {  font-size: 18px; line-height: 22px;}
header#pagemasthead h1 a {  color: white!important;}

header#blogmasthead ul { margin: 0px auto; padding: 0px;}
header#blogmasthead ul li { margin: 0px auto; padding: 0px; color: white;}
header#blogmasthead ul li a { color: white;}


header#blogmasthead h1 {  font-size: 28px; line-height: 34px;}
header#blogmasthead h2 {  font-size: 18px; line-height: 22px;}
header#blogmasthead h1 a {  color: white!important;}

header#hero div#panel { /*border-top-left-radius: 20px; border-top-right-radius: 20px;*/ min-height: 60vh; width: 100%;  }
header#hero div#panel ul { margin: 0px; padding: 0px; }
header#hero div#panel ul li { margin: 0px 0.3em; padding: 0px; display: inline-block; }

header#masthead div#panel { border-top-left-radius: 20px; border-top-right-radius: 20px; }
header#masthead div#panel ul { margin: 0px; padding: 0px; }
header#masthead div#panel ul li { margin: 0px 0.3em; padding: 0px; display: inline-block; }

header#pagemasthead div#panel { border-top-left-radius: 20px; border-top-right-radius: 20px; }
header#pagemasthead div#panel ul { margin: 0px; padding: 0px; }
header#pagemasthead div#panel ul li { margin: 0px 0.3em; padding: 0px; display: inline-block; }

header#blogmasthead div#panel { border-top-left-radius: 20px; border-top-right-radius: 20px; }
header#blogmasthead div#panel ul { margin: 0px; padding: 0px; }
header#blogmasthead div#panel ul li { margin: 0px 0.3em; padding: 0px; display: inline-block; }
/* HERO */

.tab { background:#eee; padding: 0.2em 0.5em; font-size: 14px; color: #ed2048; }
/* NAV */

/* Set default color for nav-link */
li.nav-item a.nav-link {
	font-size: 18px;
	line-height: 1.0em;
	padding-right: 0rem!important;
    padding-left: 0rem!important;
  color: white;
  transition: color 0.3s ease, opacity 0.3s ease; /* Transition color and opacity over 0.3 seconds with ease timing function */
	font-family: 'Oswald Semi Bold';
	text-transform: uppercase;
}

/* Apply transition to nav-item */
li.nav-item {
  margin: 0;
  padding: 0;
}

/* Apply transition on hover for nested li items */
li.nav-item li a:hover {
  color: #0c3252; /* Change color on hover */
  opacity: 0.7; /* Change opacity on hover */


}

.dropdown-menu { background: #0c3252; border-radius: 0px; min-width: 240px; border:0px solid #eee;}
.navbar-expand-md .navbar-nav .dropdown-menu { margin-top: 8px;}
.navbar-expand-md .navbar-nav .dropdown-menu a { color: white;}
.navbar-expand-md .navbar-nav .dropdown-menu a:hover { color: #fff; background: #195d86;}

/* Navbar nav */
.navbar-nav {
  list-style: none;
  padding: 0;
}

.navbar-nav .nav-item {
  flex-grow: 1;
  text-align: center; /* Optional: Align text in the center of each list item */
}

/* Optional: Add some spacing between nav items */
.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem;
}

ul.dropdown-menu li.menu-item { padding: 0px; text-align: left!important;}
.navbar-nav .nav-item + .nav-item { margin-left: 0px!important;}
/* NAV */


a {
  color: inherit; /* Use the default text color for links */
  opacity: 1; /* Initial opacity */
  transition: color 0.3s ease, opacity 0.3s ease; /* Transition color and opacity over 0.3 seconds with ease timing function */
	
}

p a {
   text-decoration: none;
	border-bottom: 2px dotted red;
}

a:hover {
  color: #0c3252; /* Color change on hover */
  opacity: 0.7; /* Opacity change on hover */
}


/* Containers and Layout */
.container {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
 
div#contact p.title  { font-size: 14px!important; margin: 0px; padding: 0px;}
div#contact p  { font-size: 18px!important; line-height: 1.6;}



.sidebar {
  
  overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 5%;
}

/* Spacing */
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

/* Padding */
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 3rem; }

/* Colors */
.bgred { background:#ed2048;}
.bgwhite { background:#ffffff;}
.bgnavy { background:#0c3252;}
.bgpink { background:#ffcccc;}
.bggrey { background:#eeeeee;}
.bggreyrepeat { background: #eeeeee url("images/repeat.png") center center repeat; background-size: 2000px 1000px;}
.bgredrepeat { background: #ed2048 url("images/repeat-red.png") center center repeat; background-size: 2000px 1000px;}
.bgbluerepeat { background: #0c3252 url("https://www.yourphysio.co/wp-content/uploads/2025/07/repeat-blue-scaled.png") center center repeat; background-size: 2000px 1000px;}

div#mainhead { position: fixed; top: 0; width: 100%; z-index: 2000; background: white;}

button#bars.d-block.d-md-none span i.fa-solid.fa-bars { color: #0c3252!important;}
button#bars.d-block.d-md-none span i.fa-solid.fa-bars:hover { color: #ed2048!important;}

div.overlay-content.d-flex.justify-content-center.align-items-center div ul.text-center.text-md-start.float-none.float-md-start.mt-3.me-md-5 li a.nav-link.active { color: #ed2048;}

div.overlay-content li a.nav-link.active { color: #ed2048!important;}

html body.category.hfeed div#page.site div#myNav.overlay div.overlay-content.d-flex.justify-content-center.align-items-center div ul.text-center.text-md-start.float-none.float-md-start.mt-3.me-md-5 li.menu-item.menu-item-type-taxonomy.menu-item-object-category.current-menu-item.nav-item a.nav-link.active { color: #ed2048!important;}
	
	html body.category.hfeed div#page.site div#myNav.overlay div.overlay-content.d-flex.justify-content-center.align-items-center div ul.text-center.text-md-start.float-none.float-md-start.mt-3.me-md-5 li#menu-item-804.menu-item.menu-item-type-post_type.menu-item-object-page.current_page_parent.nav-item.nav-item-804 a.nav-link.active { color: white!important;}
 
.bgblackred { background:#34041e;} 
.bgcover {   background-color: rgba(0, 0, 0, 0.2);}

.red { color:#ed2048;}
.navy { color:#0c3252;}
.blackred { color:#34041e;} 
.pink { color:#ffcccc;}
.white { color:#fff;}
/* Colors */

/* Text Alignment */
.text-center { text-align: center; }
.text-right { text-align: right; }


a.dropdown-item.active { background: #024067;}

.btn { padding: 10px 30px 13px; margin: 0px; border-radius: 50px; font-size: 16px; font-family: 'Oswald Semi Bold'; text-transform: uppercase; }
.btn:hover {  transition: 0.3s ease, opacity 0.3s ease; /* Transition color and opacity over 0.3 seconds with ease timing function */}
.btnred { background:#ed2048; color:#0c3252;}
.btnwhite { background:#ffffff; color:#0c3252;}
.btnred { background:#ed2048; color:#fff;}
.btnpink:hover { background:#ffcccc; color:#0c3252;}
.btnwhite:hover { background:#ffffff; color:#0c3252;}
.btnred:hover { background:#ed2048; color:#fff;}

form.wpcf7-form.invalid p label br { display: none!important;}

 p input.wpcf7-form-control.wpcf7-submit

{padding: 10px 30px 13px; margin: 0px; border-radius: 50px; font-size: 18px; font-family: 'Oswald Semi Bold'!important; text-transform: uppercase;  border: 0px solid #eee; background:#ed2048; color:#fff;}

p input.wpcf7-form-control.wpcf7-submit:hover 

{ background: #153351; transition: 0.3s ease, opacity 0.3s ease; /* Transition color and opacity over 0.3 seconds with ease timing function */}

div.wpcf7-response-output { margin: 0px!important; padding: 0.3em; border-radius: 15px;}

p.category {font-family: 'Satoshi Medium';  font-size: 14px;}
/* Footer */
footer#main {
  /*padding-bottom: 150px;
  background: #0c3252 url('images/logobase.svg') bottom center no-repeat; /* Adjust the path to your actual image 
  background-size: 66% auto;
  background-position-y: calc(100% + 2px); /* Move background down by 2 pixels */
}

footer#main ul {
 	margin: 0px; padding: 0px;
	color: white;
}

footer#main ul li {
 	margin: 0px; padding: 0.3em 0px;
	color: white;
	list-style: none;

}

footer#main ul li a {
 	color: white;
	text-decoration: none;
}

footer#main ul li a:hover {
 	color: #ffcccc;
	text-decoration: none;
}

footer#main ul#social li {
	display: inline-block;
		font-size: 30px;
	margin: 0px 0.3em;
}


ul#links li {
	display: inline-block;
		font-size: 26px;
	margin: 0px 0.2em;
	font-family: 'Oswald Semi Bold';
	text-transform: uppercase;
	color: #0c3252;
}

ul#links li a {
	color: #0c3252;
}




/* Footer */


/* Footer Base */
footer#base ul {
 	margin: 0px; padding: 0px;
	color: white;
}

footer#base ul li {
 	margin: 0px; padding: 0px;
	color: white;
	list-style: none;
}

footer#base ul li a {
 	color: white;
}

/* Footer Base */

ul#footer-menu-2 { font-family: 'Oswald Semi Bold';
  font-weight: 600; font-size: 18px; line-height: 1.0em; text-transform: uppercase;}

.blur-overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px); /* Adjust blur radius as needed */
    -webkit-backdrop-filter: blur(5px); /* For Safari */
    backdrop-filter: blur(5px); /* Standard syntax */
    z-index: 1; /* Ensure the overlay is above the background image */
}

section#introduction.reset.bgred div.row.reset.d-flex.justify-content-end.align-items-center div.col-xl-6.reset.p-5 h3 { color: white;}
section#introduction.reset.bgred div.row.reset.d-flex.justify-content-end.align-items-center div.col-xl-6.reset.p-5 p { color: white;}


p.post-meta { font-size: 14px; color: white;}

/* Overlay */

div#map {height: 65vh;}

   #map-container {
     width: 100%;
     height: 65vh;
   }

   #map { /* Or whatever ID you gave the map element */
     width: 100%;
     height: 100%;
   }

p.date { font-size: 12px; color: white;}

 /* The Overlay (background) */
/* Overlay always covers full viewport */
.overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(21,51,81,1);
  overflow-x: hidden;
  /* Remove width transition */
  width: 100%;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10000000000000000;
  pointer-events: auto;
  transform: translateX(0);
}

/* When overlay is hidden */
.overlay.closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* Optional slide off */
  transform: translateX(100%);
}

/* Overlay content stays full size */
.overlay-content {
  position: relative;
  height: 100vh;
  width: 100%;
  text-align: center;
  /* no need to change */
}

/* Your existing ul/li styles stay the same */
.overlay-content ul {
  margin: 0;
  padding: 0;
}

.overlay-content ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: white;
}

.overlay-content ul li a {
  color: white;
}

/* Hidden by default */
#myNav {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(21,51,81,1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /* Optional slide from left */
  transform: translateX(-100%);
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  z-index: 100000;
}

/* When open, visible */
#myNav.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}


div#myNav li { line-height: 1.6em!important; margin: 0.6em 0em!important;}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

a.nav-link.active {color: #153351!important;}
footer a.nav-link.active {color: #ee2348!important;}


/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  color: white;
  top: 10px;
  right: 10px;
  font-size: 60px;
 z-index: 9999;
 text-decoration: none;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
} 

/* Overlay */




.sticky {
  position: fixed;
  width: 100%;
	z-index: 500;
	top: 0;
	
}

.owl-carousel {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .owl-carousel .item {
      text-align: left;
		min-height: 500px;
		
    }

.owl-carousel .item p {font-size: 56px;}
.owl-carousel .item p.number {font-size: 56px; position: absolute; bottom: 30px;}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 30px!important;}

.reset { margin: 0px; padding: 0px;}


#owl-demo .item {
    margin: 3px;
}
#owl-demo .item img {
    display: block;
    width: 50%;
    height: auto;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}


div#ways h4 { color: white;}
div#ways p { color: white;}
div#ways ul { color: white; margin: 0px; padding: 0px;}
div#ways ul li { margin: 0px; padding: 0px; list-style: none; text-decoration: none;}
div#ways ul li a {  text-decoration: none;}

section#extra h3 { color: #0c3252; font-size: 22px;}


#sp-ea-784.sp-easy-accordion > .sp-ea-single > .ea-header a { color: #002c47; font-size: 22px;
  line-height: 24px;}

p label span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip { color: #ee2348; font-size: 14px; font-weight: normal!important;}

input, label, textarea { width: 100%; }

label { font-family: 'Oswald Semi Bold'; color: #002c47; text-transform: uppercase; font-size: 18px; }

input { padding: 0.4em; border: 2px solid #eee; border-radius: 50px; text-indent: 0.4em; font-family: 'Satoshi Medium'!important;}

textarea { padding: 0.4em; border: 2px solid #eee; border-radius: 15px; text-indent: 0.4em; font-family: 'Satoshi Medium'!important; }

textarea:focus, input:focus {
    padding: 0.4em;
    border: 2px solid #ee2348;

    outline: none; /* This removes the default blue glow */
}

/* ACCORDION */

#contact .col-xl-6 {
    min-height: 70vh; /* or set to auto-adjust if content grows */
}



.ac_panels {

	display: flex;
 flex-direction: row;
	justify-content:flex-start;
	align-items: top;
	width: 100%;
	height: 70vh;
	background-color: white;
}

.screen { padding: 40px; height: 70vh; width: 100%;     background-color: rgba(0, 0, 0, 0.5); /* 0.5 specifies 50% opacity */}

.ac_panel h3, .ac_panel p { color: white; }
.ac_panel 	{


height: 70vh;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
 align-items:flex-start;
	flex: 1;
	overflow: hidden;
 transition: flex .1s;
	border: 3px solid white;
}

.ac_panel_beige {
	background-color: #C7CCDB;
}

.ac_panel.move {
	flex: 3;
}

.ac_panel.screen.move > *:first-child { display: none; }
.ac_panel.screen.move > *:last-child { display: block; opacity: 1 }

.ac_panel_text {
    opacity: 0;
    width: 100%;
    margin: 0 auto;
    transition: opacity 0s ease 0s; /* Transition for opacity with a delay of 0.2s */
}

.ac_panel.move .ac_panel_text {
    opacity: 1;
    transition: opacity 1s ease; /* Transition for opacity when fading out, with no delay */
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}



.ac_panel_text p {
  /*margin: 20px;*/

}

.ac_details {
	display: flex;
	justify-content: space-between;
  	line-height: 10px;
}

.ac_details_left {
	text-align: left;
}

.ac_details_right {
	text-align: right;
}

.ac_panel_logo_closed {
		width: 100%;
	margin: 0px;
}

.ac_panel_logo_opened {
	width: 100%;
	margin: 0px auto;
	 margin-bottom: 20px;
}

.ac_panel_logo_closed img, .ac_panel_logo_opened img {
	 width: 100px;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media only screen and (max-width:1260px) {
  .ac_panel_text {
    width: 300px;
  }
}

@media only screen and (max-width:979px) {
    .ac_panel {
    	width: 100%;
     align-items: flex-start;
  	}
  	.ac_panel.move {
		flex: 6;
	}
}

@media only screen and (max-width:979px) {
  .ac_panels {
    flex-direction: column;
    height: 1000px;
    width: 100%;
  }
}



div#panel h1 { visibility: hidden;}
div#panel h2 { visibility: hidden;}
div#panel ul#buttons { visibility: hidden;}
div#panel p.mb-3.text-center { visibility: hidden;}

h1.text-center.red.mt-0.mb-1 a {color: #fff;}
/* ACCORDION * /





/* Responsive Styles for Small Devices */
@media (min-width: 576px) {
  /* Add styles for small devices here */
	
	
}

/* Responsive Styles for Medium Devices */
@media (min-width: 768px) {
  /* Add styles for medium devices here */
	
	div#mainhead { position: absolute; top: 0; width: 100%; z-index: 2000; background: white;}

	
	body {
  font: 20px/1.8em 'Helvetica Neue', Arial, sans-serif;
font-family: 'Satoshi Medium'; 
	font-weight: 500;
	color:dimgray;

}
	
	
div.callout h4 { font-size: 40px;}
	
	
	
	
	/*footer#main { padding-bottom: 200px;}*/
	
	header#hero, header#hero div#panel { min-height: 55vh;}
	header#hero h1 {  font-size: 14px; line-height: 14px;}
		header#hero h2 {  font-size: 48px; line-height: 48px;}

	header#masthead h1 {  font-size: 38px; line-height: 40px;}
			header#masthead h2{  font-size: 22px; line-height: 28px;}
	
	header#masthead { padding-top: 140px; /*min-height: 55vh;*/}
	
		header#pagemasthead h1 {  font-size: 38px; line-height: 40px;}
			header#pagemasthead h2{  font-size: 22px; line-height: 28px;}
	
	header#pagemasthead { padding-top: 140px;  /*min-height: 55vh;*/}
	
		header#blogmasthead h1 {  font-size: 38px; line-height: 40px;}
			header#blogmasthead h2{  font-size: 22px; line-height: 28px;}
	
	header#blogmasthead { padding-top: 140px;  /*min-height: 55vh;*/}

}

/* Responsive Styles for Large Devices */
@media (min-width: 992px) {
	
	.btn { padding: 10px 30px 13px; margin: 0px; border-radius: 50px; font-size: 18px; font-family: 'Oswald Semi Bold'; text-transform: uppercase; }


	
	.two-col { column-count: 2;}
	
  /* Add styles for large devices here */
	li.nav-item a.nav-link { font-size: 18px; padding-right: 0.5rem; padding-left: 0.5rem; }
	
	
	

	
	
	/*footer#main { padding-bottom: 300px;}*/
	
	header#hero h1 {  font-size: 16px; line-height: 20px;}
	header#hero h2 {  font-size: 60px; line-height: 70px;}

	header#hero, header#hero div#panel { min-height: 75vh;}
	
	header#masthead h1 {  font-size: 52px; line-height: 54px;}
		header#masthead h2{  font-size: 20px; line-height: 20px;}

	header#masthead { padding-top: 138px;  /*min-height: 60vh;*/}
	
	header#pagemasthead h1 {  font-size: 52px; line-height: 54px;}
		header#pagemasthead h2{  font-size: 20px; line-height: 20px;}

	header#pagemasthead { padding-top: 138px;  /*min-height: 60vh;*/}
	
	
		header#blogmasthead h1 {  font-size: 52px; line-height: 54px;}
		header#blogmasthead h2{  font-size: 20px; line-height: 20px;}

	header#blogmasthead { padding-top: 138px;  /*min-height: 60vh;*/}
	
	
h1 {font-size: 40px;}
h2 {font-size: 34px;}
h3 {font-size: 36px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
	
	.content { padding: 3em 0em;}
	
}

/* Responsive Styles for Extra-Large Devices */
@media (min-width: 1200px) {
	
	section#summary {
  background: url('https://www.yourphysio.co/wp-content/uploads/2025/07/YourPhysioGridleft.jpg');
	background-position: left center;
	background-size: cover;
	
}
	
		section#summary {
  background: url('https://www.yourphysio.co/wp-content/uploads/2025/07/YourPhysioGridleft.jpg');
	background-position: -200px center;
			background-repeat: no-repeat;
		background-size: cover;}
	
  /* Add styles for extra-large devices here */
	
	/*footer#main { padding-bottom: 450px;}*/
}

/* Responsive Styles for Extra-Large Devices */
@media (min-width: 1400px) {
	
		section#summary {
  background: url('https://www.yourphysio.co/wp-content/uploads/2025/07/YourPhysioGridleft.jpg');
	background-position: -50px center;
					background-repeat: no-repeat;
		background-size: cover;}
	
  /* Add styles for extra-large devices here */
	
	/*footer#main { padding-bottom: 450px;}*/
}