html,
body {
margin: 0;
-webkit-overflow-scrolling: touch;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: 'Roboto Condensed', sans-serif;
color: #222;
-webkit-font-smoothing: antialiased;
}
#wrapper {
min-height: 100%;
}
a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {}
hr {
border: 1px solid #ff4153;
}
h1.title {
text-align: center;
font-size: 65px;
line-height: 65px;
margin: 30px 0px;
}
h1 {
font-size: 55px;
text-transform: uppercase;
line-height: 55px;
font-weight: 600;
letter-spacing: 3px;
margin: 0;
}
h2 {
font-size: 40px;
line-height: 40px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
h3 {
font-size: 40px;
line-height: 40px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
h4 {
font-size: 40px;
line-height: 40px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
h5 {
font-size: 26px;
line-height: 34px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
h6 {
font-size: 20px;
line-height: 30px;
font-weight: 400;
margin: 0;
}
p {
font-size: 15px;
line-height: 24px;
color: #666;
}
#mobile-book{
background: #ff4153;
text-transform: uppercase;
font-size:12px;
display: none;
padding: 7px 20px;
color: #fff;
position: absolute;
font-weight:bold;
top: 14px;
right: 70px;
}
.home p {}
.sticker {
font-size: 11px;
font-weight: 600;
color: #fff;
background: #ff4153;
display: inline-block;
text-transform: uppercase;
padding: 2px 6px;
margin-bottom: 2%;
}
.button {
border: 1px solid #222;
padding: 10px 30px;
text-transform: uppercase;
font-weight: 600;
color: #222;
font-size: 14px;
margin: 5% 0px;
display: inline-block;
}
.button:hover {
color: #aaa;
border: 1px solid #aaa;
}
.text {
padding: 5%;
} .menu-main-container {
float: right;
}
.menu-main-container ul {
list-style: none;
padding: 0px;
margin: 0;
}
.menu-main-container ul li a {
font-size: 13px;
letter-spacing: 0px;
text-transform: uppercase;
padding: 20px;
}
.menu-main-container ul li a {
color: #fff;
}
.active .menu-main-container ul li a,
.page-template-0_contact .menu-main-container ul li a {
color: #222;
}
.menu-main-container ul li {
display: inline-block;
padding: 35px 10px 40px 10px;
margin: 0 15px;
border-top: 5px solid transparent;
}
.menu-main-container ul li.current-menu-item {
border-top: 5px solid #ff4153;
}
#header {
position: fixed;
z-index: 999;
width: 100%;
}
#header.active {
background: rgba(255, 255, 255, .95);
}
#logo {
width: 221px;
height: 16px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/logo-w.png);
background-size: 221px 16px;
display: block;
float: left;
margin: 40px;
}
#header.active #logo,
.page-template-0_contact #logo {
width: 221px;
height: 16px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/logo.png);
background-size: 221px 16px;
display: block;
float: left;
margin: 40px;
}
#menu-item-141 a{
background:#ff4153;
color:#fff;
}
.page-template-0_book-php #menu-item-141 a{
background:none;
} #mobile-menu .mm-menu_offcanvas {
display: none;
}
#mobile-menu-btn {
display: none;
float: right;
margin-top: 28px;
margin-right: 20px;
}
#mobile-menu-btn hr {
border: 1px solid #fff;
width: 25px;
}
.active #mobile-menu-btn hr,
.page-template-0_contact #mobile-menu-btn hr {
border: 1px solid #222;
}
.mm-navbar {
border: none;
}
.mm-navbar__title {
height: 110px;
width: 80px;
margin-top: 20px;
margin: 0 auto;
font-size: 0px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/logo2.png) bottom no-repeat;
background-size: 80px 80px;
}
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
margin-top: 70px;
}
.mm-navbars_bottom .envelope {
width: 30px;
height: 30px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/mail.png) center center no-repeat;
background-size: 20px 20px;
}
.mm-navbars_bottom .instagram {
width: 30px;
height: 30px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/instagram.png) center center no-repeat;
background-size: 20px 20px;
}
.mm-navbars_bottom .facebook {
width: 30px;
height: 30px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/facebook.png) center center no-repeat;
background-size: 20px 20px;
}
.mm-navbars_bottom {
border: none;
}
.mm-menu {
background: #fff;
} .home #banner {
width: 100%;
min-height: 100%; height: 100vh;
width: auto;
padding: 0 !important;
margin: 0 !important;
background-color: gray;
position: relative;
}
.home #banner .overlay h1 {
margin: 30px 0px;
}
.home #banner .overlay h5 {
max-width: 700px;
opacity: .5;
margin: 0 auto;
font-weight: 400;
text-transform: inherit;
}
#video {
display: block;
}
#videosubstitute {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/poster.jpg) center center no-repeat;
background-size: cover;
display: none;
width: auto;
height: 100%;
}
#video {
height: 100vh;
width: auto;
object-fit: cover;
left: 0px;
top: 0px;
z-index: 1;
}
#videoDiv {
overflow: hidden;
} .home #banner .overlay {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
background-color: rgba(80, 53, 53, .2);
}
.home #banner .overlay div {
padding: 0 20px;
}
.home #first {
display: flex;
flex-wrap: wrap;
}
.home #first .text {
flex: 1 1 35%;
align-self: center;
}
.home #thumbnails {
display: flex;
background-color: rgba(100, 100, 100, .5);
flex-wrap: wrap;
flex: 1 1 65%;
}
.home .thumb {
flex: 1 1 20%;
height: 20vw;
padding: 20px;
box-sizing: border-box;
display: flex;
position: relative;
overflow: hidden;
}
.home .thumb::after {
content: "";
opacity: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
.home .thumb#intro {
display: none;
}
.home .thumb#one::after {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/thumb1.jpg) center center no-repeat;
background-size: cover;
}
.home .thumb#two::after {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/thumb2.jpg) center center no-repeat;
background-size: cover;
}
.home .thumb#three::after {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/thumb3.jpg) center center no-repeat;
background-size: cover;
}
.home .thumb#four::after {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/thumb4.jpg) center center no-repeat;
background-size: cover;
}
.home .thumb#five::after {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/thumb5.jpg) center center no-repeat;
background-size: cover;
}
.home .thumb#six {
flex: 1 1 30%;
background: #fff;
display: none;
}
.home .thumb h3 {
align-self: center;
color: #222;
font-size: 20px;
line-height: 20px;
}
.home .thumb h6 {
color: #fff;
align-self: center;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
font-weight: 600;
}
.home .thumb#intro {
background: #f4f4f4;
text-align: center;
align-items: center;
justify-content: center;
}
.home .thumb#intro h5 {
align-self: center;
color: #222;
text-align: center;
} .home #teampic {
flex: 1 1 65%;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/team.jpg) center top no-repeat;
background-size: cover;
min-height: 35vw;
}
.home #team {
display: flex;
flex-wrap: wrap;
}
.home #team #jackson,
.home #team #ken {
flex: 1 1 25%;
opacity: 1;
}
.home #team #jackson {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/jackson.jpg) center top no-repeat;
background-size: cover;
}
.home #team #ken {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/ken.jpg) center top no-repeat;
background-size: cover;
}
.home #team #lauren {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/lauren.jpg) center top no-repeat;
background-size: cover;
}
.home #team .text {
flex: 0 1 32.5%;
display: flex;
align-items: center;
}
.home #tiles {
flex: 1 1 50%;
display: none;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/tile.jpg) center top no-repeat;
background-size: cover;
} .home #services {
display: flex;
flex-wrap: wrap;
padding:0!important;
}
.home #services #serv1 {
flex: 0 1 35%;
min-height: 300px;
position: relative;
}
.home .services h6{	
pointer-events:none;
}
.home #services .slide {
z-index: 1;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
transition: opacity 2s ease-in-out;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
}
.home #services .slide.show {
opacity: 1;
}
.home #services .text {
flex: 0 1 32.5%;
}
.home #services #serv2 {
flex: 0 1 32.5%;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/serv2.jpg) center center no-repeat;
background-size: cover;
} #locations-intro {
display: flex;
}
#locations-intro .first {
flex: 0 0 35%;
background: #FFF;
display: flex;
align-items: center;
padding: 5%;
}
#locations-intro .locations {
flex: 1 1;
display: flex;
flex-wrap: wrap;
}
#locations-intro .loc {
flex: 0 0 50%;
aspect-ratio: 1.5;
display: flex;
align-items: flex-end;
position: relative;
aspect-ratio: 3 / 1;
}
#locations-intro .loc h6 {
color: #fff;
padding: 30px;
position: relative;
z-index: 4;
text-transform: uppercase;
font-size:16px;
pointer-events:none;
font-weight:600;
}
#locations-intro .loc .cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
}
#locations-intro .loc::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);
z-index: 1;
}
#locations-intro .loc:hover .cover{background-color:rgba(100, 100, 100, 0)} @media only screen and (max-width: 1024px) {
#locations-intro {
flex-direction: column;
}
#locations-intro .first {
padding: 60px 40px;
}
#locations-intro .loc {
flex: 0 0 50%;
}
}
@media only screen and (max-width: 768px) {
#locations-intro .first {
padding: 50px 20px;
}
#locations-intro .loc {
flex: 0 0 100%;
}
} @media only screen and (max-width: 1024px) {
#locations-intro {
flex-direction: column;
}
#locations-intro .first {
padding: 60px 40px;
}
#locations-intro .loc {
flex: 0 0 50%;
}
}
@media only screen and (max-width: 768px) {
#locations-intro .first {
padding: 50px 20px;
}
#locations-intro .loc {
flex: 0 0 100%;
}
} .home #location {
display: flex;
flex-wrap: wrap;
}
.home #location .text {
flex: 1 1 30%;
}
.home #location #card {
flex: 1 1 35%;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/cards.jpg) center center no-repeat;
background-size: cover;
}
.home #location #one {
flex: 1 1 35%;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/tile.jpg) center center no-repeat;
background-size: cover;
}
.home #location #loc {
min-height: 30vw;
flex: 1 1 65%;
position: relative;
}
.home #loc .slide {
z-index: 1;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
transition: opacity 2s ease-in-out;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
}
.home #loc .slide.show {
opacity: 1;
} .home #contact {
display: flex;
flex-wrap: wrap;
}
.home #contact #map {
flex: 0 0 35%;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/vert.jpg) center bottom no-repeat;
background-size: cover;
}
.home #contact .text {
flex: 0 0 30%;
background: #f4f4f4;
}
.home #contact #ext {
flex: 0 0 35%;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/sign2.jpg) center center no-repeat;
background-size: cover;
min-height: 300px;
} .page-template #banner h1 {
font-size: 45px;
line-height: 45px;
}
.page-template #banner {
min-height: 600px;
display: flex;
align-items: center;
padding-top: 100px;
}
.page-template #banner .overlay {
color: #fff;
margin-left: 10%;
}
.page-template #banner .overlay h5 {
font-size: 25px;
line-height: 31px;
font-weight: 400;
max-width: 700px;
margin-top: 3%;
text-transform: inherit;
opacity: .7;
} .page-template-0_about #banner {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/about-banner.jpg) center bottom no-repeat;
background-size: cover;
}
.page-template-0_about #team {
display: flex;
flex-wrap: wrap;
}
.page-template-0_about #motto {
flex: 1 1 30%;
align-items: center;
display: flex;
background: #fff;
}
.page-template-0_about #motto h3 {
color: #999;
font-size: 22px;
background: #222;
line-height: 33px;
font-weight: 400;
text-transform: inherit;
text-align: center;
padding: 5% 15%;
}
.page-template-0_about .bio {
flex: 0 1 20%;
min-height: 25vw;
display: flex;
align-items: flex-end;
cursor: pointer;
}
#bios {
display: flex;
flex: 0 0 100%;
flex-wrap: wrap;
background: #efefef;
}
.page-template-0_about .bio:hover span:after {
background: #ff4153;
}
.page-template-0_about .bio span {
color: #fff;
display: block;
width: 100%;
position: relative;
z-index: 33;
overflow: hidden;
padding: 5%;
}
.page-template-0_about .bio span:after{
content:"";
transition:all .5s;
background: rgba(20, 20, 20, .5);
background-size: 11px 13px;
color: #fff;
display: block;
position: absolute;
width: 100%;
top:0;
backdrop-filter: blur(5px);
z-index: -1;
height:100%;
left:0;
padding: 5%;
}
.tab{
flex: 0 1 100%;
background: #000;
color: #fff;
padding: 7px;
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
}
.page-template-0_about .bio span strong {
display: block;
font-weight: normal;
font-size: 13px;
font-style: italic;
text-transform: capitalize;
margin-top: 4px;
}
.page-template-0_about #process {
background: #eee;
color: #333;
display: flex;
flex-wrap: wrap;
}
.page-template-0_about #process .col#one {
display: flex;
align-items: center;
}
.page-template-0_about #process .col {
flex: 0 0 25%;
min-width: 0;
padding: 5% 3%;
}
.page-template-0_about #process p {
color: #666;
}
.page-template-0_about #process .col h4 {
text-transform: inherit;
font-size: 24px;
line-height: 30px;
font-weight: 400;
}
.featherlight .featherlight-content {
padding: 0px !important;
max-width: 1200px;
border-bottom: none !important;
}
.page-template-0_about .box {
display: none;
}
.page-template-0_about .box h2{
font-size:50px;
line-height:50px;
margin-bottom: 20px;
}
.page-template-0_about .box h3 {
font-size: 25px;
line-height: 32px;
font-weight: 400;
text-transform: inherit;
margin: 30px 0;
border-top: 1px dotted #ccc;
padding-top: 40px;
}
.page-template-0_about .box .sticker{
color:#000;
border:1px solid #000;
background:none;
margin-bottom: 15px;
}
.page-template-0_about .box p {
font-size: 16px;
line-height: 25px;
}
.page-template-0_about .box .writeup ul li {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
color: #666;
}
.page-template-0_about .box .inner {
display: flex;
flex-wrap: wrap;
}
.featherlight .featherlight-close-icon {
font-size: 30px;
line-height: 55px;
top: 10px !important;
right: 10px !important;
width: 55px;
}
.page-template-0_about .box .pic {
flex: 0 0 30%
}
.page-template-0_about .box .writeup {
flex: 0 0 70%;
padding:60px  4%;
}
.page-template-0_about .box .writeup .button{
margin: 5px 5px 5px 0;
background:#ff4153;
color:#fff;
border:none;
padding: 12px 20px;
}
.page-template-0_about #pics {
display: flex;
flex-wrap: wrap;
min-height: 26vw;
}
.page-template-0_about #pics #left,
.page-template-0_about #pics #right {
flex: 1 1 50%;
padding: 5% 3%;
}
.writeup p a {
color: #111;
text-decoration: underline;
} .page-template-0_services #banner {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/services-banner.jpg) center bottom no-repeat;
background-size: cover;
}
.page-template-0_services #wrapper {
background: #e6e6e6;
}
.page-template-0_services #services {
display: flex;
margin: 3% auto;
flex-wrap: wrap;
}
#services .service h4 {
color: #fff;
text-transform: inherit;
font-size: 24px;
line-height: 31px;
font-weight: 400;
letter-spacing: 0px;
padding: 5% 10%;
}
#services .service .image {
height: 300px;
display: flex;
background: #555;
align-items: flex-end;
}
#services .service {
background: #fff;
flex: 0 1 29%;
margin: 2%;
}
#services .service .writeup {
padding: 5% 10%;
}
#services #cta {
display: flex;
min-height: 500px;
align-items: flex-end;
}
#services #cta .words {
padding: 10%;
color: #fff;
}
#services #cta .words h2 {
margin-bottom: 30px;
}
#services {
background: #e6e6e6;
padding: 80px 0;
}
#services .section-head {
text-align: center;
max-width: 800px;
margin: 0 auto 50px;
padding: 0 20px;
}
#services .section-head h2 {
font-size: 45px;
line-height: 45px;
margin-bottom: 20px;
}
#services .section-head p {
font-size: 16px;
line-height: 26px;
color: #555;
}
#services .services-grid {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1800px;
justify-content: center;
}
#services .service {
background: #fff;
flex: 0 1 29%;
margin: 2%;
}
#services .service .image {
height: 300px;
display: flex;
background: #444;
align-items: flex-end;
position: relative;
}
#services .service .image::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
#services .service .image h4 {
color: #fff;
text-transform: inherit;
font-size: 24px;
line-height: 31px;
font-weight: 400;
letter-spacing: 0px;
padding: 5% 10%;
position: relative;
z-index: 2;
}
#services .service .writeup {
padding: 5% 10%;
}
#services .service .writeup p {
font-size: 15px;
line-height: 24px;
color: #555;
margin: 0;
}
#services .service .writeup .learn-more {
display: inline-block;
margin-top: 15px;
font-size: 14px;
font-weight: 600;
color: #ff4153;
text-transform: uppercase;
letter-spacing: 0.5px;
}
#services .service .writeup .learn-more:hover {
color: #222;
}
.page-template-0_services #pricing {
background: #222;
display: flex;
flex-wrap: wrap;
}
.page-template-0_services #pricing .title {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/pricing.jpg) right top no-repeat;
background-size: cover;
flex: 0 1 30%;
color: #fff;
padding: 5%;
min-width: 0px;
display: flex;
align-items: center;
}
.page-template-0_services #pricing .prices {
flex: 0 1 70%;
display: flex;
flex-wrap: wrap;
padding: 4%;
}
.page-template-0_services #pricing .col {
flex: 0 1 50%;
min-width: 0px;
padding: 3%;
}
.page-template-0_services #pricing .col h3 {
color: #fff;
line-height: 35px;
text-transform: inherit;
font-size: 25px;
font-weight: 400;
}
.page-template-0_services #pricing p {
color: #999;
}
.page-template-0_services #pricing p strong {
color: #fff;
font-weight: 400;
} .page-template-0_contact.page-template #banner {
align-items: inherit;
background: #fff;
}
.page-template-0_contact #banner .text {
background: #fff;
color: #000;
}
.page-template-0_contact #banner .text {
display: flex;
align-items: center;
flex: 0 0 50%;
padding: 0;
}
.page-template-0_contact #banner .text h1 {
color: #222;
}
.page-template-0_contact #banner .text h5 {
color: #999;
margin-right: 15%;
}
.page-template-0_contact #map {
flex: 1 1 50%;
}
.page-template-0_contact #wrapper {
background: #e6e6e6;
}
#contact-panel {
max-width: 80%;
margin: 0 auto;
position: relative;
top: -50px;
flex-wrap: wrap;
background: #fff;
-webkit-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.17);
box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.17);
display: flex;
}
#contact-panel #sidebar {
flex: 0 0 40%;
max-width: 400px;
background: #222;
min-width: 0px;
}
#contact-panel #sidebar .content {
padding: 50px;
}
#contact-panel #form {
padding: 5%;
min-width: 0px;
flex: 1 1 60%;
}
#contact-panel #sidebar .image {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/clinic.jpg) left center no-repeat;
background-size: cover;
min-height: 300px;
width: 100%;
}
#contact-panel #sidebar .content h5 {
color: #fff;
font-size: 18px;
line-height: 18px;
}
#contact-panel #sidebar .content p {
margin: 10px 0 40px 0;
color: #aaa;
line-height: 25px;
}
#contact-panel #sidebar .content a {
color: #aaa;
} #form form {
margin-top: 30px;
}
#form .two-col {
display: flex;
flex-wrap: wrap;
}
#form .two-col .input {
flex: 1 1 50%;
}
#form .input {
width: 100%;
margin-bottom: 30px;
}
#form label span {
color: #ff4153;
}
#form label {
color: #666;
font-size: 14px;
line-height: 21px;
}
#form input,
#form select,
#form textarea {
width: 100%;
font-size: 20px;
font-family: 'Roboto Condensed', sans-serif;
padding: 5px 10px;
border: 1px solid #ccc;
background: none;
line-height: 25px;
-webkit-appearance: none;
border-radius: 0;
}
#form input[type=submit] {
width: auto;
border: 2px solid #222;
padding: 10px 40px;
text-transform: uppercase;
font-weight: 600;
color: #222;
font-size: 16px;
font-family: 'Roboto Condensed', sans-serif;
}
#form .your-name input,
#form .your-email input {
width: 90%;
margin-right: 10%;
} #faq {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#faq ul li,
#faq ol li {
color: #666;
line-height: 25px;
}
#faq ol li {
margin-bottom: 20px;
}
#faq ol li li {
margin-bottom: 0px;
}
#faq h4 {
font-size: 22px;
line-height: 30px;
text-transform: inherit;
font-weight: 500;
}
#faq p {
font-size: 15px;
line-height: 23px;
}
.question-answer {
flex: 0 0 30%;
margin: 2% 0;
background: #fff;
padding: 3%;
} .page-template-0_blog #banner {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/blog-banner.jpg) center center no-repeat;
background-size: cover;
min-height: 400px;
}
.page-template-0_blog #wrapper {
background: #e6e6e6;
}
.page-template-0_blog #blog-list {
max-width: 80%;
padding: 0 20px;
margin: 0 auto;
top: -50px;
position: relative;
}
.page-template-0_blog #blog-list .post {
background: #fff;
margin-bottom: 10px;
}
.page-template-0_blog .post .link-more .screen-reader-text {
display: none;
}
.page-template-0_blog #blog-list .post {
display: flex;
flex-wrap: wrap;
}
.page-template-0_blog #blog-list .post .thumb {
flex: 1 1 30%;
}
.page-template-0_blog #blog-list .post .writeup {
flex: 1 1 70%;
padding: 5% 5% 5% 0;
display: flex;
align-items: center;
}
.date {
flex: 1 1 15%;
text-align: center;
}
.page-template-0_blog #blog-list .post .writeup .words {
flex: 1 1 70%;
border-left: 1px solid #ccc;
padding-left: 5%;
}
.page-template-0_blog .post .writeup h4 {
text-transform: inherit;
font-weight: 400;
font-size: 30px;
line-height: 35px;
letter-spacing: -1px;
}
.page-template-0_blog .post .words .link-more a {
color: #222;
text-transform: capitalize;
font-weight: 500;
}
.date h5 {
font-size: 15px;
line-height: 15px;
color: #aaa;
}
.date h2 {
font-size: 75px;
line-height: 75px;
color: #222;
font-weight: 400;
}
.date h4 {
font-size: 21px;
line-height: 21px;
color: #aaa;
font-weight: 600;
}
.page-template-0_blog .post p.link-more {
margin-bottom: 0px;
} .single .post-edit-link {
display: none;
}
.single {
background: #e6e6e6;
}
.single #banner {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/blog-banner.jpg) center center no-repeat;
background-size: cover;
min-height: 300px;
}
#single-post {
max-width: 1100px;
margin: 0 auto;
background: #fff;
top: -150px;
position: relative;
}
#single-post .image {
width: 100%;
height: 300px;
}
#single-post .entry-meta {
display: none;
}
#single-post h1.entry-title {
text-transform: inherit;
font-size: 55px;
line-height: 55px;
letter-spacing: -1px;
font-weight: 400;
margin-bottom: 3%;
}
#single-post #content {
display: flex;
padding: 7%;
}
#single-post #content .date {
padding-right: 5%;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
text-transform: inherit;
font-weight: 400;
letter-spacing: 0px;
}
.entry-content a {
text-decoration: underline;
color: #222;
}
.entry-content ol li,
.entry-content ul li {
font-size: 16px;
line-height: 26px;
color: #666;
}
#single-post #content .post {
border-left: 1px solid #ccc;
padding-left: 5%;
}
.entry-content .wp-caption-text {
font-size: 12px;
}
.entry-content hr {
border: 1px solid #aaa;
}
#single-post img {
max-width: 100%;
height: auto;
} #footer {
width: 100%;
background: #fff;
}
#logo2 {
width: 111px;
height: 8px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/logo.png);
background-size: 111px 8px;
display: block;
float: left;
margin: 40px;
}
#smallprint {
float: right;
font-size: 10px;
color: #999;
text-transform: uppercase;
text-align: right;
margin-top: 40px;
margin-right: 40px;
}
#smallprint #copy,
#smallprint #siteby,
#smallprint #social {
display: inline-block;
margin-left: 30px;
}
#footer .facebook {
width: 12px;
height: 12px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/facebook.png) center center no-repeat;
background-size: 12px 12px;
display: inline-block;
}
#footer .instagram {
width: 12px;
height: 12px;
margin-right: 30px;
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/instagram.png) center center no-repeat;
background-size: 12px 12px;
display: inline-block;
}
#footer a {
color: #999;
}
.page-template-0_services #pricing p span {
color: #darkgoldenrod;
}
.page-template-0_services #pricing p small {
font-size: 11px;
display: block;
margin-top: 20px;
line-height: 17px;
}
#services-intro {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#services-intro .s {
flex: 0 1 50%;
background: #aaa;
display: flex;
position: relative;
align-items: center;
min-height: 10vw;
padding: 30px 80px;
}
#services-intro .first {
flex: 0 1 35%;
padding: 5%;
display: flex;
align-items: center;
}
#services-intro .services {
flex: 0 1 65%;
display: flex;
flex-wrap: wrap;
}
#services-intro .s h6 {
color: #fff;
align-self: center;
font-size: 16px;
line-height: 21px;
z-index: 90;
text-transform: uppercase;
font-weight: 600;
}
.home .text,
#services-intro .first {
padding: 80px;
}
.cover {
background-color: rgba(100, 100, 100, .7);
position: absolute;
z-index: 0;
left: 0;
width: 100%;
height: 100%;
transition:0.2s;
}
.cover:hover{opacity:0}
.home h2 {
margin-top: 20px;
}
.page-template-0_about #tiffany {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/tiffany.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #katerina {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/katerina.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #martina {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/martina.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #gurpreet {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/gurpreet.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #eric {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/eric.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #lian {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/lian.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #alexia {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/alexia.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #hannah {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/hannah.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #carrie {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/carrie.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #larissa {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/larissa.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #rupy {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/rupy.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #maria {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/maria.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #sean {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/sean.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #joyce {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/joyce.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #jacky {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/jacky.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #ken {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/ken.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #tina {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/tina.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #isabelle {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/isabelle.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #jen {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/jen.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #lisa {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/lisa.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #andrea {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/andrea.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #earnest {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/earnest.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #joshua {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/joshua.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #mecca {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/mecca.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #lauren {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/lauren.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #alec {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/alec.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #anne {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/anne.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #jackson {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/jackson.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #christopher {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/christopher.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #brandon {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/brandon.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #allison {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/allison.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #daye {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/daye.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #courtney {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/courtney.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #dianne {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/dianne.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #asahi {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/asahi.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #leena {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/leena.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #hannah2 {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/hannah2.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #alexander {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/alexander.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #prusha {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/prusha.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #katie {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/katie.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #char {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/char.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #amadis {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/amadis.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #alicia {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/alicia.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #kurt {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/kurt.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #marcus {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/marcus.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #norma,
.page-template-0_about #kathleen {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/coming.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #elliott {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/elliott.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #kendall {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/kendall.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #ivory {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/ivory.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #mandy {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/mandy.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #jenessa {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/jenessa.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #pantea {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/pantea.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #shane {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/shane.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #anja {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/anja.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #christine {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/christine.jpg) center top no-repeat;
background-size: cover;
}
.page-template-0_about #kelly {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/kelly.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #jackyau {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/jackyau.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #oliana {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/oliana.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #luisa {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/luisa.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #josiah {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/josiah.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #mathew{
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/mathew.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #seanlee {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/seanlee.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #grace {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/grace.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #michelleta {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/michelleta.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #curran {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/curran.webp) center top no-repeat;
background-size: cover;
}
.page-template-0_about #karenli {
background: url(//www.thephysiolab.ca/wp-content/themes/thephysiolab/images/karen.webp) center top no-repeat;
background-size: cover;
}