html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
box-sizing: border-box;
}
img {
max-width: 100%;
}
strong,
b {
font-weight: bolder !important;
}
em {
font-style: italic;
}
p {
margin-bottom: 15px;
}
body,
html {
height: 100%;
line-height: 1.3;
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
}
.container {
padding: 0 15px;
max-width: 1220px;
margin: auto;
}
.btn {
display: inline-block;
padding: 10px 15px;
text-align: center;
text-decoration: none;
border-radius: 4px;
font-family: houschka-rounded, sans-serif;
font-weight: 600;
font-style: normal;
}
.btn-orange {
background-color: #ff7d4a;
color: #fff;
}
.btn-orange:hover {
background-color: #fd4700;
}
.btn-white {
background-color: #fff;
color: #ff7d4a;
border: solid 2px #fff;
}
.btn-white:hover {
border: solid 2px #ff7d4a;
}
.subtitle {
color: #585858;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 40px;
text-align: center;
margin-bottom: 40px;
}
.subtitle:after {
content: "";
display: block;
width: 100px;
height: 4px;
margin: auto;
margin-top: 15px;
border-radius: 2px;
background-color: #75c5c3;
}
.pageTitle {
background: gray;
background-position: center center;
background-size: cover;
padding: 30px 0;
}
.pageTitle .subtitle {
color: #fff;
margin-bottom: 0;
}
.cover .coverImage {
position: relative;
background-size: cover;
background-position: center center;
}
.cover .coverImage:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.cover .coverImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 1024px) {
.cover .coverImage {
position: relative;
}
.cover .coverImage:before {
display: block;
content: "";
width: 100%;
padding-top: 31.25%;
}
.cover .coverImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.cover .container {
display: inline-block;
position: absolute;
width: 100%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
.cover .container {
width: auto;
}
}
.cover .coverContent {
background-color: rgba(100, 173, 178, 0.95);
padding: 20px 20px;
border-radius: 9px;
max-width: 880px;
margin: auto;
color: #fff;
text-align: center;
}
.cover .coverContent h1 {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-weight: 600;
font-size: 34px;
font-weight: 500;
line-height: 1.2;
text-align: center;
}
@media (min-width: 1024px) {
.cover .coverContent h1 {
font-size: 44px;
}
}
.cover .coverContent h2 {
font-size: 16px;
line-height: 1.3;
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 400;
font-style: normal;
}
@media (min-width: 1024px) {
.cover .coverContent h2 {
font-size: 18px;
}
}
@media (min-width: 768px) {
.cover .coverContent {
padding: 20px 40px;
display: flex;
justify-content: center;
align-items: center;
text-align: left;
}
}
@media (min-width: 1024px) {
.cards .flexsliderWrapper .slides {
display: flex;
justify-content: space-around;
align-items: stretch;
flex-wrap: wrap;
}
}
.cards .flexslider {
background: none;
border: 0;
margin: 0;
}
@media (min-width: 768px) {
.cards li {
width: 24%;
}
}
.cards .card {
border-radius: 9px;
background-color: #eaeaea;
text-align: center;
margin: 10px;
height: 100%;
}
.cards .card .cardImage {
padding: 15px 30px;
margin-bottom: 15px;
border-radius: 9px 9px 0 0;
}
.cards .card .cardText {
padding: 0 30px 30px;
color: #333;
}
.cards .card .cardText h3 {
margin-bottom: 10px;
font-family: houschka-rounded, sans-serif;
font-weight: 600;
font-style: normal;
font-weight: 600;
font-style: normal;
color: #585858;
font-size: 20px;
}
.cards .card .cardText p {
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 400;
font-style: normal;
}
.videoBg {
position: relative;
}
.videoBg .videoWrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
background-color: #ececec;
background-position: center center;
background-size: cover;
}
.videoBg .videoWrapper__video {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.videoBg .fullscreen-bg {
background: url(http://dev2.slicejack.com/fullscreen-video-demo/img/videoframe.jpg)
center center/cover no-repeat;
}
.videoBg .videoWrapper__video {
display: none;
}
}
.videoBg .container {
position: relative;
z-index: 2;
}
.page404 {
background: url(//hyperbaricsorlando.com/wp-content/themes/hyperbarics/images/404-bg.png) center center;
background-size: cover;
height: 70%;
}
.page404 .page404Content {
padding: 70px 30px;
background-color: rgba(50, 50, 50, 0.7);
height: 100%;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
color: #ffffff;
}
.page404 .page404Content h2 {
color: #ffffff;
font-size: 130px;
line-height: 110px;
margin-bottom: 10px;
}
.page404 .page404Content h1 {
font-size: 24px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.page404 .page404Content {
width: 65%;
padding-left: 200px;
}
}
footer {
background-color: #2f2f2f;
padding: 60px 0 20px;
text-align: center;
color: #fff;
}
@media (min-width: 768px) {
footer {
text-align: left;
}
}
footer a {
color: inherit;
text-decoration: none;
}
footer .logoFooter {
margin-bottom: 20px;
}
@media (min-width: 768px) {
footer .container {
display: flex;
justify-content: space-around;
}
}
footer .socialFooter {
margin: 40px 0 20px;
background-color: #75c5c3;
color: #fff;
padding: 15px;
font-size: 19px;
text-align: center;
}
footer .socialFooter a {
margin: 0 3px;
}
footer .socialFooter a:hover {
color: #ff7d4a;
}
footer .dppaFooter {
text-align: center;
}
address {
display: block;
}
.formFooter {
margin-top: 10px;
}
.formFooter p {
color: #75c5c3;
font-size: 20px;
font-weight: 300;
font-style: normal;
}
.formFooter fieldset .frm_fields_container {
padding: 5px;
border-radius: 9px;
border: 1px solid #ababab;
display: flex;
align-items: center;
justify-content: space-between;
}
.formFooter fieldset .frm_fields_container input {
padding: 10px;
background: none;
border: 0;
color: #fff;
font-size: 16px;
font-family: fira-sans, sans-serif;
font-weight: lighter;
}
.formFooter fieldset .frm_fields_container input::placeholder {
color: #fff;
}
.formFooter fieldset .frm_fields_container button {
border: 0;
font-size: 20px;
margin-right: 5px;
}
.coverHome .coverContent h1 {
padding: 20px;
}
.coverHome .coverContent h1 span {
white-space: nowrap;
font-style: italic;
}
@media (min-width: 768px) {
.coverHome .coverContent h1 {
padding-right: 40px;
border-right: solid 1px #fff;
margin-right: 40px;
}
}
.coverHome .coverContent h2 {
margin-bottom: 20px;
}
@media (min-width: 1024px) {
.coverHome .coverContent {
min-width: 900px;
}
}
.homeBoxes {
position: relative;
z-index: 2;
}
.homeBoxes .cards .card .cardText {
padding: 0 30px;
}
.ourMissionHome {
position: relative;
z-index: 1;
top: -80px;
color: #fff;
padding-bottom: 80px;
padding-top: 130px;
background-size: cover;
background-position: center center;
background-color: #000;
}
.ourMissionHome h2 {
margin-bottom: 30px;
font-size: 40px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-style: normal;
text-align: center;
}
.ourMissionHome h2:after {
content: "";
display: block;
width: 100px;
height: 4px;
margin: auto;
margin-top: 15px;
border-radius: 2px;
background-color: #75c5c3;
}
.ourMissionHome p {
max-width: 470px;
margin: auto;
margin-bottom: 40px;
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 16px;
}
.ourMissionHome .flexsliderWrapper .slides {
justify-content: center !important;
}
@media (min-width: 768px) {
.ourMissionHome .flexsliderWrapper .slides li {
width: 25%;
}
}
.ourMissionHome .flexsliderWrapper .slides .card {
margin: 10px;
}
.ourMissionHome .flexsliderWrapper .slides .card .cardImage {
height: 125px;
padding: 0 30px;
background-size: cover;
background-position: center center;
background-color: #ececec;
}
.ourMissionHome .flexsliderWrapper .slides .card .cardText p {
margin-bottom: 0;
}
.ourMissionHome .flexsliderWrapper .slides .card .cardText a {
display: inline-block;
margin-top: 15px;
color: inherit;
text-decoration: none;
}
.ourMissionHome .flexsliderWrapper .slides .card .cardText a i {
color: #75c5c3;
}
@media (min-width: 768px) {
.ourMissionHome .flexsliderWrapper .slides .card {
margin: 0 15px;
}
}
@media (min-width: 768px) {
.ourMissionHome .flexsliderWrapper .slides {
justify-content: space-around;
}
}
.ourMissionHome .btn {
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, 50%);
}
.videosHome {
padding-bottom: 80px;
}
.videosHome
.videosHomeContainer
.flexsliderWrapper
.slides
.videoHome
.videoHomeThumb {
position: relative;
background-size: cover;
background-position: center center;
}
.videosHome
.videosHomeContainer
.flexsliderWrapper
.slides
.videoHome
.videoHomeThumb:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.videosHome
.videosHomeContainer
.flexsliderWrapper
.slides
.videoHome
.videoHomeThumb
> .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 768px) {
.videosHome .videosHomeContainer .flexsliderWrapper .slides .videoHome {
width: 30%;
}
}
@media (min-width: 1024px) {
.videosHome .videosHomeContainer .flexsliderWrapper .slides {
display: flex;
justify-content: space-around;
}
}
.lastNewsHome {
position: relative;
z-index: 1;
color: #fff;
padding-bottom: 0;
padding-top: 80px;
background-size: cover;
background-position: center center;
background-color: #000;
}
.lastNewsHome h2 {
margin-bottom: 30px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 40px;
text-align: center;
}
.lastNewsHome h2:after {
content: "";
display: block;
width: 100px;
height: 4px;
margin: auto;
margin-top: 15px;
border-radius: 2px;
background-color: #75c5c3;
}
.lastNewsHome .flexsliderWrapper {
position: relative;
bottom: -50px;
}
.lastNewsHome .flexsliderWrapper .slides {
justify-content: center !important;
}
.lastNewsHome .flexsliderWrapper .slides a {
display: inline-block;
text-decoration: none;
}
@media (min-width: 768px) {
.lastNewsHome .flexsliderWrapper .slides li {
width: 30%;
}
}
.lastNewsHome .flexsliderWrapper .slides .card {
background-color: #75c5c3;
text-align: left;
margin: 10px;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardImage {
height: 180px;
padding: 0 30px;
background-size: cover;
background-position: center center;
background-color: #0084a0;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardText {
color: #fff;
font-size: 14px;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardText h3 {
font-size: 18px;
color: #fff;
margin-top: 30px;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardText p {
font-size: 13px;
margin-bottom: 15px;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardText p a {
color: #0084a0;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardText .excerpt {
font-size: 14px;
margin-bottom: 15px;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardText .readMore {
color: #fff;
}
.lastNewsHome .flexsliderWrapper .slides .card .cardText .readMore i {
color: #0084a0;
margin-left: 5px;
}
@media (min-width: 768px) {
.lastNewsHome .flexsliderWrapper .slides .card {
margin: 0 10px;
}
}
@media (min-width: 768px) {
.lastNewsHome .flexsliderWrapper .slides {
justify-content: space-around;
}
}
.checklistHome {
padding: 140px 0;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.checklistHome .container {
display: flex;
justify-content: center;
align-items: stretch;
}
}
.checklistHome .checklistHomeLeft {
background-color: #eaeaea;
border-radius: 9px 9px 0 0;
padding: 50px;
}
.checklistHome .checklistHomeLeft h2 {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
color: #433937;
font-size: 24px;
max-width: 400px;
margin: auto;
margin-bottom: 30px;
text-align: center;
}
.checklistHome .checklistHomeLeft h2:after {
content: "";
display: block;
width: 100px;
height: 4px;
margin: auto;
margin-top: 15px;
border-radius: 2px;
background-color: #75c5c3;
}
.checklistHome .checklistHomeLeft p {
text-align: center;
max-width: 430px;
margin: auto;
margin-bottom: 30px;
}
.checklistHome .checklistHomeLeft form input,
.checklistHome .checklistHomeLeft form button {
width: 100%;
border: 0;
}
.checklistHome .checklistHomeLeft form input {
margin-bottom: 10px;
background: none;
border: 1px solid #3a3a3a;
padding: 8px 15px;
color: #433937;
text-align: center;
font-size: 18px;
}
.checklistHome .checklistHomeLeft form button {
color: #ffffff;
font-size: 18px;
font-weight: 400;
}
@media (min-width: 768px) {
.checklistHome .checklistHomeLeft {
width: 50%;
border-radius: 9px 0 0 9px;
}
}
.checklistHome .checklistHomeRight {
background-size: cover;
background-position: center center;
border-radius: 0 0 9px 9px;
padding: 30px;
}
@media (max-width: 768px) {
.checklistHome .checklistHomeRight {
position: relative;
}
.checklistHome .checklistHomeRight:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.checklistHome .checklistHomeRight > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
@media (min-width: 768px) {
.checklistHome .checklistHomeRight {
width: 50%;
border-radius: 0 9px 9px 0;
}
}
.testimonialsHome {
color: #fff;
padding-bottom: 80px;
padding-top: 80px;
background-size: cover;
background-position: center center;
background-color: #000;
}
.testimonialsHome h2 {
margin-bottom: 30px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 40px;
text-align: center;
}
.testimonialsHome h2:after {
content: "";
display: block;
width: 100px;
height: 4px;
margin: auto;
margin-top: 15px;
border-radius: 2px;
background-color: #75c5c3;
}
.testimonialsHome .flexslider {
max-width: 750px;
margin: auto;
border: 0;
border-radius: 10px;
}
.testimonialsHome .flexslider:before {
content: url(//hyperbaricsorlando.com/wp-content/themes/hyperbarics/images/quote-1.png);
position: absolute;
top: -30px;
left: 30px;
}
.testimonialsHome .flexslider:after {
content: url(//hyperbaricsorlando.com/wp-content/themes/hyperbarics/images/quote-2.png);
position: absolute;
bottom: -30px;
right: 30px;
}
.testimonialsHome .flexslider .flex-direction-nav a {
height: 43px;
}
.testimonialsHome .testimonial {
padding: 60px 40px;
position: relative;
text-align: center;
}
.testimonialsHome .testimonial .testimonialCopy {
max-width: 300px;
color: #433937;
font-size: 16px;
}
.testimonialsHome .testimonial .testimonialCopy .testimonialName {
margin-top: 15px;
color: #433937;
font-size: 18px;
font-weight: 600;
}
@media (min-width: 768px) {
.testimonialsHome .testimonial .testimonialCopy {
width: 70%;
}
}
.testimonialsHome .testimonial .testimonialImage {
max-width: 200px;
border-radius: 50%;
background: lightgray;
position: relative;
background-size: cover;
background-position: center center;
margin-top: 25px;
}
.testimonialsHome .testimonial .testimonialImage:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.testimonialsHome .testimonial .testimonialImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 768px) {
.testimonialsHome .testimonial .testimonialImage {
width: 30%;
margin-left: 50px;
margin-top: 0;
}
}
@media (min-width: 768px) {
.testimonialsHome .testimonial {
display: flex;
align-items: center;
justify-content: center;
text-align: left;
}
}
.contactUsHome {
padding: 50px 0;
text-align: center;
}
.contactUsHome h2 {
color: #565555;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 30px;
text-align: center;
max-width: 235px;
margin: auto;
}
.contactUsHome h2:after {
content: "";
display: block;
width: 100px;
height: 4px;
margin: auto;
margin-top: 15px;
border-radius: 2px;
background-color: #75c5c3;
}
@media (min-width: 768px) {
.contactUsHome h2 {
margin: initial;
}
}
.contactUsHome .arrow {
position: relative;
bottom: -40px;
}
.contactUsHome .arrow img {
transform: rotate(90deg);
}
@media (min-width: 768px) {
.contactUsHome .arrow {
bottom: auto;
right: -40px;
}
.contactUsHome .arrow img {
transform: rotate(0deg);
}
}
.contactUsHome .ctaHome {
background-color: #75c5c3;
border-radius: 9px;
padding: 50px 0 30px;
font-size: 24px;
color: #fff;
font-weight: 600;
}
.contactUsHome .ctaHome .phone {
color: #fff;
font-weight: 600;
}
.contactUsHome .ctaHome p {
color: rgba(255, 255, 255, 0.6);
margin-bottom: 10px;
}
.contactUsHome .ctaHome p span {
color: #fff;
}
@media (min-width: 768px) {
.contactUsHome .ctaHome {
min-width: 350px;
}
}
@media (min-width: 768px) {
.contactUsHome .container {
display: flex;
justify-content: center;
align-items: center;
}
}
.headerFixed {
background: #fff;
transition: all 0.75s ease;
opacity: 0;
pointer-events: none;
position: fixed;
width: 100%;
max-width: 100%;
top: 0;
z-index: 99;
}
header {
padding: 15px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
max-width: 1220px;
margin: auto;
}
.header--fixed {
pointer-events: all;
opacity: 1 !important;
}
.hamburger {
padding: 5px;
}
@media (min-width: 768px) {
.hamburger {
display: none;
}
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
background: #6fbdba;
}
.phoneHeader,
.auxNavHeader,
.headerMenu {
display: none;
}
@media (min-width: 768px) {
.phoneHeader,
.auxNavHeader,
.headerMenu {
display: block;
}
}
.phoneHeader {
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #6a6a6a;
max-width: 180px;
}
.phoneHeader a {
display: inline-block;
margin-top: 8px;
color: #ff7d4a;
text-decoration: none;
}
.phoneHeader a i {
font-size: 16px;
}
.phoneHeader a:hover {
color: #fd4700;
}
@media (min-width: 1200px) {
.phoneHeader {
max-width: 300px;
}
}
.auxNavHeader .btn {
font-size: 12px;
margin-right: 10px;
}
.auxNavHeader .socialHeader {
border-left: solid 1px #a8a8a8;
padding: 10px 0;
padding-left: 10px;
}
.auxNavHeader .socialHeader a {
font-size: 19px;
color: #ff7d4a;
}
.auxNavHeader .socialHeader a:hover {
color: #fd4700;
}
@media (min-width: 768px) {
.auxNavHeader {
display: flex;
align-items: center;
}
}
.headerMenu {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
padding: 20px 0;
background-color: #6fbdba;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.headerMenu {
padding: 0;
}
}
.menu li {
padding: 15px;
}
.menu li a {
color: #fff;
text-decoration: none;
}
@media (min-width: 768px) {
.menu li {
display: inline-block;
padding: 20px 10px;
}
.menu li a {
color: #fff;
}
.menu li a:hover {
color: rgba(255, 255, 255, 0.7);
}
}
.menu .menu-item-has-children a:after {
font: normal normal normal 14px/1 FontAwesome;
content: "\f0d7";
display: inline-block;
margin-left: 8px;
}
.menu .menu-item-has-children .sub-menu {
display: none;
opacity: 0.6;
position: relative;
padding: 0;
z-index: 5;
}
.menu .menu-item-has-children .sub-menu li {
padding-bottom: 0;
}
.menu .menu-item-has-children .sub-menu li a:after {
content: "";
}
@media (min-width: 768px) {
.menu .menu-item-has-children .sub-menu {
display: block;
width: 280px;
left: 0;
opacity: 1;
background: #6fbdba;
position: absolute;
top: 60px;
text-align: left;
padding: 0;
opacity: 0;
transition: all 0.5s ease;
pointer-events: none;
}
.menu .menu-item-has-children .sub-menu li {
padding: 0;
display: block;
}
.menu .menu-item-has-children .sub-menu li a {
display: block;
padding: 15px 25px;
}
.menu .menu-item-has-children .sub-menu li a:before {
display: none;
}
}
.menu .menu-item-has-children:hover .sub-menu {
opacity: 1;
pointer-events: all;
}
.menu .menu-item-has-children:hover .sub-menu li a {
color: #fff;
}
.menu .menu-item-has-children:hover .sub-menu li a:hover {
background-color: #469996;
}
@media (min-width: 768px) {
.menu .menu-item-has-children {
position: relative;
}
}
.aditionalMenuMobile {
margin-top: 10px;
}
.aditionalMenuMobile .btn {
font-size: 14px;
}
.aditionalMenuMobile .phoneHeader--mobile {
font-size: 14px;
color: #fffeff;
max-width: 180px;
margin: 20px auto;
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
}
.aditionalMenuMobile .phoneHeader--mobile a {
display: inline-block;
margin: 15px 0;
color: #fffeff;
text-decoration: none;
font-size: 16px;
}
.aditionalMenuMobile .socialHeader--mobile a {
color: #fff;
font-size: 19px;
margin: 3px;
}
@media (min-width: 768px) {
.aditionalMenuMobile {
display: none;
}
}
.current-menu-item a:before {
content: " ";
display: inline-block;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #2583ab;
margin-right: 5px;
position: relative;
top: -2px;
}
.pageTitle {
background-image: url(//hyperbaricsorlando.com/wp-content/themes/hyperbarics/images/blog-page-bg.png);
}
.blogFilters {
padding: 20px;
}
.blogFilters input,
.blogFilters select {
background: none;
width: 100%;
padding: 8px 15px;
border-radius: 25px;
-webkit-appearance: none;
border: 1px solid #565656;
margin-bottom: 10px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.blogFilters form {
margin: 0 10px;
position: relative;
max-width: 325px;
}
@media (min-width: 768px) {
.blogFilters form {
width: 40%;
}
}
.blogFilters .categorySelect .fa {
position: absolute;
top: 10px;
right: 15px;
font-size: 22px;
}
.blogFilters .searchForm button {
position: absolute;
top: 9px;
right: 10px;
background: none;
border: 0;
font-size: 18px;
color: #777;
cursor: pointer;
}
@media (min-width: 768px) {
.blogFilters .container {
display: flex;
justify-content: center;
}
}
.blogShowcase {
background-color: #bae2e1;
padding: 20px;
text-align: center;
}
.blogShowcase a {
text-decoration: none;
}
.blogShowcase .cards .card {
text-align: left;
margin: 25px 10px;
}
.blogShowcase .cards .card .cardImage {
margin-bottom: 30px;
position: relative;
background-color: #dcdcdc;
background-position: center center;
background-size: cover;
}
.blogShowcase .cards .card .cardImage:before {
display: block;
content: "";
width: 100%;
padding-top: 50%;
}
.blogShowcase .cards .card .cardImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.blogShowcase .cards .card .cardText h3 {
color: #616161;
font-size: 16px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-weight: 700;
}
.blogShowcase .cards .card .cardText p {
color: #868686;
margin-bottom: 15px;
}
.blogShowcase .cards .card .cardText p a {
color: #6fbdba;
text-decoration: none;
}
.blogShowcase .cards .card .cardText .excerpt {
color: #2f2f2f;
font-size: 14px;
margin-bottom: 20px;
}
.blogShowcase .cards .card .cardText .readMore {
color: #6fbdba;
text-decoration: none;
}
@media (min-width: 768px) {
.blogShowcase .cards .card {
width: 30%;
}
}
@media (min-width: 768px) {
.blogShowcase .cards {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
}
}
.blogShowcase .showMorePosts {
display: none;
color: #86c7c4;
font-size: 30px;
}
.notFoundBlog {
padding: 100px 0;
}
.notFoundBlog p {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 32px;
color: #666;
}
.contactUsPage {
padding: 80px 0;
background-color: #222;
background-size: cover;
background-position: center center;
color: #fff;
}
@media (min-width: 768px) {
.contactUsPage .container {
display: flex;
justify-content: center;
}
}
.contactUsPage h1 {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 50px;
text-align: center;
margin-bottom: 60px;
}
.contactUsPage .contactUsIntroText {
margin-bottom: 30px;
}
.contactUsPage .contactForm input,
.contactUsPage .contactForm textarea,
.contactUsPage .contactForm select {
border: 0 !important;
border-radius: 25px !important;
background: #fff !important;
}
.contactUsPage .contactForm .btn-orange {
background-color: #ff7d4a !important;
color: #fff !important;
border: 0 !important;
box-shadow: none !important;
}
.contactUsPage .contactForm .btn-orange:hover {
background-color: #fd4700;
}
@media (min-width: 768px) {
.contactUsPage .contactForm .btn-orange {
float: right;
}
}
.contactUsPage .contactData {
margin-bottom: 40px;
}
.contactUsPage .contactData h2 {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
color: #6fbdba;
font-size: 24px;
}
.contactUsPage .contactData a {
text-decoration: none;
color: inherit;
}
.contactUsPage .contactData .tel {
margin-top: 15px;
display: block;
}
.contactUsPage .contactData .tel:before {
margin-right: 8px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 18px;
color: #6fbdba;
content: "\f095";
}
.contactUsPage .contactData address {
display: flex;
margin-top: 15px;
}
.contactUsPage .contactData address:before {
margin-right: 8px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 18px;
color: #6fbdba;
content: "\f041";
}
.contactUsPage .contactData .moreInfoAddressLink {
display: inline-block;
margin-top: 15px;
color: #ff7d4a;
}
.contactUsPage .contactLeft {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 2px #fff;
}
.contactUsPage .contactRight {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
padding: 60px 0;
}
.contactUsPage .contactRight .icon {
width: 60px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.contactUsPage .contactLeft {
border-bottom: 0;
border-right: solid 2px #fff;
padding-right: 50px;
}
.contactUsPage .contactRight {
display: flex;
gap: 60px;
flex-direction: row;
padding: 100px 0;
}
}
.coverOurTeam .container {
width: auto;
}
.coverOurTeam .coverImage {
position: relative;
}
.coverOurTeam .coverImage:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.coverOurTeam .coverImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 768px) {
.coverOurTeam .coverImage {
position: relative;
}
.coverOurTeam .coverImage:before {
display: block;
content: "";
width: 100%;
padding-top: 20%;
}
.coverOurTeam .coverImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.ourMissionCopy {
padding: 100px 0 70px;
max-width: 780px;
margin: auto;
color: #6d6d6d;
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 21px;
text-align: center;
}
.ourTeam {
padding: 70px 0;
background-color: #dcf0f0;
}
.ourTeam .subtitle {
margin-bottom: 50px;
}
.ourTeam .teamMember {
background: #fff;
padding: 50px 30px;
border-radius: 10px;
margin: 30px 0;
}
.ourTeam .teamMember .teamMemberImage {
position: relative;
width: 80%;
margin: auto;
margin-bottom: 35px;
}
.ourTeam .teamMember .teamMemberImage .teamMemberPhoto {
position: relative;
border-radius: 50%;
}
.ourTeam .teamMember .teamMemberImage .teamMemberPhoto:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.ourTeam .teamMember .teamMemberImage .teamMemberPhoto > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ourTeam .teamMember .teamMemberImage .teamMemberPhoto {
z-index: 2;
background-position: center center;
background-size: cover;
}
.ourTeam .teamMember .teamMemberImage .teamMemberCircle {
border-radius: 50%;
position: absolute;
background-color: #a3cfcd;
bottom: -15px;
left: -25px;
}
@media (min-width: 768px) {
.ourTeam .teamMember .teamMemberImage {
width: 25%;
}
}
.ourTeam .teamMember .teamMemberCopy {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
color: #6fbdba;
}
.ourTeam .teamMember .teamMemberCopy .teamMemberName {
font-size: 28px;
font-weight: 600;
}
.ourTeam .teamMember .teamMemberCopy a {
font-size: 18px;
font-weight: 600;
line-height: 21px;
color: #6fbdba;
text-decoration: none;
}
.ourTeam .teamMember .teamMemberCopy a i {
font-size: 22px;
}
.ourTeam .teamMember .teamMemberCopy .teamMemberRole {
color: #6d6d6d;
margin-bottom: 20px;
}
.ourTeam .teamMember .teamMemberCopy .teamMembersProfile {
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
color: #6d6d6d;
}
.ourTeam .teamMember .teamMemberCopy .teamMembersProfile ul {
list-style: disc;
padding-left: 15px;
}
.ourTeam
.teamMember
.teamMemberCopy
.teamMembersProfile
.teamMemberProfileViewMore {
font-size: 14px;
}
.ourTeam
.teamMember
.teamMemberCopy
.teamMembersProfile
.teamMemberProfileViewMore
i {
vertical-align: middle;
font-size: 14px;
}
.ourTeam .teamMember:nth-child(2n + 1) .teamMemberImage .teamMemberCircle {
background-color: #a3cfcd;
bottom: -15px;
right: -25px;
left: auto;
}
@media (min-width: 768px) {
.ourTeam .teamMember {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: row;
}
.ourTeam .teamMember .teamMemberImage {
width: 30%;
margin: 0 45px;
}
.ourTeam .teamMember .teamMemberCopy {
width: 60%;
}
.ourTeam .teamMember .teamMemberCopy .teamMemberName {
display: inline-block;
margin-right: 20px;
}
.ourTeam .teamMember:nth-child(2n + 1) {
flex-direction: row-reverse;
}
}
@media (min-width: 1024px) {
.ourTeam .teamMember .teamMemberImage {
width: 25%;
}
.ourTeam .teamMember .teamMemberCopy {
width: 50%;
}
}
.ourTeam .teamMember .modalMask {
transition: all 0.75s ease;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.ourTeam .teamMember .modalMask .closeModal {
position: absolute;
top: 0;
right: 0;
display: inline-block;
margin: 10px;
color: rgba(255, 255, 255, 0.5);
font-size: 24px;
}
.ourTeam .teamMember .modalMask .modalTeamMember {
width: 100%;
}
.ourTeam .teamMember .modalMask .modalTeamMember iframe {
max-width: 100%;
}
.ourTeam .teamMember .modalMask--visible {
opacity: 1;
pointer-events: all;
}
@media (min-width: 768px) {
.coverPatientExperience .container {
width: auto;
}
}
.coverPatientExperience .coverImage {
position: relative;
}
.coverPatientExperience .coverImage:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.coverPatientExperience .coverImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 768px) {
.coverPatientExperience .coverImage {
position: relative;
}
.coverPatientExperience .coverImage:before {
display: block;
content: "";
width: 100%;
padding-top: 20%;
}
.coverPatientExperience .coverImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.patientExperienceIntro {
padding: 100px 0 70px;
color: #6d6d6d;
font-size: 16px;
font-weight: 400;
}
@media (min-width: 768px) {
.patientExperienceIntro .container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
}
.patientExperienceIntro .patientExperienceIntroCopy {
margin-bottom: 30px;
line-height: 24px;
}
@media (min-width: 768px) {
.patientExperienceIntro .patientExperienceIntroCopy {
width: 40%;
margin: 0 30px;
}
}
.patientExperienceIntro .patientExperienceIntroList h2 {
color: #584b4b;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
margin-bottom: 10px;
}
.patientExperienceIntro .patientExperienceIntroList ul li {
margin-bottom: 10px;
}
.patientExperienceIntro .patientExperienceIntroList ul li:before {
content: "\f0da";
font: normal normal normal 14px/1 FontAwesome;
color: #ff7d4a;
margin-right: 5px;
font-size: 18px;
}
@media (min-width: 768px) {
.patientExperienceIntro .patientExperienceIntroList {
width: 40%;
margin: 0 30px;
}
}
.patientExperienceIntro .patientExperienceIntroVideo {
margin-top: 50px;
text-align: center;
}
.patientExperienceIntro
.patientExperienceIntroVideo
.patientExperienceIntroVideoIframe {
max-width: 500px;
}
.patientExperienceIntro
.patientExperienceIntroVideo
.patientExperienceIntroVideoIframe
iframe {
max-width: 100%;
}
@media (min-width: 768px) {
.patientExperienceIntro .patientExperienceIntroVideo {
display: flex;
justify-content: center;
align-items: center;
}
.patientExperienceIntro .patientExperienceIntroVideo h2 {
max-width: 450px;
margin-right: 50px;
}
}
.virtualTour {
padding: 120px 0 100px;
}
.virtualTour h3 {
color: #ffffff;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
font-weight: 500;
margin-bottom: 20px;
max-width: 500px;
}
.patientExperienceTravel {
position: relative;
padding: 50px 0;
padding-bottom: 60px;
}
.patientExperienceTravel h2 {
width: 100%;
}
.patientExperienceTravel .patientExperienceTravelCopy {
color: #6d6d6d;
font-size: 16px;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.patientExperienceTravel .patientExperienceTravelCopy {
max-width: 480px;
margin: 0 20px;
}
}
.patientExperienceTravel .patientExperienceTravelMap iframe {
max-width: 100%;
height: 350px;
}
@media (min-width: 768px) {
.patientExperienceTravel .patientExperienceTravelMap {
max-width: 480px;
margin: 0 20px;
}
}
.patientExperienceTravel .btn {
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, 50%);
}
@media (min-width: 768px) {
.patientExperienceTravel .container {
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row-reverse;
flex-wrap: wrap;
}
}
.gallery {
padding: 80px 0;
background-size: cover;
background-position: center center;
background-color: #000;
}
.gallery .subtitle {
color: #fff;
}
.gallery .galleryWrapper {
margin: auto;
}
.gallery
.galleryWrapper
.ngg-galleryoverview.default-view
.ngg-gallery-thumbnail
img {
border-radius: 10px;
width: 100%;
}
@media (min-width: 768px) {
.schedulePage .container {
flex-direction: column;
}
.schedulePage .container .contactLeft {
max-width: 400px;
margin: auto;
border-right: 0;
text-align: center;
}
.schedulePage .container .contactLeft form label {
color: #ffff;
text-align: center;
}
.schedulePage .container .contactRight {
width: 100%;
border-top: solid 2px #fff;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
}
.schedulePage .contactForm .frm_submit {
text-align: center;
}
.schedulePage .contactForm .frm_submit .btn-orange {
float: none;
min-width: 150px;
text-align: center;
}
.pageVideoFaqs .pageTitle {
padding: 50px 0;
position: relative;
}
.pageVideoFaqs .pageTitle .coverMask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: #000;
opacity: 0.6;
z-index: 1;
}
.pageVideoFaqs .pageTitle .container {
position: relative;
z-index: 2;
text-align: center;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
}
.pageVideoFaqs .pageTitle .subtitle {
display: block;
font-size: 24px;
margin-bottom: 30px;
}
.pageVideoFaqs .pageTitle h1 {
color: #fffeff;
font-size: 48px;
margin-bottom: 30px;
}
.pageVideoFaqs .pageTitle p {
color: #fffeff;
font-size: 18px;
}
.pageVideoFaqs .pageTitle a i {
color: #6fbdba;
font-size: 62px;
}
.pageVideoFaqs .blogShowcase .cards a {
text-decoration: none;
}
.pageVideoFaqs .blogShowcase .cards .card .cardText p a {
color: #868686;
}
.pageVideoFaqs .blogShowcase .cards .card .cardText .readMore {
font-size: 18px;
}
.whatIsHbotPage .whatIsHbotIntro {
padding: 100px 0 80px;
padding-bottom: 50px;
}
.whatIsHbotPage .whatIsHbotIntro .container .whatIsHbotIntroVideo {
margin-bottom: 30px;
}
.whatIsHbotPage .whatIsHbotIntro .container .whatIsHbotIntroVideo iframe {
max-width: 100%;
height: 300px;
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotIntro .container .whatIsHbotIntroVideo {
width: 40%;
margin-right: 20px;
margin-bottom: 0;
}
.whatIsHbotPage .whatIsHbotIntro .container .whatIsHbotIntroVideo iframe {
height: 300px;
}
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotIntro .container .whatIsHbotIntroText {
width: 40%;
margin-left: 20px;
}
.whatIsHbotPage .whatIsHbotIntro .container .whatIsHbotIntroText .subtitle {
text-align: left;
margin-bottom: 20px;
}
.whatIsHbotPage
.whatIsHbotIntro
.container
.whatIsHbotIntroText
.subtitle:after {
margin-left: 0;
}
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotIntro .container {
display: flex;
justify-content: space-around;
align-items: center;
}
}
.whatIsHbotPage .whatIsHbotBenefits {
position: relative;
padding: 80px 0;
background-size: cover;
background-position: center center;
background-color: #000;
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotBenefits .container {
display: flex;
justify-content: space-around;
align-items: center;
}
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsText {
color: #ffffff;
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsText h2 {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 34px;
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsText h2 span {
font-size: 24px;
}
.whatIsHbotPage
.whatIsHbotBenefits
.whatIsHbotBenefitsText
.whatIsHbotBenefitsTextList {
margin-top: 20px;
}
.whatIsHbotPage
.whatIsHbotBenefits
.whatIsHbotBenefitsText
.whatIsHbotBenefitsTextList
li {
margin-bottom: 5px;
}
.whatIsHbotPage
.whatIsHbotBenefits
.whatIsHbotBenefitsText
.whatIsHbotBenefitsTextList
li:before {
content: "\f0da";
font: normal normal normal 14px/1 FontAwesome;
color: #ff7d4a;
margin-right: 5px;
font-size: 18px;
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsText {
width: 50%;
margin-right: 40px;
}
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsImage {
position: relative;
margin-top: 30px;
border-radius: 20px;
background-size: cover;
background-position: center center;
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsImage:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsImage {
position: relative;
width: 35%;
margin: 0;
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsImage:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.whatIsHbotPage .whatIsHbotBenefits .whatIsHbotBenefitsImage > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.whatIsHbotPage .whatIsHbotBenefits .btn {
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, 50%);
}
.whatIsHbotPage .whatIsHbotBloodFlow {
padding: 100px 0 80px;
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotBloodFlow .bloodItems {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
.whatIsHbotPage .whatIsHbotBloodFlow .bloodItems .bloodItem {
text-align: center;
margin-bottom: 80px;
line-height: 22px;
color: #6d6d6d;
}
.whatIsHbotPage .whatIsHbotBloodFlow .bloodItems .bloodItem img {
margin-bottom: 20px;
}
.whatIsHbotPage .whatIsHbotBloodFlow .bloodItems .bloodItem h3 {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 24px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.whatIsHbotPage .whatIsHbotBloodFlow .bloodItems .bloodItem {
width: 40%;
}
}
.whatIsHbotPage .contactUsHome {
background-color: #dcf0f0;
padding: 25px 0;
}
.whatIsPage .contactUsHome {
background-color: #dcf0f0;
}
.whatIsPage .WhatIsFaqQuestions {
padding: 80px 0;
}
.whatIsPage .WhatIsFaqQuestions .question {
background-color: #dcf0f0;
padding: 20px 25px;
border-radius: 8px;
margin-bottom: 15px;
}
.whatIsPage .WhatIsFaqQuestions .question a {
text-decoration: none;
color: inherit;
}
.whatIsPage .WhatIsFaqQuestions .question .WhatIsFaqQuestionsTitle {
color: #3f3f3f;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
}
.whatIsPage .WhatIsFaqQuestions .question .WhatIsFaqQuestionsTitle:before {
content: "\f078";
font: normal normal normal 14px/1 FontAwesome;
float: right;
color: #ff7d4a;
font-size: 24px;
}
.whatIsPage
.WhatIsFaqQuestions
.question
.WhatIsFaqQuestionsTitle--open:before {
transform: rotate(180deg);
}
.whatIsPage .WhatIsFaqQuestions .question .WhatIsFaqQuestionsAnswer {
display: none;
margin-top: 10px;
color: #666;
line-height: 22px;
}
.whatIsPage .WhatIsFaqQuestions .question .WhatIsFaqQuestionsAnswer ul {
list-style: disc;
padding-left: 20px;
}
.whatIsPage .WhatIsFaqQuestions .question .WhatIsFaqQuestionsAnswer a {
color: #75c5c3;
text-decoration: underline;
}
.whatIsPage .contactUsHome {
padding: 25px 0;
}
.who-can-benefits-search {
padding: 15px 0;
}
.who-can-benefits-search input {
background: none;
width: 100%;
padding: 8px 15px;
border-radius: 25px;
-webkit-appearance: none;
border: 1px solid #565656;
margin-bottom: 10px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.who-can-benefits-search form {
margin: 0 10px;
position: relative;
max-width: 325px;
}
@media (min-width: 768px) {
.who-can-benefits-search form {
width: 40%;
margin: auto;
}
}
.who-can-benefits-search .categorySelect .fa {
position: absolute;
top: 10px;
right: 15px;
font-size: 22px;
}
.who-can-benefits-search .searchForm button {
position: absolute;
top: 9px;
right: 10px;
background: none;
border: 0;
font-size: 18px;
color: #777;
cursor: pointer;
}
.who-can-benefits {
padding: 20px 0;
padding-bottom: 80px;
max-width: 850px;
margin: auto;
}
.who-can-benefits .who-can-benefits-intro-text {
color: #2f2f2f;
line-height: 22px;
}
.who-can-benefits .who-can-benefits-intro-text ul {
list-style: disc;
padding-left: 15px;
}
.who-can-benefits .who-can-benefits-intro-text a {
text-decoration: underline;
color: #75c5c3;
}
.who-can-benefits .who-can-benefits-articles {
border-top: solid 1px #000;
padding-top: 30px;
margin-top: 30px;
}
.who-can-benefits .who-can-benefits-articles h3 {
margin-bottom: 10px;
color: #2f2f2f;
font-size: 18px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
}
.who-can-benefits .who-can-benefits-articles ul li {
margin-bottom: 3px;
}
.who-can-benefits .who-can-benefits-articles ul li a {
color: #6fbdba;
text-decoration: none;
}
.who-can-benefits .who-can-benefits-articles ul li a:hover {
text-decoration: underline;
}
.who-can-benefits .who-can-benefits-articles ul li:before {
content: "\f0da";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
font-size: 14px;
color: #6fbdba;
}
@media (min-width: 768px) {
.singlePost .singlePostImage {
width: 30%;
}
}
.singlePost .singlePostThumb {
position: relative;
background-position: center center;
background-size: cover;
background-color: #efefef;
}
.singlePost .singlePostThumb:before {
display: block;
content: "";
width: 100%;
padding-top: 133.33333%;
}
.singlePost .singlePostThumb > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.singlePost .singlePostShare {
width: 80%;
padding: 15px;
background-color: #dcf0f0;
color: #686a6a;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 16px;
font-weight: 500;
float: right;
text-align: center;
}
.singlePost .singlePostShare span {
margin-right: 5px;
}
@media (min-width: 700px) {
.singlePost .singlePostShare span {
display: block;
}
}
@media (min-width: 1024px) {
.singlePost .singlePostShare span {
display: inline-block;
}
}
.singlePost .singlePostShare a {
color: #75c5c3;
display: inline-block;
margin: 0 1px;
}
.singlePost .singlePostShare a:hover {
color: #46a7a5;
}
.singlePost .singlePostCopy {
padding: 40px 0;
}
.singlePost .singlePostCopy h1 {
color: #616161;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 28px;
margin-bottom: 20px;
font-weight: 700;
}
.singlePost .singlePostCopy .postData {
margin-bottom: 15px;
color: #6fbdba;
font-size: 14px;
}
.singlePost .singlePostCopy .postData a {
color: inherit;
text-decoration: none;
}
.singlePost .singlePostCopy .postData a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.singlePost .singlePostCopy {
width: 50%;
}
}
.singlePost .singlePostContent {
font-size: 16px;
color: #616161;
}
.singlePost .singlePostContent h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.singlePost .singlePostContent p {
margin-bottom: 20px;
}
.singlePost .singlePostContent ul {
list-style: initial;
padding-left: 15px;
}
.singlePost .singlePostContent a {
color: #75c5c3;
}
.singlePost .singlePostContent img {
height: auto;
}
.singlePost .singlePostReadMore {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.singlePost .singlePostReadMore a {
font-size: 16px;
color: #6fbdba;
text-decoration: none;
}
.singlePost .singlePostReadMore .pagination a {
margin: 0 5px;
}
@media (min-width: 768px) {
.singlePost .container {
display: flex;
justify-content: space-around;
align-items: flex-start;
}
}
.singlePost .contactUsHome {
margin-top: 50px;
background-color: #dcf0f0;
}
@media (min-width: 768px) {
.singlePost .contactUsHome .container {
display: flex;
justify-content: center;
align-items: center;
}
}
.singleVideoThumb {
margin-top: 30px;
text-align: center;
}
.singleVideoThumb iframe {
width: 100%;
height: 400px;
}
@media (min-width: 768px) {
.singleVideoThumb iframe {
height: 550px;
}
}
.singleVideoThumb .singleVideoShare {
display: inline-block;
padding: 15px;
background-color: #dcf0f0;
color: #686a6a;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 16px;
font-weight: 500;
}
.singleVideoThumb .singleVideoShare span {
margin-right: 5px;
}
@media (min-width: 700px) {
.singleVideoThumb .singleVideoShare span {
display: block;
}
}
@media (min-width: 1024px) {
.singleVideoThumb .singleVideoShare span {
display: inline-block;
}
}
.singleVideoThumb .singleVideoShare a {
color: #75c5c3;
display: inline-block;
margin: 0 1px;
}
.singleVideoThumb .singleVideoShare a:hover {
color: #46a7a5;
}
.singleVideosCopy {
margin-top: 60px;
text-align: center;
}
.singleVideosCopy h1 {
color: #616161;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 30px;
}
.singleVideosCopy .postData {
margin-bottom: 15px;
color: #6fbdba;
font-size: 16px;
}
.singleVideosCopy .postData a {
color: inherit;
text-decoration: none;
}
.singleVideosCopy .postData a:hover {
text-decoration: underline;
}
.singleVideosCopy .singlePostContent {
max-width: 560px;
margin: auto;
color: #616161;
font-size: 16px;
line-height: 20px;
}
.singleVideosCopy .singlePostReadMore {
justify-content: space-between;
margin-top: 50px;
}
.singleVideosCopy .singlePostReadMore a {
font-size: 16px;
color: #6fbdba;
text-decoration: none;
}
.singleVideos .contactUsHome {
margin-top: 70px;
background-color: #dcf0f0;
}
@media (min-width: 768px) {
.singleVideos .contactUsHome .container {
display: flex;
justify-content: center;
align-items: center;
}
}
.covid-notice-link a {
padding: 5px 25px;
background-color: #ffffff;
color: #469693 !important;
border-radius: 8px;
font-size: 13px;
}
.covid-notice-link a:before {
display: none;
}
.covid-notice-link a:hover {
opacity: 0.7;
}
.covidTitle {
padding: 80px 0;
}
.covidTitle .subtitle {
margin-bottom: 15px;
font-size: 46px;
text-transform: uppercase;
}
.covidTitle h2 {
text-align: left;
}
.covidTitle h2:after {
display: none;
}
.covidTitle p {
color: #fff;
font-size: 18px;
max-width: 650px;
}
@media (min-width: 768px) {
.covidTitle {
margin-bottom: 30px;
}
}
.covidNoticePageContent .container {
padding: 0;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.covidNoticePageContent .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
}
.covidNoticePageContent .covidNoticePageContentAside {
padding: 20px;
padding-top: 0;
background-color: #ebebeb;
}
.covidNoticePageContent .covidNoticePageContentAside h3 {
padding-top: 30px;
color: #6fbdba;
font-size: 28px;
font-weight: bold;
}
.covidNoticePageContent .covidNoticePageContentAside ul {
font-weight: bold;
font-size: 18px;
color: #494a54;
}
.covidNoticePageContent .covidNoticePageContentAside ul li {
padding: 3px 0;
}
.covidNoticePageContent .covidNoticePageContentAside a {
transition: all linear 0.25s;
text-decoration: none;
color: inherit;
}
.covidNoticePageContent .covidNoticePageContentAside a:hover {
color: #6fbdba;
}
.covidNoticePageContent .covidNoticePageContentAside p span {
color: #6fbdba;
}
@media (min-width: 768px) {
.covidNoticePageContent .covidNoticePageContentAside {
width: 18%;
}
}
.covidNoticePageContent
.covidNoticePageContentMain
.covidNoticePageContentMainSection {
padding: 30px 20px;
margin-bottom: 10px;
background-color: #ebebeb;
line-height: 1.5;
color: #494a54;
}
.covidNoticePageContent
.covidNoticePageContentMain
.covidNoticePageContentMainSection
h4 {
font-weight: bolder;
font-size: 22px;
margin-bottom: 10px;
}
.covidNoticePageContent
.covidNoticePageContentMain
.covidNoticePageContentMainSection
a {
color: #ff7d4a;
text-decoration: none;
}
.covidNoticePageContent
.covidNoticePageContentMain
.covidNoticePageContentMainSection
a:hover {
text-decoration: underline;
}
.covidNoticePageContent
.covidNoticePageContentMain
.covidNoticePageContentMainSection
ul
li:before {
content: "•";
margin-right: 5px;
}
.covidNoticePageContent
.covidNoticePageContentMain
.covidNoticePageContentMainSection:nth-child(3n + 1) {
background: #fff;
}
.covidNoticePageContent
.covidNoticePageContentMain
.covidNoticePageContentMainSection:nth-child(3n + 2) {
background-color: #dcf0f0;
}
@media (min-width: 768px) {
.covidNoticePageContent .covidNoticePageContentMain {
width: 78%;
}
}
.locationPage .locationPageTitle {
padding: 50px 0;
background: url(//hyperbaricsorlando.com/wp-content/themes/hyperbarics/images/location-title-bg.png) no-repeat bottom center;
background-size: cover;
}
.locationPage .locationPageTitle .locationLogo {
text-align: center;
}
.locationPage .locationPageTitle .locationAddress {
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0;
}
.locationPage .locationPageTitle .locationAddress .locationAddressPhoto {
width: 100%;
min-height: 200px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
.locationPage .locationPageTitle .locationAddress .locationAddressPhoto {
width: 50%;
min-height: 1px;
}
}
.locationPage .locationPageTitle .locationAddress .locationAddressCopy {
background: #fff;
padding: 25px;
color: #707070;
}
.locationPage .locationPageTitle .locationAddress .locationAddressCopy a {
text-decoration: none;
color: inherit;
}
.locationPage .locationPageTitle .locationAddress .locationAddressCopy .tel {
display: flex;
align-items: center;
margin-bottom: 15px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
}
.locationPage
.locationPageTitle
.locationAddress
.locationAddressCopy
.tel:before {
margin-right: 8px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 22px;
color: #ff7d4a;
content: "\f095";
}
@media (min-width: 1024px) {
.locationPage .locationPageTitle .locationAddress .locationAddressCopy .tel {
font-size: 24px;
}
}
.locationPage .locationPageTitle .locationAddress .locationAddressCopy address {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
text-decoration: none;
color: inherit;
font-size: 20px;
}
.locationPage
.locationPageTitle
.locationAddress
.locationAddressCopy
address:before {
margin-right: 8px;
margin-top: 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 22px;
color: #ff7d4a;
content: "\f041";
}
@media (min-width: 1024px) {
.locationPage
.locationPageTitle
.locationAddress
.locationAddressCopy
address {
font-size: 24px;
}
}
.locationPage .locationPageTitle .locationAddress .locationAddressCopy .time {
margin-top: 25px;
font-size: 20px;
}
.locationPage
.locationPageTitle
.locationAddress
.locationAddressCopy
.time
span {
color: #67c7c5;
}
.locationPage
.locationPageTitle
.locationAddress
.locationAddressCopy
.time
span
strong {
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
}
@media (min-width: 1024px) {
.locationPage
.locationPageTitle
.locationAddress
.locationAddressCopy
.time
span
strong {
font-size: 24px;
}
}
@media (min-width: 1024px) {
.locationPage .locationPageTitle .locationAddress .locationAddressCopy {
width: 50%;
padding: 50px;
}
}
.locationPage .locationGallery {
padding: 50px 0;
text-align: center;
}
.locationPage .locationGallery .locationGalleryTitle {
max-width: 600px;
margin: auto;
}
.locationPage .locationGallery .locationGalleryTitle h2 {
margin-bottom: 15px;
font-family: fira-sans, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 34px;
color: #67c7c5;
}
.locationPage .locationGallery .locationGalleryTitle p {
color: #444444;
font-size: 22px;
line-height: 1.8;
}
.locationPage .locationGallery .carousel {
margin: 30px 0;
border: 0;
background: none;
}
.locationPage .locationGallery .carousel .flex-direction-nav a::before {
content: "\f104";
font: normal normal normal 14px/1 FontAwesome;
font-size: 50px;
color: #c7c7c7;
}
.locationPage .locationGallery .carousel .flex-direction-nav .flex-prev {
left: -50px !important;
opacity: 1;
}
.locationPage .locationGallery .carousel .flex-direction-nav .flex-next {
right: -50px !important;
opacity: 1;
}
.locationPage
.locationGallery
.carousel
.flex-direction-nav
a.flex-next::before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: 50px;
color: #c7c7c7;
}
.locationPage .patientExperienceTravel {
background-color: #ececec;
position: relative;
padding: 50px 0;
padding-bottom: 60px;
}
.locationPage .patientExperienceTravel h2 {
width: 100%;
}
.locationPage .patientExperienceTravel .patientExperienceTravelCopy {
color: #6d6d6d;
font-size: 16px;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.locationPage .patientExperienceTravel .patientExperienceTravelCopy {
max-width: 480px;
margin: 0 20px;
}
}
.locationPage .patientExperienceTravel .patientExperienceTravelMap iframe {
max-width: 100%;
height: 350px;
}
@media (min-width: 768px) {
.locationPage .patientExperienceTravel .patientExperienceTravelMap {
max-width: 480px;
margin: 0 20px;
}
}
.locationPage .patientExperienceTravel .btn {
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, 50%);
}
@media (min-width: 768px) {
.locationPage .patientExperienceTravel .container {
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row-reverse;
flex-wrap: wrap;
}
} label,
.frm_verify,
.frm_screen_reader {
display: none;
}
.homeBoxes {
height: 380px;
}
.contactUsPage .contactForm input,
.contactUsPage .contactForm textarea,
.contactUsPage .contactForm select {
border: 0 !important;
border-radius: 10px !important;
background: #fff !important;
padding: 10px 20px;
width: 100%;
margin-bottom: 10px;
font-family: proxima-soft, sans-serif;
color: #666;
opacity: 1;
}
@media (min-width: 768px) {
.schedulePage .container .contactRight {
justify-content: center;
}
.schedulePage .contactLeft {
padding-right: 0;
}
.schedulePage .contactRight {
padding-left: 0;
}
.patientExperienceTravel .patientExperienceTravelCopy {
max-width: 100%;
}
}
.contactData p {
text-align: center;
margin-top: 20px;
}
.logosFeatured {
padding-top: 140px;
}
.carousel-logos {
margin-top: 50px;
}
.carousel-logos .slick-track {
display: flex;
align-items: center;
}
.carousel-logos .item .slick-track {
display: flex;
align-items: center;
}
.carousel-logos .item {
padding: 0 10px;
}
.carousel-logos .slick-dots {
margin-top: 30px;
display: flex !important;
justify-content: center;
gap: 12px;
}
.carousel-logos .slick-dots li {
margin: 0;
padding: 0;
}
.carousel-logos .slick-dots li button {
width: 10px;
height: 10px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
font-size: 0;
}
.carousel-logos .slick-dots li button:before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #bcbcbc;
opacity: 1;
transition:
background 0.3s,
transform 0.3s;
}
.carousel-logos .slick-dots li.slick-active button:before {
background: #75c5c3;
transform: scale(1.05);
box-shadow: 0 0 0 4px rgb(52 154 154);
}