@charset "UTF-8";
  @font-face {
font-family: "Garnett";
font-weight: 400;
font-style: normal;
src: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/fonts/FoundersGrotesk-Regular.woff) format("woff");
}
@font-face {
font-family: "Garnett";
font-weight: 500;
font-style: normal;
src: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/fonts/FoundersGrotesk-Medium.woff) format("woff");
} :root {
--color-navy: #293b59;
--color-grey: #e8e5e0;
--color-greydark: #ccc8be;
--color-footer-grey: #e8e8e8;
--color-header-grey: #DFDBD4;
--color-orange: #f29e33;
--font-weight-regular: 400;
--font-weight-medium: 500;
}
body {
font-family: "Garnett", san-serif;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: #fff;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.flickity-button-icon {
fill: #333;
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
html {
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
*,
:after,
:before {
-o-box-sizing: inherit;
-ms-box-sizing: inherit;
box-sizing: inherit;
outline: none;
}
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
border: 0;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: block;
max-width: 100%;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body,
button,
input,
select,
textarea {
color: #2b2b2b;
font-size: inherit;
font-weight: var(--font-weight-regular);
line-height: 1.375;
}
a {
color: #24890d;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
clear: both;
margin: 0;
}
address {
font-style: italic;
margin-bottom: 24px;
}
abbr[title] {
border-bottom: 1px dotted #2b2b2b;
cursor: help;
}
b,
strong {
font-style: normal;
}
cite,
dfn,
em,
i {
font-style: italic;
font-family: inherit;
font-weight: var(--font-weight-regular);
}
ins,
mark {
background: #fff9c0;
text-decoration: none;
}
p {
margin-bottom: 0;
}
code,
kbd,
pre,
samp,
tt,
var {
font-family: monospace, serif;
font-size: inherit;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
line-height: 1.6;
}
pre {
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
margin-bottom: 24px;
max-width: 100%;
overflow: auto;
padding: 12px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote,
q {
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
blockquote {
color: #767676;
font-size: inherit;
font-style: normal;
font-weight: inherit;
line-height: 1.2631578947;
margin-bottom: 0;
}
blockquote cite,
blockquote small {
color: #2b2b2b;
font-size: inherit;
font-weight: var(--font-weight-regular);
line-height: 1.5;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
blockquote b,
blockquote strong {
font-weight: var(--font-weight-regular);
}
big,
small {
font-size: inherit;
}
sub,
sup {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
dl {
margin-bottom: 24px;
}
dt {
font-weight: var(--font-weight-medium);
}
dd {
margin-bottom: 24px;
}
ol,
ul {
list-style: none;
margin: 0 0 24px 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin: 0 0 0 20px;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 24px;
padding: 11px 12px 0;
}
legend {
white-space: normal;
}
button,
input,
select,
textarea {
box-sizing: border-box;
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
input,
textarea {
background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table,
td,
th {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%;
}
caption,
td,
th {
font-weight: var(--font-weight-regular);
text-align: left;
}
th {
font-weight: var(--font-weight-medium);
}
td,
th {
border-width: 0 1px 1px 0;
}
del {
color: #767676;
}
hr {
background-color: rgba(0, 0, 0, 0.1);
border: 0;
height: 1px;
margin-bottom: 23px;
}
.cf:after,
.cf:before {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
html {
font-size: 62.5%;
}
.bg-cream {
background: #faf9f7;
}
#print-logo {
display: none;
}
.lazyload {
position: relative;
}
.lazyload__placeholder {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
}
.lazyloaded .lazyload__placeholder {
opacity: 0;
}
.button-standard,
.card-controls,
.clinic-finder.mobile-only,
.controls,
.flex-image,
.flex-video,
.mobile-footer-block,
.standard-text,
a,
button,
dl,
html body a.readmore,
input[type="submit"],
label,
ol,
ul,
ul.dl-style {
font-weight: var(--font-weight-regular);
}
@media (max-width: 480px) {
.button-standard,
.card-controls,
.clinic-finder.mobile-only,
.controls,
.flex-image,
.flex-video,
.mobile-footer-block,
.standard-text,
a,
button,
dl,
html body a.readmore,
input[type="submit"],
label,
ol,
ul,
ul.dl-style {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.button-standard,
.card-controls,
.clinic-finder.mobile-only,
.controls,
.flex-image,
.flex-video,
.mobile-footer-block,
.standard-text,
a,
button,
dl,
html body a.readmore,
input[type="submit"],
label,
ol,
ul,
ul.dl-style {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.button-standard,
.card-controls,
.clinic-finder.mobile-only,
.controls,
.flex-image,
.flex-video,
.mobile-footer-block,
.standard-text,
a,
button,
dl,
html body a.readmore,
input[type="submit"],
label,
ol,
ul,
ul.dl-style {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.button-standard,
.card-controls,
.clinic-finder.mobile-only,
.controls,
.flex-image,
.flex-video,
.mobile-footer-block,
.standard-text,
a,
button,
dl,
html body a.readmore,
input[type="submit"],
label,
ol,
ul,
ul.dl-style {
font-size: 20px;
}
}
@media screen and (min-width: 768px) {
.button-standard,
.card-controls,
.clinic-finder.mobile-only,
.controls,
.flex-image,
.flex-video,
.mobile-footer-block,
.standard-text,
a,
button,
dl,
html body a.readmore,
input[type="submit"],
label,
ol,
ul,
ul.dl-style {
line-height: 1.375;
}
}
html {
background-color: var(--color-navy);
}
body {
color: var(--color-navy);
}
@media screen and (max-width: 1023px) {
body:after {
content: "";
}
}
.row {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (max-width: 480px) {
h1 {
font-size: 26px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
h1 {
font-size: calc(1.80556vw + 17.33333px);
}
}
@media (min-width: 1920px) {
h1 {
font-size: 52px;
}
}
@media (max-width: 480px) {
h2 {
font-size: 26px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
h2 {
font-size: 46px;
}
}
@media (min-width: 1920px) {
h2 {
font-size: 52px;
}
}
h3 {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
.content h3,
.content h2 {
border-top: 1px solid var(--color-header-grey);
padding-top: 1rem;
}
@media (max-width: 480px) {
h3 {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
h3 {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
h3 {
font-size: 26px;
}
}
h1 {
line-height: 1.2em;
color: var(--color-navy);
font-weight: var(--font-weight-medium);
}
@media (max-width: 480px) {
h1 {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
h1 {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
h1 {
font-size: 24px;
}
}
h2 {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
h2 {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
h2 {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
h2 {
font-size: 24px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
h2 {
font-size: 20px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
h2 {
font-size: calc(0.83333vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
h2 {
font-size: 32px;
}
}
@media screen and (min-width: 768px) {
h2.with-icon {
background-size: auto 54px;
background-position: 0 0;
background-repeat: no-repeat;
padding-top: 7.2rem;
}
h2.icon-heart {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-heart.png);
}
h2.icon-tick {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-tick.png);
}
h2.icon-people {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-people.png);
}
h2.icon-star {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-star.png);
}
}
.mlos h2.h3-style {
margin: 1em 0;
}
h2.h3-style,
h3 {
color: var(--color-navy);
font-weight: var(--font-weight-medium);
}
@media (max-width: 480px) {
h2.h3-style,
h3 {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
h2.h3-style,
h3 {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
h2.h3-style,
h3 {
font-size: 24px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
h2.h3-style,
h3 {
font-size: 20px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
h2.h3-style,
h3 {
font-size: calc(0.83333vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
h2.h3-style,
h3 {
font-size: 32px;
}
}
.pre-header {
color: var(--color-navy);
font-weight: var(--font-weight-regular);
}
@media (max-width: 480px) {
.pre-header {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.pre-header {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.pre-header {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
.pre-header {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
.pre-header {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
.pre-header {
font-size: 24px;
}
}
h2.h4-style,
h3.h4-style,
h4 {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
line-height: 1.5em;
color: var(--color-navy);
}
@media (max-width: 480px) {
h2.h4-style,
h3.h4-style,
h4 {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
h2.h4-style,
h3.h4-style,
h4 {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
h2.h4-style,
h3.h4-style,
h4 {
font-size: 24px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
h2.h4-style,
h3.h4-style,
h4 {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
h2.h4-style,
h3.h4-style,
h4 {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
h2.h4-style,
h3.h4-style,
h4 {
font-size: 24px;
}
}
p {
font-weight: var(--font-weight-regular);
line-height: 1.25em;
}
@media (max-width: 480px) {
p {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
p {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
p {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
p {
font-size: 20px;
}
}
b,
strong {
font-weight: var(--font-weight-medium);
font-family: inherit;
font-size: inherit;
color: inherit;
}
em,
i {
font-style: italic;
}
a {
color: var(--color-orange);
}
a > * {
pointer-events: none;
}
.icon {
display: inline-block;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.icon,
.icon svg {
width: 1em;
height: 1em;
}
ol.list-style-plus,
ul.list-style-plus {
list-style: none;
margin-left: 0;
}
ol.list-style-plus li,
ul.list-style-plus li {
position: relative;
padding-left: 1em;
}
ol.list-style-plus li:before,
ul.list-style-plus li:before {
content: "+";
display: inline;
position: absolute;
left: 0;
}
dl > *,
ul.dl-style > * {
border-bottom: 1px solid var(--color-orange);
margin: 0;
}
dl dt,
dl li,
ul.dl-style dt,
ul.dl-style li {
font-weight: var(--font-weight-medium);
padding: 0.875em 18.75% 0.875em 0;
}
@media screen and (min-width: 768px) {
dl dt,
dl li,
ul.dl-style dt,
ul.dl-style li {
padding: 1em 8.90411% 1em 0;
}
}
dl dt.expands,
dl li.expands,
ul.dl-style dt.expands,
ul.dl-style li.expands {
cursor: pointer;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/plus.png) no-repeat 100%;
background-size: 3.125% auto;
}
@media screen and (min-width: 768px) {
dl dt.expands,
dl li.expands,
ul.dl-style dt.expands,
ul.dl-style li.expands {
background-size: 10px auto;
background-position: top 1em right;
}
}
dl dt.expanded,
dl li.expanded,
ul.dl-style dt.expanded,
ul.dl-style li.expanded {
cursor: pointer;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/cross.png) no-repeat top 1.1em right;
background-size: 2.5% auto;
}
@media screen and (min-width: 768px) {
dl dt.expanded,
dl li.expanded,
ul.dl-style dt.expanded,
ul.dl-style li.expanded {
background-size: 8px auto;
}
}
dl li,
ul.dl-style li {
list-style: none;
padding: 0.625em 0;
}
dl li span,
ul.dl-style li span {
padding-right: 18.75%;
}
@media screen and (min-width: 768px) {
dl li,
ul.dl-style li {
padding: 0.66em 0;
}
dl li span,
ul.dl-style li span {
padding-right: 8.90411%;
}
}
dl dd,
ul.dl-style dd {
padding: 0.875em 0;
}
@media screen and (min-width: 768px) {
dl dd,
ul.dl-style dd {
padding-right: 8.90411%;
}
}
dl dd > :last-child,
ul.dl-style dd > :last-child {
padding-bottom: 0;
}
ul.dl-style {
margin-left: 0;
}
ul.dl-style ul {
margin-left: 0;
margin-top: 0.66em;
padding-top: 0.66em;
border-top: 1px solid var(--color-orange);
}
ul.dl-style ul li {
position: relative;
padding-left: 1em;
padding-top: 0.33em;
padding-bottom: 0.33em;
}
ul.dl-style ul li:before {
content: "-";
display: inline;
position: absolute;
left: 0;
top: 0.33em;
}
.clinic-finder.mobile-only {
color: #fff;
font-weight: var(--font-weight-medium);
}
@media (max-width: 480px) {
.clinic-finder.mobile-only {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.clinic-finder.mobile-only {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.clinic-finder.mobile-only {
font-size: 24px;
}
}
.clinic-finder.mobile-only * {
display: inline-block;
margin: 0 0.25em 0 0;
}
.mobile-footer-block {
color: #fff;
}
.mobile-footer-block h3 {
color: inherit;
padding-bottom: 6.875vw;
font-weight: var(--font-weight-medium);
}
@media (max-width: 480px) {
.mobile-footer-block h3 {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.mobile-footer-block h3 {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.mobile-footer-block h3 {
font-size: 14px;
}
}
@media (max-width: 480px) {
.mobile-footer-block p {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.mobile-footer-block p {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.mobile-footer-block p {
font-size: 14px;
}
}
.values-strip {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 6rem;
padding-top: 1em;
padding-bottom: 1em;
color: var(--color-navy);
margin-top: 4rem;
margin-bottom: 4rem;
}
.values-strip p {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
}
@media (max-width: 480px) {
.values-strip p {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.values-strip p {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.values-strip p {
font-size: 32px;
}
}
.footer .values-strip {
margin: 0;
}
.footer .values-strip p {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
}
@media (max-width: 480px) {
.footer .values-strip p {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.footer .values-strip p {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.footer .values-strip p {
font-size: 24px;
}
}
#intranet-login {
font-weight: var(--font-weight-regular);
background: var(--color-navy);
color: #fff;
padding: 1rem 2rem 1rem 1.5rem;
border-radius: 22px;
display: flex;
align-items: center;
height: 4rem;
}
#intranet-login:hover {
background: var(--color-orange);
color: var(--color-navy);
text-decoration: none;
}
#intranet-login svg {
margin-right: .5rem;
}
html body a.readmore svg {
width: 28px;
}
html body a.readmore span {
font-size: 16px;
margin-top:5px;
margin-right:45px;
}
html body a.readmore {
color: var(--color-navy);
border: 1px solid var(--color-navy);
border-radius: 40px;
padding: 0.4rem 1.8rem 0.4rem 1.8rem;
align-items: center;
justify-content: space-between;
font-size: 16px;
display: flex;
width: fit-content;
}
html body a.readmore:hover {
background-color: var(--color-navy);
color: white;
}
@media (max-width: 480px) {
html body a.readmore {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
html body a.readmore {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
html body a.readmore {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
html body a.readmore {
font-size: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
html body a.readmore {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
html body a.readmore {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
html body a.readmore {
font-size: 24px;
}
}
.button-standard,
button,
input[type="submit"] {
background: var(--color-orange);
color: #fff;
cursor: pointer;
display: block;
padding: 0.625em 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
border: 1px solid var(--color-orange);
width: 100%;
}
.button-standard:hover,
button:hover,
input[type="submit"]:hover {
background: #fff;
color: var(--color-orange);
}
a.with-icon {
cursor: pointer;
display: block;
background-position: 0;
background-repeat: no-repeat;
background-size: 7.5% auto;
padding-left: 9.375%;
margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
a.with-icon {
background-size: contain;
padding-left: 32px;
}
}
a.with-icon.icon-phone {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/phone.png);
}
a.with-icon.icon-email {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/email.png);
}
a.icon-link-block {
margin-right: 1rem;
text-decoration: none;
color: var(--color-navy);
border-radius: 50px;
display: flex;
align-items: center;
height: 45px;
padding: 0 20px;
text-decoration: none !important;
width:100%;
position: relative;
justify-content: space-between;
}
a.icon-link-block:hover {
color: white !important;
background: var(--color-navy);
}
@media screen and (min-width: 1024px) {
a.icon-link-block {
}
a.icon-link-block:nth-child(1n) {
margin-right: 1rem;
margin-left: 0;
}
a.icon-link-block:last-child {
margin-right: 0;
}
a.icon-link-block:nth-child(6n) {
margin-right: 0;
margin-left: auto;
}
}
a.icon-link-block--print {
cursor: pointer;
// background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/bg-print.png);
}
a.icon-link-block--print:after {
display: block;
content: "";
// background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/print.png) no-repeat 0 100%;
background-size: auto 26px;
height: 100%;
width: 40px;
background-position: center;
position: absolute;
right: 20px;
}
a.icon-link-block--download {
// background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/bg-download.png);
}
a.icon-link-block--download:after {
display: block;
content: "";
// background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/download.png) no-repeat bottom right 10px;
background-size: auto 26px;
height: 100%;
width: 40px;
background-position: center;
position: absolute;
right: 20px;
}
@media screen and (min-width: 1024px) {
}
a.icon-link-block--question-mark {
// background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/bg-question-mark.png);
}
a.icon-link-block--question-mark:after {
display: block;
content: "";
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/question-mark.png) no-repeat 0 100%;
background-size: auto 26px;
height: 100%;
width: 40px;
background-position: center;
position: absolute;
right: 20px;
}
a.icon-link-block--blue {
background-color: var(--color-grey);
}
a.icon-link-block--orange {
background-color: var(--color-grey);
}
a.icon-link-block span {
font-size: 18px;
margin-top: 10px;
}
@media screen and (min-width: 1024px) {
a.icon-link-block span {
padding: 0;
}
}
img {
display: block;
max-width: 100%;
margin: 0;
padding: 0;
outline: none;
border: none;
}
.social-icons.mobile-only img {
height: 6.25vw;
width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 6.875vw;
}
.social-icons.mobile-only a:last-of-type img {
margin-right: 0;
}
.flex-image,
.flex-video {
width: 100%;
padding-bottom: 1.3125em;
}
.flex-image img {
width: 100%;
}
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: #bab4aa;
vertical-align: top;
line-height: 1.2em;
border: 1px solid #d7dcde;
padding: 0.78571em;
margin-bottom: 1.875vw;
}
@media (max-width: 480px) {
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
font-size: 14px;
}
}
@media screen and (min-width: 768px) {
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
padding: 1.5rem;
margin-bottom: 0.6rem;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
font-size: 24px;
}
}
input[type="checkbox"],
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
border: 1px solid #d7dcde;
width: 12.6vw;
height: 12.6vw;
}
@media screen and (min-width: 768px) {
input[type="checkbox"],
input[type="radio"] {
width: 5.4rem;
height: 5.4rem;
}
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/cross.png) no-repeat 50%;
background-size: 50% auto;
}
input[type="radio"] {
border-radius: 6.3vw;
}
@media screen and (min-width: 768px) {
input[type="radio"] {
border-radius: 27px;
}
}
select {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #d7dcde;
width: 100%;
border-radius: 0;
background: transparent url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/arrow-down-orange.png) no-repeat
calc(100% - 0.75em) 50%;
background-size: 1em;
padding-left: 1.5rem;
padding-right: 3em;
}
@media (max-width: 480px) {
select {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
select {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
select {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
select {
font-size: 20px;
}
}
.wpforms-label-hide {
display: none;
}
.pipe {
margin: 0 0.25em;
}
.slice {
position: absolute;
width: 102%;
max-width: 102%;
left: -2%;
height: auto !important;
}
.slice.slice-top {
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.slice.slice-top-inset {
top: 0;
}
.slice.slice-bottom {
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.slice.slice-bottom-inset {
bottom: 0;
}
.centre {
text-align: center;
}
.nobreak {
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
.icon-arrow-down-orange {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/arrow-down-orange.png);
}
.icon-arrow-down-orange,
.icon-arrow-down-white {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-arrow-down-white {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/arrow-down-white.png);
}
.icon-bg-download {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/bg-download.png);
}
.icon-bg-download,
.icon-bg-print {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-bg-print {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/bg-print.png);
}
.icon-bg-question-mark {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/bg-question-mark.png);
}
.icon-bg-question-mark,
.icon-cross {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-cross {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/cross.png);
}
.icon-download {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/download.png);
}
.icon-download,
.icon-email {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-email {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/email.png);
}
.icon-facebook {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/facebook.png);
}
.icon-facebook,
.icon-header-icon-heart {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-header-icon-heart {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-heart.png);
}
.icon-header-icon-people {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-people.png);
}
.icon-header-icon-people,
.icon-header-icon-star {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-header-icon-star {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-star.png);
}
.icon-header-icon-tick {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-tick.png);
}
.icon-header-icon-tick,
.icon-icon-employment {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-icon-employment {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/icon-employment.png);
}
.icon-linkedin {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/linkedin.png);
}
.icon-linkedin,
.icon-phone-orange {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-phone-orange {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/phone-orange.png);
}
.icon-plus {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/plus.png);
}
.icon-plus,
.icon-print {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-print {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/print.png);
}
.icon-question-mark {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/question-mark.png);
}
.icon-question-mark,
.icon-referrals-tick {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-referrals-tick {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/referrals-tick.png);
}
.icon-youtube {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/youtube.png);
}
.icon-people,
.icon-youtube {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}
.icon-people {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/people.png);
}
.with-icon {
background-size: auto 54px;
background-position: 0 0;
background-repeat: no-repeat;
padding-top: 7.2rem;
}
.icon-heart {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-heart.png);
}
.icon-tick {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-tick.png);
}
.icon-people {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-people.png);
}
.icon-star {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/header-icon-star.png);
}
.card-controls,
.controls {
line-height: 1.33333;
font-weight: var(--font-weight-medium);
}
@media (max-width: 480px) {
.card-controls,
.controls {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.card-controls,
.controls {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.card-controls,
.controls {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.card-controls,
.controls {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) and (max-width: 480px) {
.card-controls,
.controls {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) and (min-width: 481px) and (max-width: 1919px) {
.card-controls,
.controls {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
.card-controls,
.controls {
font-size: 24px;
}
}
.card-control,
.control {
cursor: pointer;
}
.card-control.active,
.control.active {
color: var(--color-navy);
}
.controls .mobile-only.sort-dist {
border: 1px solid var(--color-orange);
margin-right: 0.5em;
margin-bottom: 0.25em;
display: inline-block;
position: relative;
padding: 0.25em 1em 0.25em 0.25em;
}
.controls .mobile-only.sort-dist .marker {
width: 10px;
height: 100%;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/map-marker-solid.png) no-repeat 100%;
background-size: contain;
display: block;
position: absolute;
top: 0;
right: 0.25em;
}
@media screen and (min-width: 1024px) {
.controls .mobile-only.sort-dist {
display: none;
}
}
.desk-only .sort-dist {
position: relative;
padding-right: 0.75em;
}
.desk-only .sort-dist .marker {
width: 10px;
height: 100%;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/map-marker-solid.png) no-repeat 100%;
background-size: contain;
display: block;
position: absolute;
top: 0;
right: 0;
}
.controls .category-filter {
color: #bab4aa;
}
.mobile-size .controls .category-filter {
display: none;
}
a.refine {
text-align: center;
color: var(--color-orange);
background: #fff;
border: 1px solid var(--color-orange);
}
a.refine:hover {
color: #fff;
background: var(--color-orange);
}
.mobile-size #search-location {
display: none;
}
#refinement-modal {
position: fixed;
z-index: 99;
top: 100vh;
left: 0;
width: 100%;
padding: 1em 0 3em;
height: calc(100vh - 14.4vw);
background: #faf9f7;
transition: top 0.35s ease-in-out;
}
#refinement-modal.active {
top: 14.4vw;
}
@media screen and (min-width: 1024px) {
#refinement-modal {
display: none;
}
}
#refinement-modal .center {
display: block;
text-align: center;
padding: 0.25em 0;
}
#refinement-modal #pac-input,
#refinement-modal .sort-dist {
width: 100%;
margin: 0;
}
#refinement-modal #finish-refine {
position: absolute;
bottom: 1em;
width: 86%;
text-align: center;
}
@media screen and (min-width: 768px) {
#refinement-modal #finish-refine {
width: calc(100% - 3.75em);
}
}
#refinement-modal .procedures {
margin-top: 1.5em;
}
#refinement-modal .procedures-blocks {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#refinement-modal .procedures-blocks .block-category-link {
display: block;
border: 1px solid #e8e4d9;
color: #e8e4d9;
text-align: center;
width: 48%;
margin-right: 4%;
margin-left: 0;
background: #fff;
padding: 0.25em 0;
margin-bottom: 0.5em;
cursor: pointer;
}
@media (max-width: 480px) {
#refinement-modal .procedures-blocks .block-category-link {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#refinement-modal .procedures-blocks .block-category-link {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
#refinement-modal .procedures-blocks .block-category-link {
font-size: 14px;
}
}
#refinement-modal .procedures-blocks .block-category-link:nth-of-type(2n) {
margin-right: 0;
}
#refinement-modal .procedures-blocks .block-category-link.selected {
border-color: var(--color-orange);
background: var(--color-orange);
color: #fff;
}
#search-location-clinic-types {
color: var(--color-orange);
border-bottom: 1px dashed;
}
#search-location-focal-point {
color: var(--color-navy);
border-bottom: 1px dashed;
}
@media (max-width: 480px) {
#page-main-content {
padding-top: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#page-main-content {
padding-top: calc(1.04167vw + 30px);
}
}
@media (min-width: 1920px) {
#page-main-content {
padding-top: 50px;
}
}
#values {
display: none;
}
@media screen and (min-width: 1024px) {
#values {
display: block;
text-align: center;
margin-bottom: 3.2rem;
}
}
.story {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
overflow: hidden;
position: relative;
background: var(--color-grey);
}
@media (max-width: 480px) {
.story {
height: 200px;
}
}
@media (min-width: 481px) and (max-width: 1023px) {
.story {
height: calc(36.76471vw + 23.52941px);
}
}
@media (min-width: 1024px) {
.story {
height: 400px;
}
}
@media screen and (max-width: 479px) {
.story {
height: 400px;
}
}
@media screen and (max-width: 1023px) {
.story {
margin-bottom: 7em;
}
}
@media screen and (min-width: 1024px) {
.story {
margin-bottom: 7em;
}
} .story__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: 100%;
left: 0 !important;
-webkit-transform: none !important;
transform: none !important;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: 0;
}
.story__item.is-selected {
opacity: 1;
z-index: 1;
}
.story__bg {
position: relative;
background-position: 50%;
background-repeat: none;
background-size: cover;
}
@media screen and (max-width: 479px) {
.story__bg {
width: 100%;
}
}
@media screen and (max-width: 479px) and (max-width: 480px) {
.story__bg {
height: 200px;
}
}
@media screen and (max-width: 479px) and (min-width: 481px) and (max-width: 1919px) {
.story__bg {
height: calc(5.55556vw + 173.33333px);
}
}
@media screen and (max-width: 479px) and (min-width: 1920px) {
.story__bg {
height: 280px;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.story__bg {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.story__bg {
width: 62%;
height: 100%;
float: left;
}
}
@media screen and (min-width: 1024px) and (max-width: 480px) {
.story__bg {
min-height: 320px;
}
}
@media screen and (min-width: 1024px) and (min-width: 481px) and (max-width: 1919px) {
.story__bg {
min-height: calc(8.33333vw + 280px);
}
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
.story__bg {
min-height: 440px;
}
}
.story__placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.story__content {
position: relative;
overflow: visible;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 3rem;
width: 38%;
}
@media screen and (max-width: 479px) {
.story__content {
width: 100%;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.story__content {
width: 50%;
}
}
.story__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
display: block;
}
@media (max-width: 480px) {
.story__title {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.story__title {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.story__title {
font-size: 32px;
}
}
.story .readmore {
margin-top: 1em;
}
.story .flickity-viewport {
width: 100%;
}
.story .flickity-slider {
left: 0 !important;
-webkit-transform: none !important;
transform: none !important;
}
.story .flickity-button {
z-index: 4;
}
.story .flickity-prev-next-button.previous {
left: 10px;
}
.story .flickity-prev-next-button.next {
right: 10px;
}
.three-images {
display: none;
}
@media screen and (min-width: 1024px) {
.three-images {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
.three-images .image {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
width: 33.33333%;
}
.three-images .image:nth-child(1n) {
margin-right: 0;
margin-left: 0;
}
.three-images .image:last-child {
margin-right: 0;
}
.three-images .image:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
.three-images .image img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 1024px) {
#main .three-images:last-child {
margin-bottom: -50px;
}
}
#nl-block input {
width: 100%;
z-index: 3;
}
#doctors-filter-bar {
width: 100%;
max-width: 1720px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 480px) {
#doctors-filter-bar {
padding-left: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#doctors-filter-bar {
padding-left: 6.25vw;
}
}
@media (min-width: 1920px) {
#doctors-filter-bar {
padding-left: 120px;
}
}
@media (max-width: 480px) {
#doctors-filter-bar {
padding-right: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#doctors-filter-bar {
padding-right: 6.25vw;
}
}
@media (min-width: 1920px) {
#doctors-filter-bar {
padding-right: 120px;
}
}
#doctors-filter-bar #doctors-reset,
#doctors-filter-bar select {
margin-bottom: 2.5vw;
}
#doctors-filter-bar #doctors-reset {
display: none;
}
@media screen and (min-width: 1024px) {
#doctors-filter-bar #doctors-reset {
display: inline-block;
margin-left: 1em;
}
}
#doctors-filter-bar select {
background-color: #faf9f7;
color: #bab4aa;
}
.show-more {
display: inline-block;
cursor: pointer;
color: var(--color-orange);
text-align: center;
margin: 5.625vw auto 0;
}
@media (max-width: 480px) {
.show-more {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.show-more {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.show-more {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.show-more {
font-size: 20px;
}
}
@media (max-width: 480px) {
.show-more {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.show-more {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.show-more {
font-size: 14px;
}
}
.show-more p {
padding-bottom: 0.5em;
}
.show-more img {
width: 4.375vw;
margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 480px) {
.show-more {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
.show-more {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
.show-more {
font-size: 24px;
}
}
@media screen and (min-width: 1024px) {
.show-more {
margin-top: 1.3rem;
}
.show-more img {
width: 2.4rem;
}
}
.procedures-icons {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
@media (max-width: 480px) {
.procedures-icons {
margin-top: 80px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedures-icons {
margin-top: calc(2.77778vw + 6.66667px);
}
}
@media (min-width: 1920px) {
.procedures-icons {
margin-top: 120px;
}
}
@media (max-width: 480px) {
.procedures-icons {
margin-bottom: 80px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedures-icons {
margin-bottom: calc(2.77778vw + 6.66667px);
}
}
@media (min-width: 1920px) {
.procedures-icons {
margin-bottom: 120px;
}
}
.page-title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
margin-bottom: 1em;
}
@media (max-width: 480px) {
.page-title {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.page-title {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.page-title {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.page-title {
font-size: 20px;
}
}
@media (max-width: 480px) {
.community-logos {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.community-logos {
margin-top: calc(5.55556vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.community-logos {
margin-top: 120px;
}
}
@media (max-width: 480px) {
.community-logos {
margin-bottom: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.community-logos {
margin-bottom: calc(5.55556vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.community-logos {
margin-bottom: 120px;
}
}
.community-logos__item {
height: 200px;
position: relative;
margin-left: 1em;
margin-right: 1em;
padding: 1em;
}
@media screen and (max-width: 599px) {
.community-logos__item {
width: 100%;
}
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
.community-logos__item {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.community-logos__item {
width: 25%;
}
}
.community-logos__item img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.flickity-prev-next-button.previous {
left: -22px;
}
.flickity-prev-next-button.next {
right: -22px;
}
.select-procedure-widget {
height: 100vh;
width: 100%;
margin-bottom: -20rem;
padding-top: 5rem;
}
.select-procedure-widget-button {
background-color: var(--color-navy);
color: #fff !important;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 80px;
text-decoration: none !important;
}
@media (max-width: 480px) {
.select-procedure-widget-button {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.select-procedure-widget-button {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.select-procedure-widget-button {
font-size: 32px;
}
}
.select-procedure-widget-button:active,
.select-procedure-widget-button:focus,
.select-procedure-widget-button:hover {
background-color: var(--color-orange);
}
.grid-mlos .card {
background: #faf9f7;
}
.grid-doctors-minimal {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (max-width: 480px) {
.grid-doctors-minimal a.image-thumb h2 {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.grid-doctors-minimal a.image-thumb h2 {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.grid-doctors-minimal a.image-thumb h2 {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
.grid-doctors-minimal a.image-thumb h2 {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
.grid-doctors-minimal a.image-thumb h2 {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
.grid-doctors-minimal a.image-thumb h2 {
font-size: 24px;
}
}
.grid-doctors-minimal .inner {
display: none;
}
.grid-doctors-expanded {
padding-left: 7.5%;
padding-right: 7.5%;
}
@media screen and (min-width: 768px) {
.grid-doctors-expanded {
width: calc(100% - 3.375em);
margin: 0 auto;
padding: 0;
}
}
@media screen and (min-width: 1024px) {
.grid-doctors-expanded {
width: 100%;
}
}
.grid-doctors-expanded .card {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 99.9%;
-ms-flex-preferred-size: 99.9%;
flex-basis: 99.9%;
max-width: 99.9%;
width: 99.9%;
border-bottom: 1px solid var(--color-orange);
margin: 0;
padding: 0.875em 18.75% 0.875em 0.875em;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/plus.png) no-repeat 100%;
background-size: 3.125% auto;
}
.grid-doctors-expanded .card:nth-child(1n) {
margin-left: 0;
}
.grid-doctors-expanded .card:last-child {
margin-right: 0;
}
.grid-doctors-expanded .card:nth-child(1n) {
margin-right: 0;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.grid-doctors-expanded .card {
padding: 1em 8.90411% 1em 0;
background-size: 10px auto;
}
}
@media screen and (min-width: 1024px) {
.grid-doctors-expanded .card {
border-bottom: none;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
width: 25%;
padding: 0;
background: none;
}
.grid-doctors-expanded .card:nth-child(1n) {
margin-right: 0;
margin-left: 0;
}
.grid-doctors-expanded .card:last-child {
margin-right: 0;
}
.grid-doctors-expanded .card:nth-child(4n) {
margin-right: 0;
margin-left: auto;
}
}
.grid-doctors-expanded a.image-thumb h2 {
color: inherit;
position: relative;
font-size: 5vw;
padding-bottom: 0;
}
@media (max-width: 320px) {
.grid-doctors-expanded a.image-thumb h2 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
.grid-doctors-expanded a.image-thumb h2 {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
.grid-doctors-expanded a.image-thumb h2 {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
.grid-doctors-expanded a.image-thumb h2 {
font-size: 24px;
}
}
.grid-doctors-expanded a.image-thumb h2 span {
transition: none;
opacity: 1;
position: static;
}
.grid-doctors-expanded a.image-thumb h2 span.rollover {
display: none;
}
.grid-doctors-expanded a.image-thumb h2:hover {
background: rgba(29, 79, 145, 0.1);
}
.grid-doctors-expanded a.image-thumb h2:hover span.title {
opacity: 1;
}
@media screen and (min-width: 1024px) {
.grid-doctors-expanded a.image-thumb h2 {
color: #fff;
position: absolute;
transition: background 0.25s ease-in-out;
}
.grid-doctors-expanded a.image-thumb h2 span {
position: absolute;
transition: opacity 0.25s ease-in-out;
}
.grid-doctors-expanded a.image-thumb h2 span.title {
opacity: 1;
}
.grid-doctors-expanded a.image-thumb h2 span.rollover {
opacity: 0;
display: block;
}
.grid-doctors-expanded a.image-thumb h2:hover {
background: rgba(29, 79, 145, 0.5);
}
.grid-doctors-expanded a.image-thumb h2:hover span.title {
opacity: 0;
}
.grid-doctors-expanded a.image-thumb h2:hover span.rollover {
opacity: 1;
}
}
.grid-doctors-expanded .inner p {
font-weight: var(--font-weight-medium);
padding: 0;
}
@media (max-width: 480px) {
.grid-doctors-expanded .inner p {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.grid-doctors-expanded .inner p {
font-size: calc(0.27778vw + 14.66667px);
}
}
@media (min-width: 1920px) {
.grid-doctors-expanded .inner p {
font-size: 20px;
}
}
.grid-doctors-expanded .readmore,
.grid-doctors-expanded img {
display: none;
}
@media screen and (min-width: 1024px) {
.grid-doctors-expanded img {
display: block;
}
}
.grid-doctors-expanded span.plus {
display: none;
}
@media screen and (min-width: 1024px) {
.grid-doctors-expanded span.plus {
display: inline;
}
}
.grid-doctors-expanded .card .inner {
padding: 0;
}
@media screen and (min-width: 1024px) {
.grid-doctors-expanded .card .inner {
padding: 2rem;
}
}
#register-events {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(83.25% - 5.83333px);
-ms-flex-preferred-size: calc(83.25% - 5.83333px);
flex-basis: calc(83.25% - 5.83333px);
max-width: calc(83.25% - 5.83333px);
width: calc(83.25% - 5.83333px);
margin-left: calc(8.325% + 2.91667px) !important;
}
#register-events:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#register-events:last-child {
margin-right: 0;
}
#register-events:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.tick img {
display: inline-block;
height: 0.7em;
vertical-align: baseline;
}
.flexi-form form {
width: 100%;
}
.drname {
padding-bottom: 0.5em;
}
.wpforms-field-hp {
display: none !important;
}
.event-enquiries-form {
margin-top: 4rem;
}
.event-enquiries-form label {
display: none;
}
@media screen and (min-width: 1024px) {
.event-enquiries-form .wpforms-field-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
.event-enquiries-form .wpforms-field {
width: 100%;
}
@media screen and (min-width: 1024px) {
.event-enquiries-form .wpforms-field {
float: left;
width: calc(50% - 1rem);
margin-left: 1rem;
}
}
.event-enquiries-form #wpforms-643-field_2-container,
.event-enquiries-form #wpforms-643-field_3-container,
.event-enquiries-form #wpforms-643-field_7-container,
.event-enquiries-form .wpforms-field input,
.event-enquiries-form .wpforms-field select,
.event-enquiries-form .wpforms-field textarea {
width: 100%;
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-643-field_2-container,
.event-enquiries-form #wpforms-643-field_3-container,
.event-enquiries-form #wpforms-643-field_7-container {
width: calc(25% - 1rem);
}
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-643-field_8-container {
width: calc(10% - 1rem);
}
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-643-field_14-container {
width: calc(15% - 1rem);
}
}
.event-enquiries-form #wpforms-643-field_13-container {
width: 100%;
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-643-field_2-container,
.event-enquiries-form #wpforms-643-field_5-container,
.event-enquiries-form #wpforms-643-field_7-container,
.event-enquiries-form #wpforms-643-field_11-container,
.event-enquiries-form #wpforms-643-field_13-container {
margin-left: 0;
}
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-643-field_13-container,
.event-enquiries-form .wpforms-submit-container {
margin-right: 1rem;
}
}
.event-enquiries-form #wpforms-663-field_2-container,
.event-enquiries-form #wpforms-663-field_3-container,
.event-enquiries-form #wpforms-663-field_7-container {
width: 100%;
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-663-field_2-container,
.event-enquiries-form #wpforms-663-field_3-container,
.event-enquiries-form #wpforms-663-field_7-container {
width: calc(25% - 1rem);
}
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-663-field_8-container {
width: calc(10% - 1rem);
}
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-663-field_14-container {
width: calc(15% - 1rem);
}
}
.event-enquiries-form #wpforms-663-field_13-container {
width: 100%;
}
.event-enquiries-form #wpform-field-hp {
display: none;
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-663-field_2-container,
.event-enquiries-form #wpforms-663-field_5-container,
.event-enquiries-form #wpforms-663-field_7-container,
.event-enquiries-form #wpforms-663-field_11-container,
.event-enquiries-form #wpforms-663-field_13-container {
margin-left: 0;
}
}
@media screen and (min-width: 1024px) {
.event-enquiries-form #wpforms-663-field_13-container,
.event-enquiries-form .wpforms-submit-container {
margin-right: 1rem;
}
}
#goog-fixurl {
width: 100%;
margin-top: 4rem;
}
#goog-fixurl ul {
list-style: none;
padding: 0;
}
#goog-fixurl li {
list-style: none;
padding: 0 !important;
}
#goog-fixurl li:before {
display: none;
}
.flatpickr-calendar {
}
.swal2-popup {
width: 90% !important;
}
.swal2-popup h4 {
text-transform: none;
}
.swal2-popup li {
list-style: disc;
width: 100%;
}
.swal2-popup .online-booking-cta {
margin-top: 0;
}
@media (min-width: 1024px) {
.swal2-popup {
width: 50% !important;
}
}
.swal2-confirm {
background-color: var(--color-navy) !important;
width: 100% !important;
margin: 0 !important;
border-radius: 0 !important;
}
.swal2-close {
top: 1rem !important;
right: 1rem !important;
}
.swal2-close:hover {
color: var(--color-navy) !important;
}
.popup-content--hidden {
display: none;
}
.mm-page {
box-sizing: border-box;
position: relative;
}
.mm-slideout {
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
z-index: 1;
}
.mm-wrapper_opened {
overflow-x: hidden;
position: relative;
}
.mm-wrapper_background .mm-page {
background: inherit;
}
.mm-menu_offcanvas {
display: none;
position: fixed;
right: auto;
z-index: 0;
}
.mm-menu_offcanvas.mm-menu_opened {
display: block;
}
.mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms {
z-index: 10;
}
.mm-menu_offcanvas {
width: 80%;
min-width: 240px;
max-width: 440px;
}
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
-webkit-transform: translate3d(80vw, 0, 0);
transform: translate3d(80vw, 0, 0);
}
@media (max-width: 300px) {
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
-webkit-transform: translate3d(240px, 0, 0);
transform: translate3d(240px, 0, 0);
}
}
@media (min-width: 550px) {
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0);
}
}
.mm-wrapper__blocker {
background: rgba(3, 2, 1, 0);
overflow: hidden;
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
.mm-wrapper_blocking,
.mm-wrapper_blocking body {
overflow: hidden;
}
.mm-wrapper_blocking .mm-wrapper__blocker {
display: block;
} .mm-menu {
--mm-line-height: $mm_lineHeight;
--mm-listitem-size: $mm_listitemSize;
--mm-navbar-size: $mm_navbarSize;
}
.mm-hidden {
display: none !important;
}
.mm-wrapper {
overflow-x: hidden;
position: relative;
}
.mm-menu {
line-height: 20px;
line-height: var(--mm-line-height);
box-sizing: border-box;
background: inherit;
display: block;
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
z-index: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
color: inherit;
text-decoration: none;
}
[dir="rtl"] .mm-menu {
direction: rtl;
}
.mm-panels,
.mm-panels > .mm-panel {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.mm-panel,
.mm-panels {
background: inherit;
border-color: inherit;
box-sizing: border-box;
margin: 0;
}
.mm-panels {
overflow: hidden;
}
.mm-panel {
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
padding: 0 20px;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.mm-panel:not(.mm-hidden) {
display: block;
}
.mm-panel:after,
.mm-panel:before {
content: "";
display: block;
height: 20px;
}
.mm-panel_has-navbar {
padding-top: 44px;
padding-top: var(--mm-navbar-size);
}
.mm-panel_opened {
z-index: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.smallmenu,
.mm-panels,
.mm-panel_opened {
overflow-y: auto;
}
.mm-panel_opened-parent {
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
}
.mm-panel_highest {
z-index: 2;
}
.mm-panel_noanimation {
transition: none !important;
}
.mm-panel_noanimation.mm-panel_opened-parent {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[dir="rtl"] .mm-panel:not(.mm-panel_opened) {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[dir="rtl"] .mm-panel.mm-panel_opened-parent {
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
}
.mm-listitem_vertical > .mm-panel {
-webkit-transform: none !important;
transform: none !important;
display: none;
width: 100%;
padding: 10px 0 10px 10px;
}
.mm-listitem_vertical > .mm-panel:after,
.mm-listitem_vertical > .mm-panel:before {
content: none;
display: none;
}
.mm-listitem_opened > .mm-panel {
display: block;
}
.mm-listitem_vertical > .mm-listitem__btn {
height: 44px;
height: var(--mm-listitem-size);
bottom: auto;
}
.mm-listitem_vertical .mm-listitem:last-child:after {
border-color: transparent;
}
.mm-listitem_opened > .mm-listitem__btn:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
right: 19px;
}
.mm-btn {
box-sizing: border-box;
width: 44px;
padding: 0;
}
.mm-btn_close:after,
.mm-btn_close:before {
content: "";
border: 2px solid transparent;
box-sizing: content-box;
display: block;
width: 5px;
height: 5px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mm-btn_close:before {
border-right: none;
border-bottom: none;
right: 18px;
}
.mm-btn_close:after {
border-left: none;
border-top: none;
right: 25px;
}
.mm-btn_next:after,
.mm-btn_prev:before {
content: "";
border-top: 2px solid transparent;
border-left: 2px solid transparent;
box-sizing: content-box;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
}
.mm-btn_prev:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto;
}
.mm-btn_next:after {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 23px;
left: auto;
}
[dir="rtl"] .mm-btn_next:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto;
}
[dir="rtl"] .mm-btn_prev:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 23px;
left: auto;
}
[dir="rtl"] .mm-btn_close:after,
[dir="rtl"] .mm-btn_close:before {
right: auto;
}
[dir="rtl"] .mm-btn_close:before {
left: 25px;
}
[dir="rtl"] .mm-btn_close:after {
left: 18px;
}
.mm-navbar {
border-bottom: 1px solid;
border-color: inherit;
text-align: center;
display: none;
height: 44px;
height: var(--mm-navbar-size);
padding: 0 44px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 1;
transition: opacity 0.4s ease;
}
.mm-navbar > * {
box-sizing: border-box;
display: block;
padding: 12px;
padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5);
padding-left: 0;
padding-right: 0;
}
.mm-navbar a,
.mm-navbar a:hover {
text-decoration: none;
}
.mm-navbar__title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mm-navbar__btn {
bottom: 0;
}
.mm-navbar__btn:first-child {
text-align: left;
left: 0;
}
.mm-navbar__btn:last-child {
text-align: right;
right: 0;
}
.mm-panel_has-navbar .mm-navbar {
display: block;
}
[dir="rtl"] .mm-navbar__btn:first-child {
text-align: right;
right: 0;
left: auto;
}
[dir="rtl"] .mm-navbar__btn:last-child {
text-align: left;
left: 0;
right: auto;
}
.mm-listitem,
.mm-listview {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.mm-listview {
height:100%;
overflow-y: auto;
}
.mm-listitem,
.mm-listitem:after,
.mm-listitem__btn,
.mm-listview {
border-color: inherit;
}
.mm-panels > .mm-panel > .mm-listview {
margin: 20px -20px;
}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: -20px;
}
.mm-listitem {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mm-listitem:after {
content: "";
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
left: 20px;
right: 0;
bottom: 0;
}
.mm-listitem a {
display: flex;
align-items: center;
}
.mm-listitem a,
.mm-listitem a:hover {
text-decoration: none;
}
.mm-listitem__btn,
.mm-listitem__text {
color: inherit;
display: block;
padding-top: 12px;
padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
padding-bottom: 12px;
padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
}
.mm-listitem__text span{
margin-top:1rem;
}
.mm-listitem__text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 20px;
padding-right: 10px;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 10%;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
}
.mm-listitem__btn {
background: rgba(3, 2, 1, 0);
width: auto;
padding-right: 54px;
position: relative;
}
.mm-listitem__btn:not(.mm-listitem__text) {
border-left-width: 1px;
border-left-style: solid;
}
.mm-listitem_divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 75%;
text-transform: uppercase;
min-height: 20px;
min-height: var(--mm-line-height);
padding: 6.5px 10px 10px 20px;
padding-top: calc(
(var(--mm-listitem-size) * 0.75 - var(--mm-line-height)) * 0.5
);
padding-bottom: 6.5px;
padding-bottom: calc(
(var(--mm-listitem-size) * 0.75 - var(--mm-line-height)) * 0.5
);
}
.mm-listitem_spacer {
padding-top: 44px;
padding-top: var(--mm-listitem-size);
}
.mm-listitem_spacer > .mm-btn_next {
top: 44px;
top: var(--mm-listitem-size);
}
[dir="rtl"] .mm-listitem:after {
left: 0;
right: 20px;
}
[dir="rtl"] .mm-listitem__text {
padding-left: 10px;
padding-right: 20px;
}
[dir="rtl"] .mm-listitem__btn {
padding-left: 54px;
border-left-width: 0;
border-left-style: none;
}
[dir="rtl"] .mm-listitem__btn:not(.mm-listitem__text) {
padding-right: 0;
border-right-width: 1px;
border-right-style: solid;
}
.mm-menu {
background: #f3f3f3;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
}
.mm-menu .mm-navbar {
color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-btn_close:after,
.mm-menu .mm-btn_close:before,
.mm-menu .mm-btn_next:after,
.mm-menu .mm-btn_prev:before {
border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview .mm-btn_next:after {
border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview a:not(.mm-btn_next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
tap-highlight-color: hsla(0, 0%, 100%, 0.4);
}
.mm-menu .mm-listitem_selected > .mm-listitem__text {
background: hsla(0, 0%, 100%, 0.4);
}
.mm-menu .mm-listitem_opened > .mm-listitem__btn,
.mm-menu .mm-listitem_opened > .mm-panel {
background: rgba(0, 0, 0, 0.05);
}
.mm-menu .mm-listitem_divider {
background: rgba(0, 0, 0, 0.05);
}
.mm-sronly {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
width: 1px !important;
min-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
}
.mm-menu_position-right {
left: auto;
right: 0;
}
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
-webkit-transform: translate3d(-80vw, 0, 0);
transform: translate3d(-80vw, 0, 0);
}
@media (max-width: 300px) {
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
-webkit-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0);
}
}
@media (min-width: 550px) {
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
-webkit-transform: translate3d(-440px, 0, 0);
transform: translate3d(-440px, 0, 0);
}
}
.mm-menu_position-bottom,
.mm-menu_position-front,
.mm-menu_position-top {
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
z-index: 2;
}
.mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout,
.mm-menu_position-front.mm-menu_opened ~ .mm-slideout,
.mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
-webkit-transform: none !important;
transform: none !important;
z-index: 0;
}
.mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker,
.mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker,
.mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker {
z-index: 1;
}
.mm-menu_position-front {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mm-menu_position-front.mm-menu_position-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mm-menu_position-bottom,
.mm-menu_position-top {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.mm-menu_position-top {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
height: 80vh;
min-height: 140px;
max-height: 880px;
}
.mm-menu_position-bottom {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
top: auto;
height: 80vh;
min-height: 140px;
max-height: 880px;
}
.mm-wrapper_opening .mm-menu_position-bottom,
.mm-wrapper_opening .mm-menu_position-front,
.mm-wrapper_opening .mm-menu_position-top {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.mm-menu_opened {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: var(--color-navy);
}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: 0;
}
.mm-navbar > * {
padding: 0;
}
.mm-menu .mm-listview a:not(.mm-btn_next) {
transition: all 0.3s ease-in-out;
color: #fff;
padding: 1em;
}
.mm-listitem:after {
border-color: transparent;
background-color: #19437c;
height: 2px;
left: 0;
}
.mm-listitem_selected {
background: #4a72a7;
}
.mm-menu .mm-listitem_selected > a:not(.mm-btn_next),
.mm-menu .mm-listitem_selected > span {
background: #34619c;
color: #fff;
}
.mm-listitem:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background-color: transparent;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center left;
transform-origin: center left;
}
.mm-listitem.mm-listitem_selected:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview .mm-btn_next:after {
border-color: #a5b9d3;
}
.mm-panel_has-navbar .mm-navbar {
padding: initial;
position: relative;
border-color: transparent;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 60px;
}
.icon-card-svg .icon-card {
color: var(--color-white) !important;
width: 18px !important;
height: 18px !important;
margin: 0 10px 0 6px !important;
}
.no-top-margin {
margin-top:0 !important;
}
#mm-2 .mm-navbar {
display:none;
}
.hamburger__open {
background: var(--color-navy) !important;
color: #fff !important;
}
.mm-panel.mm-panel_has-navbar {
padding-top: 60px;
}
.mm-listitem__text,
.mm-navbar__title {
margin-top:4px;
}
.mm-navbar__btn.mm-btn {
position: static;
}
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
color: #fff;
display: block;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mm-navbar__btn {
left: 0 !important;
border-bottom: 2px solid var(--color-orange);
z-index: 1;
}
.mm-navbar__btn,
.mm-navbar__title {
position: absolute;
top: 0;
width: 100%;
}
.mm-navbar__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: 0.05em;
left: 0;
padding-left: 60px;
z-index: 2;
}
@media (max-width: 480px) {
.mm-navbar__title {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.mm-navbar__title {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.mm-navbar__title {
font-size: 14px;
}
}
.mm-menu {
background-color: #fff;
}
.mm-slideout {
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.mm-wrapper_background .mm-page,
html.mm-wrapper_background {
background-color: var(--color-navy);
}
.mm-page:before {
content: "";
display: block;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1000;
opacity: 0;
visibility: hidden;
background-color: rgba(21, 56, 103, 0.75);
transition: opacity 0.75s, visibility 0s 0.75s;
will-change: opacity;
}
.mm-wrapper_opening .mm-page:before {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.mm-listitem .mm-btn_next:hover {
background: var(--color-orange);
}
.mm-listitem .mm-btn_next:hover:after {
border-color: var(--color-navy);
}
.mm-listitem__btn:not(.mm-listitem__text) {
border-left: 2px solid #19437c;
}
.mm-panels {
background-color: var(--color-navy);
}
.mm-panel:after,
.mm-panel:before {
display: none;
}
.mm-panels > .mm-panel > .mm-listview {
margin: 0;
}
.mm-panel {
will-change: transition;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
padding: 0;
}
.mm-listitem {
will-change: opacity, transform;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out,
-webkit-transform 0.3s ease-in-out;
-webkit-transform: translateX(1em);
transform: translateX(1em);
opacity: 0;
}
.mm-listitem:hover {
background: #4a72a7;
}
.mm-wrapper_opening .mm-listitem {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.mm-listitem:first-child {
transition-delay: 0.2s;
}
.mm-listitem:nth-child(2) {
transition-delay: 0.3s;
}
.mm-listitem:nth-child(3) {
transition-delay: 0.4s;
}
.mm-listitem:nth-child(4) {
transition-delay: 0.5s;
}
.mm-listitem:nth-child(5) {
transition-delay: 0.6s;
}
.mm-listitem:nth-child(6) {
transition-delay: 0.7s;
}
.mm-listitem:nth-child(7) {
transition-delay: 0.8s;
}
.mm-listitem:nth-child(8) {
transition-delay: 0.9s;
}
.mm-listitem:nth-child(9) {
transition-delay: 1s;
}
.mm-listitem:nth-child(10) {
transition-delay: 1.1s;
}
.mm-listitem .icon {
margin-right: 0.5em;
color: hsla(0, 0%, 100%, 0.5);
}
.mm-listitem .icon-calendar {
fill: var(--color-navy);
color: #fff !important;
font-size: 20px;
}
@media screen and (max-width: 1023px) {
.mm-listitem .icon-angle-down {
display: none;
}
}
.mm-listitem__text {
padding: 0;
}
.mm-wrapper_opened .header { }
.smallmenu {
height: 100vh;
position: fixed;
}
.headroom {
-webkit-transform: none;
transform: none;
}
.headroom,
.headroom .header__logo {
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform-origin: top left;
transform-origin: top left;
}
.headroom--unpinned {
-webkit-transform: translateY(-9.5rem);
transform: translateY(-9.5rem);
}
@media screen and (min-width: 1220px) {
.headroom .header__logo {
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.headroom--unpinned {
-webkit-transform: translateY(-12rem);
transform: translateY(-12rem);
}
}
.headroom--unpinned .header__logo {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-caption {
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.85),
rgba(0, 0, 0, 0.3) 50%,
rgba(0, 0, 0, 0.15) 65%,
rgba(0, 0, 0, 0.075) 75.5%,
rgba(0, 0, 0, 0.037) 82.85%,
rgba(0, 0, 0, 0.019) 88%,
transparent
);
}
.fancybox-loading {
-webkit-animation: a 1s linear infinite;
animation: a 1s linear infinite;
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.fancybox-image {
background-color: #fff;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
transform-origin: 0;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.fancybox-caption {
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.85) 0,
rgba(0, 0, 0, 0.3) 50%,
rgba(0, 0, 0, 0.15) 65%,
rgba(0, 0, 0, 0.075) 75.5%,
rgba(0, 0, 0, 0.037) 82.85%,
rgba(0, 0, 0, 0.019) 88%,
transparent
);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: var(--font-weight-regular);
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right))
max(25px, env(safe-area-inset-bottom))
max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid;
border-color: #888 #888 #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes fancybox-rotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: var(--font-weight-medium);
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: var(--font-weight-medium);
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fade-in-sink {
0% {
opacity: 0;
-webkit-transform: scaleY(0.95);
transform: scaleY(0.95);
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes fade-in-sink {
0% {
opacity: 0;
-webkit-transform: scaleY(0.95);
transform: scaleY(0.95);
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes fade-in-slide {
0% {
opacity: 0;
-webkit-transform: scaleX(0.95);
transform: scaleX(0.95);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes fade-in-slide {
0% {
opacity: 0;
-webkit-transform: scaleX(0.95);
transform: scaleX(0.95);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounce {
0% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.wrapper {
background-color: #fff;
width: 100%;
overflow: hidden;
position: relative;
max-width: 100%;
margin: 0 auto;
min-height: 100vh;
}
@media (max-width: 480px) {
.block + .block {
margin-top: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.block + .block {
margin-top: 4.16667vw;
}
}
@media (min-width: 1920px) {
.block + .block {
margin-top: 80px;
}
}
@media (max-width: 480px) {
#main {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
#main {
margin-top: calc(7.35294vw + 4.70588px);
}
}
@media screen and (max-width: 1023px) {
.content {
width: 100%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.content {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(58.275% - 14.58333px);
-ms-flex-preferred-size: calc(58.275% - 14.58333px);
flex-basis: calc(58.275% - 14.58333px);
max-width: calc(58.275% - 14.58333px);
width: calc(58.275% - 14.58333px);
}
.content:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content:last-child {
margin-right: 0;
}
.content:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1280px) {
.content {
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(58.275% - 14.58333px);
-ms-flex-preferred-size: calc(58.275% - 14.58333px);
flex-basis: calc(58.275% - 14.58333px);
max-width: calc(58.275% - 14.58333px);
width: calc(58.275% - 14.58333px);
}
.content:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content:last-child {
margin-right: 0;
}
.content:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.content--basic {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(74.925% - 8.75px);
-ms-flex-preferred-size: calc(74.925% - 8.75px);
flex-basis: calc(74.925% - 8.75px);
max-width: calc(74.925% - 8.75px);
width: calc(74.925% - 8.75px);
margin-left: calc(16.65% + 5.83333px) !important;
}
.content--basic:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content--basic:last-child {
margin-right: 0;
}
.content--basic:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.content--basic {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(66.6% - 11.66667px);
-ms-flex-preferred-size: calc(66.6% - 11.66667px);
flex-basis: calc(66.6% - 11.66667px);
max-width: calc(66.6% - 11.66667px);
width: calc(66.6% - 11.66667px);
margin-left: calc(24.975% + 8.75px) !important;
}
.content--basic:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content--basic:last-child {
margin-right: 0;
}
.content--basic:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1280px) {
.content--basic {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(58.275% - 14.58333px);
-ms-flex-preferred-size: calc(58.275% - 14.58333px);
flex-basis: calc(58.275% - 14.58333px);
max-width: calc(58.275% - 14.58333px);
width: calc(58.275% - 14.58333px);
margin-left: calc(33.3% + 11.66667px) !important;
}
.content--basic:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content--basic:last-child {
margin-right: 0;
}
.content--basic:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.content--basic .quote {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 99.9%;
-ms-flex-preferred-size: 99.9%;
flex-basis: 99.9%;
max-width: 99.9%;
width: 99.9%;
margin-left: 0 !important;
margin-right: 35px !important;
}
.content--basic .quote:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content--basic .quote:last-child {
margin-right: 0;
}
.content--basic .quote:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
@media (max-width: 480px) {
.content--basic .wpforms-container {
margin-top: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.content--basic .wpforms-container {
margin-top: calc(3.125vw + 20px);
}
}
@media (min-width: 1920px) {
.content--basic .wpforms-container {
margin-top: 80px;
}
}
@media (max-width: 480px) {
.content--basic .wpforms-container {
margin-bottom: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.content--basic .wpforms-container {
margin-bottom: calc(3.125vw + 20px);
}
}
@media (min-width: 1920px) {
.content--basic .wpforms-container {
margin-bottom: 80px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.content--fullwidth {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 99.9%;
-ms-flex-preferred-size: 99.9%;
flex-basis: 99.9%;
max-width: 99.9%;
width: 99.9%;
}
.content--fullwidth:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content--fullwidth:last-child {
margin-right: 0;
}
.content--fullwidth:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1280px) {
.content--fullwidth {
margin-left: 0 !important;
margin-right: 35px !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 99.9%;
-ms-flex-preferred-size: 99.9%;
flex-basis: 99.9%;
max-width: 99.9%;
width: 99.9%;
}
.content--fullwidth:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content--fullwidth:last-child {
margin-right: 0;
}
.content--fullwidth:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (max-width: 1023px) and (max-width: 480px) {
.content + .sidebar {
margin-top: 40px;
}
}
@media screen and (max-width: 1023px) and (min-width: 481px) and (max-width: 1919px) {
.content + .sidebar {
margin-top: calc(5.55556vw + 13.33333px);
}
}
@media screen and (max-width: 1023px) and (min-width: 1920px) {
.content + .sidebar {
margin-top: 120px;
}
}
.sidebar {
position: relative;
padding-bottom: 60px;
}
@media screen and (max-width: 1023px) {
.sidebar {
width: 100%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.sidebar {
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
}
.sidebar:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.sidebar:last-child {
margin-right: 0;
}
.sidebar:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1280px) {
.sidebar {
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(24.975% - 26.25px);
-ms-flex-preferred-size: calc(24.975% - 26.25px);
flex-basis: calc(24.975% - 26.25px);
max-width: calc(24.975% - 26.25px);
width: calc(24.975% - 26.25px);
}
.sidebar:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.sidebar:last-child {
margin-right: 0;
}
.sidebar:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.sidebar__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #faf9f7;
z-index: -1;
}
@media screen and (min-width: 1024px) {
.sidebar__background {
left: -60px;
width: calc(100% + 120px);
}
}
.sidebar__background + * {
margin-top: 60px;
}
.sidebar__group + .sidebar__group {
margin-top: 4em;
}
.sidebar__heading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
}
@media (max-width: 480px) {
.sidebar__heading {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.sidebar__heading {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.sidebar__heading {
font-size: 24px;
}
}
.sidebar__content {
margin-top: 2em;
}
.sidebar__list {
list-style: none;
padding: 0;
}
.sidebar__item {
display: block;
width: 100%;
padding-left: 1.5em;
position: relative;
}
.sidebar__item:before {
content: "•";
position: absolute;
top: 0;
left: 0;
color: var(--color-navy);
opacity: 0.25;
}
.sidebar__item + .sidebar__item {
margin-top: 0.5em;
}
.sidebar h3 {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
margin-top: 0.85em;
}
@media (max-width: 480px) {
.sidebar h3 {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.sidebar h3 {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.sidebar h3 {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.sidebar h3 {
font-size: 20px;
}
}
.width-normal {
width: 100%;
max-width: 1720px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
@media (max-width: 480px) {
.gutter-left,
.width-normal {
padding-left: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.gutter-left,
.width-normal {
padding-left: 6.25vw;
}
}
@media (min-width: 1920px) {
.gutter-left,
.width-normal {
padding-left: 120px;
}
}
@media (max-width: 480px) {
.gutter-right,
.width-normal {
padding-right: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.gutter-right,
.width-normal {
padding-right: 6.25vw;
}
}
@media (min-width: 1920px) {
.gutter-right,
.width-normal {
padding-right: 120px;
}
}
@media print, screen and (min-width: 44em) {
.debug-overlay-active .width-normal {
background: rgba(155, 0, 0, 0.3);
}
}
@media print, screen and (min-width: 56.25em) {
.debug-overlay-active .width-normal {
background: rgba(0, 0, 155, 0.3);
}
}
@media print, screen and (min-width: 90em) {
.debug-overlay-active .width-normal {
background: rgba(0, 155, 0, 0.3);
}
}
.width-full {
overflow: hidden;
width: 100%;
max-width: 1720px;
margin: 0 auto;
}
@media (max-width: 480px) {
.width-full {
padding-left: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.width-full {
padding-left: 6.25vw;
}
}
@media (min-width: 1920px) {
.width-full {
padding-left: 120px;
}
}
@media (max-width: 480px) {
.width-full {
padding-right: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.width-full {
padding-right: 6.25vw;
}
}
@media (min-width: 1920px) {
.width-full {
padding-right: 120px;
}
}
#geometric-overlay {
display: none;
pointer-events: none;
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 1024px) {
#geometric-overlay {
display: block;
}
}
#geometric-overlay img {
height: 100%;
pointer-events: none;
width: 30%;
position: absolute;
bottom: 0;
right: 0;
opacity: 0.45;
}
#main {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10vw;
}
@media screen and (min-width: 768px) {
#main {
margin-bottom: 50px;
}
}
#main .doctor,
#main .news-article,
#main .procedure {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: 83.25%;
margin-left: auto;
margin-right: auto;
}
#container {
padding-top: 14rem;
}
#site-header {
position: relative;
z-index: 100;
width: 100%;
position: fixed;
}
@media screen and (min-width: 1220px) {
#site-header {
background: #fff;
padding-bottom: 2rem;
}
}
@media screen and (min-width: 1024px) {
#site-header .no-mobile-margin { }
}
.primary-navigation {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1023px) {
.primary-navigation {
display: none;
}
}
.header {
background: #fff;
z-index: 100;
position: fixed;
top: 0;
left: 0;
}
.header__logo {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.header__logo img {
max-width: 35rem;
width: auto;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header__logo img {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.header__logo img { }
}
@media screen and (min-width: 768px) {
.header__logo img { }
}
@media screen and (max-width: 767px) {
.header__logo { }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.header__logo { }
}
@media screen and (max-width: 1023px) {
.header__logo {
position: absolute;
top: 0;
left: 0;
}
}
@media screen and (max-width: 1220px) {
.header__container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 1024px) {
.header__row { }
}
@media (min-width: 1025px) and (max-width: 1919px) {
.header__row { }
}
@media (min-width: 1920px) {
.header__row { }
}
@media screen and (max-width: 1023px) {
.header__row {
display: none;
}
}
@media screen and (min-width: 1024px) {
.header__row {
margin-left: auto;
}
}
.nav-title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
text-align: left;
position: relative;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 7rem;
min-height: 6rem;
cursor: pointer;
margin-left: calc(24.975% + 8.75px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(74.925% - 8.75px);
-ms-flex-preferred-size: calc(74.925% - 8.75px);
flex-basis: calc(74.925% - 8.75px);
max-width: calc(74.925% - 8.75px);
width: calc(74.925% - 8.75px);
}
.nav-title:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.nav-title:last-child {
margin-right: 0;
}
.nav-title:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
@media (max-width: 480px) {
.nav-title {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.nav-title {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.nav-title {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.nav-title {
font-size: 20px;
}
}
.nav-title__label {
margin-left: 1em;
}
.nav-title__icon {
color: var(--color-orange);
margin-left: auto;
}
.nav-title__button {
background: var(--color-grey);
color: var(--color-navy);
width: inherit;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
box-shadow: none;
padding: 0;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 374px) {
.nav-title__button--online-bookings {
display: none !important;
}
}
.nav-title__button:hover {
background: var(--color-orange);
}
.nav-title__button svg {
height: 32px;
stroke-width: 2px;
width: auto;
}
.nav-title__button--online-bookings svg {
stroke-width: 1px;
}
.nav-title__button .icon {
color: var(--color-navy);
font-size: 1em !important;
margin: 0;
}
.callback .maxi-only {
display: none;
}
@media screen and (min-width: 1024px) {
.callback .maxi-only {
display: inline;
}
}
@media screen and (min-width: 1681px) {
.callback .maxi-only {
display: none;
}
}
.clinic-finder-logo {
width: 19.0625%;
float: right;
}
@media screen and (min-width: 1024px) {
.clinic-finder-logo {
width: auto;
float: left;
}
.clinic-finder-logo .callback {
float: left;
font-weight: var(--font-weight-medium);
color: var(--color-navy);
padding: 0.5em 0;
margin: 0 0.75em;
border-bottom: 5px solid transparent;
}
}
@media screen and (min-width: 1024px) and (max-width: 480px) {
.clinic-finder-logo .callback {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) and (min-width: 481px) and (max-width: 1919px) {
.clinic-finder-logo .callback {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
.clinic-finder-logo .callback {
font-size: 24px;
}
}
@media screen and (min-width: 1024px) {
.clinic-finder-logo .callback:hover {
border-bottom: 5px solid var(--color-orange);
}
.clinic-finder-logo img {
width: 20px;
padding: 1em 0;
}
}
@media screen and (min-width: 1681px) {
.clinic-finder-logo .callback {
padding: 1em 0;
}
}
#footer {
position: relative;
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/footer.png);
background-repeat: no-repeat;
background-size: 100%;
background-color: var(--color-footer-grey);
background-position: bottom center;
}
#nl-block + #footer {
margin-top: 0;
}
.footer {
position: relative;
z-index: 0;
margin-top: 10rem;
}
.single-tc_drjo_procedures #main {
margin-bottom: 0;
}
.single-tc_drjo_procedures .footer {
margin-top: 0;
}
.footer__container {
z-index: 1;
}
@media (max-width: 480px) {
.footer__container {
padding-top: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.footer__container {
padding-top: calc(3.125vw + 20px);
}
}
@media (min-width: 1920px) {
.footer__container {
padding-top: 80px;
}
}
@media (max-width: 480px) {
.footer__container {
padding-bottom: 80px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.footer__container {
padding-bottom: calc(2.77778vw + 66.66667px);
}
}
@media (min-width: 1920px) {
.footer__container {
padding-bottom: 120px;
}
} .footer__block {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
position: relative;
z-index: 1;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media screen and (max-width: 1023px) {
.footer__block + .footer__block {
margin-top: 2rem;
}
}
@media screen and (min-width: 1024px) {
.footer__block + .footer__block {
margin-top: 2.5rem;
}
}
.footer__block li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
font-size:16px;
}
.footer__block li + li {
margin-top: 0.2em;
}
.footer__block a {
line-height: 1.5em;
color: var(--color-navy);
display: inline-block;
font-size:16px;
}
.footer__block a:hover {
text-decoration: underline;
}
.footer__menu {
list-style: none;
padding: 0;
margin: 0;
}
.footer__heading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
line-height: 1.5em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
font-size:18px;
margin-bottom: 3rem;
}
.footer__label {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
font-size:18px;
}
.footer__label a {
line-height: 1.5em;
}
.footer__link {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: #fff;
}
@media (max-width: 480px) {
.footer__link {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1023px) {
.footer__link {
font-size: calc(3.30882vw + -3.88235px);
}
}
@media (min-width: 1024px) {
.footer__link {
font-size: 30px;
}
}
@media (max-width: 1024px) {
.footer__link {
font-size: 14px;
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.footer__link {
font-size: calc(0.22321vw + 11.71429px);
}
}
@media (min-width: 1920px) {
.footer__link {
font-size: 16px;
}
}
.footer__alert {
background-color: var(--color-navy);
padding: 6rem 2rem 2rem;
color: #fff;
text-align: center;
margin: auto;
position: fixed;
width: 100%;
bottom: 0;
z-index: 900;
}
@media (min-width: 1024px) {
.footer__alert {
padding-top: 2rem;
}
}
.footer__alert h1,
.footer__alert h2,
.footer__alert h3,
.footer__alert h4,
.footer__alert h5,
.footer__alert h6 {
color: #fff !important;
font-size: 18px !important;
}
.footer__alert a,
.footer__alert p {
font-size: 14px;
}
@media (max-width: 767px) {
.footer__alert-text {
max-width: 250px;
}
}
.footer__alert a {
color: #fff !important;
padding-left: 1rem;
text-decoration: underline;
}
.footer__alert a:hover {
color: var(--color-orange) !important;
}
.footer__alert-exit {
font-size: 3rem !important;
color: #fff;
position: absolute;
right: 2rem;
top: 1rem;
text-decoration: none !important;
}
.footer .values-strip {
display: block;
background: var(--color-navy);
color: #fff;
text-align: center;
padding: 4.375vw 0;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.footer .values-strip {
padding: 1.9rem 0;
}
}
.values-strip {
display: none;
}
.desktop-row {
position: relative;
}
.flexme {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.tick {
color: #fff;
}
.desk-container-right {
position: relative;
z-index: 2;
}
@media screen and (min-width: 1024px) {
.desk-container-right {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
}
.social-icons {
display: block;
float: right;
height: 100%;
width: auto;
}
.social-icons a {
color: var(--color-navy);
height: 4rem;
width: 4rem;
border: 2px solid var(--color-navy);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.social-icons a:hover {
background: var(--color-navy);
color:white;
}
#copyright {
color: var(--color-grey);
font-size: 18px;
border-top: 1px solid #fff;
padding-top:2rem;
padding-bottom:4rem;
display: flex;
justify-content: space-between;
}
#copyright a {
text-decoration: underline;
font-size: 16px;
color: var(--color-grey);
}
.footer__copyright-alert-active {
padding-bottom: 18rem !important;
}
@media (min-width: 1200px) {
.footer__copyright-alert-active {
padding-bottom: 12rem !important;
}
}
.social-media {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.social-media__item {
border: 1px solid #fff;
color: #fff;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1em;
}
@media (max-width: 0px) {
.social-media__item {
width: 16px;
}
}
@media (min-width: 1px) and (max-width: 1023px) {
.social-media__item {
width: calc(2.34375vw + 16px);
}
}
@media (min-width: 1024px) {
.social-media__item {
width: 40px;
}
}
@media (max-width: 0px) {
.social-media__item {
height: 16px;
}
}
@media (min-width: 1px) and (max-width: 1023px) {
.social-media__item {
height: calc(2.34375vw + 16px);
}
}
@media (min-width: 1024px) {
.social-media__item {
height: 40px;
}
}
.social-media__item + .social-media__item {
margin-left: 0.5em;
}
.social-media__icon {
color: #fff;
}
@media (max-width: 0px) {
.social-media__icon {
font-size: 8px;
}
}
@media (min-width: 1px) and (max-width: 1023px) {
.social-media__icon {
font-size: calc(1.17188vw + 8px);
}
}
@media (min-width: 1024px) {
.social-media__icon {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
.footer .clinic-finder {
display: none;
}
}
@media screen and (max-width: 1023px) {
.clinic-finder {
position: relative;
background: var(--color-orange);
color: var(--color-navy);
display: block;
text-align: center;
z-index: 1;
font-weight: var(--font-weight-medium);
padding: 2rem;
}
.clinic-finder__label span{
margin-top:10px;
}
.clinic-finder__label {
display: flex;
align-items: center;
justify-content: center;
}
.clinic-finder__label svg {
stroke-width: 2px;
}
}
@media screen and (max-width: 1023px) and (max-width: 480px) {
.clinic-finder__label {
font-size: 26px;
}
}
@media screen and (max-width: 1023px) and (min-width: 481px) and (max-width: 1919px) {
.clinic-finder__label {
font-size: calc(1.80556vw + 17.33333px);
}
}
@media screen and (max-width: 1023px) and (min-width: 1920px) {
.clinic-finder__label {
font-size: 52px;
}
}
.desk-only {
display: none;
}
@media screen and (min-width: 1024px) {
.desk-only {
display: block;
}
.desk-only.inline {
display: inline;
}
.desk-only.inline-block {
display: inline-block;
}
}
@media screen and (min-width: 1024px) {
.mobile-only {
display: none;
}
}
.procedure .slice-bottom {
display: none;
}
@media screen and (min-width: 1024px) {
#inner {
overflow: visible;
padding-bottom: 5rem;
}
}
.doctor .sidebar .icon-email,
.news-article .sidebar .icon-email,
.procedure .sidebar .icon-email {
margin-bottom: 24px;
}
.employment-enquiries {
padding-top: 7.5vw;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(87.4125% - 4.375px);
-ms-flex-preferred-size: calc(87.4125% - 4.375px);
flex-basis: calc(87.4125% - 4.375px);
max-width: calc(87.4125% - 4.375px);
width: calc(87.4125% - 4.375px);
}
.employment-enquiries:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.employment-enquiries:last-child {
margin-right: 0;
}
.employment-enquiries:nth-child(8n) {
margin-right: 0;
margin-left: auto;
}
.employment-enquiries .icon {
display: none;
}
@media screen and (min-width: 1024px) {
.employment-enquiries {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
margin-left: calc(49.95% + 17.5px) !important;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding-top: 4.2rem;
}
.employment-enquiries:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.employment-enquiries:last-child {
margin-right: 0;
}
.employment-enquiries:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.employment-enquiries .icon {
display: block;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(16.65% - 29.16667px);
-ms-flex-preferred-size: calc(16.65% - 29.16667px);
flex-basis: calc(16.65% - 29.16667px);
max-width: calc(16.65% - 29.16667px);
width: calc(16.65% - 29.16667px);
}
.employment-enquiries .icon:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.employment-enquiries .icon:last-child {
margin-right: 0;
}
.employment-enquiries .icon:nth-child(6n) {
margin-right: 0;
margin-left: auto;
}
.employment-enquiries .text {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(66.6% - 11.66667px);
-ms-flex-preferred-size: calc(66.6% - 11.66667px);
flex-basis: calc(66.6% - 11.66667px);
max-width: calc(66.6% - 11.66667px);
width: calc(66.6% - 11.66667px);
}
.employment-enquiries .text:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.employment-enquiries .text:last-child {
margin-right: 0;
}
.employment-enquiries .text:nth-child(6n) {
margin-right: 0;
margin-left: auto;
}
}
#speciality-teams {
padding-bottom: 7.5vw;
}
@media screen and (min-width: 1024px) {
#speciality-teams {
padding-bottom: 6rem;
}
}
#holder {
display: none !important;
}
.news-article__date {
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.news-article__date {
margin-top: 80px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.news-article__date {
margin-top: calc(2.77778vw + 66.66667px);
}
}
@media (min-width: 1920px) {
.news-article__date {
margin-top: 120px;
}
}
@media (max-width: 480px) {
.news-article__date {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.news-article__date {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.news-article__date {
font-size: 24px;
}
}
@media screen and (min-width: 1024px) {
.news-article__date {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(66.6% - 11.66667px);
-ms-flex-preferred-size: calc(66.6% - 11.66667px);
flex-basis: calc(66.6% - 11.66667px);
max-width: calc(66.6% - 11.66667px);
width: calc(66.6% - 11.66667px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.news-article__date:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.news-article__date:last-child {
margin-right: 0;
}
.news-article__date:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1024px) {
.news-article .flexme .left {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(66.6% - 11.66667px);
-ms-flex-preferred-size: calc(66.6% - 11.66667px);
flex-basis: calc(66.6% - 11.66667px);
max-width: calc(66.6% - 11.66667px);
width: calc(66.6% - 11.66667px);
margin-left: 0 !important;
margin-right: 35px !important;
}
.news-article .flexme .left:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.news-article .flexme .left:last-child {
margin-right: 0;
}
.news-article .flexme .left:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.expandable-nav {
list-style: none;
}
.expandable-nav,
.expandable-nav__list {
margin: 0;
padding: 0;
}
.expandable-nav,
.expandable-nav__item,
.expandable-nav__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.expandable-nav__item {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
position: relative;
}
@media (max-width: 480px) {
.expandable-nav__item {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.expandable-nav__item {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.expandable-nav__item {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.expandable-nav__item {
font-size: 20px;
}
}
.expandable-nav__item .expandable-nav {
display: none;
}
.expandable-nav__item--open > .expandable-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #faf9f7;
}
.expandable-nav__item--active .expandable-nav,
.expandable-nav__item--active .expandable-nav__item--open .expandable-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #faf9f7;
}
.expandable-nav__link {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom: 1px solid var(--color-grey);
min-height: 2rem;
padding-right: 2.5rem;
}
@media (max-width: 480px) {
.expandable-nav__link {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.expandable-nav__link {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.expandable-nav__link {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.expandable-nav__link {
font-size: 20px;
}
}
.expandable-nav__item--active > .expandable-nav__link,
.expandable-nav__item--open > .expandable-nav__link {
font-weight: var(--font-weight-medium);
padding-left: 0;
padding-right: 2.5rem;
}
.expandable-nav__item--active .expandable-nav__link,
.expandable-nav__item--open .expandable-nav__link {
border-color: #e8e4d9;
padding-left: 2rem;
padding-right: 2rem;
}
.expandable-nav__link:hover {
color: var(--color-orange) !important;
}
.expandable-nav__icon {
position: absolute;
top: 0.5em;
right: 0;
}
.expandable-nav__button {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: block;
width: 2rem;
height: 2rem;
position: absolute;
top: 0;
right: 0;
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
color: var(--color-navy);
}
@media (max-width: 480px) {
.expandable-nav__button {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.expandable-nav__button {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.expandable-nav__button {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.expandable-nav__button {
font-size: 20px;
}
}
.expandable-nav__button:hover {
background: none;
}
.featured-news-content {
padding-top: 6.25vw;
}
@media screen and (min-width: 1024px) {
.featured-news-content {
padding-top: 4rem;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(66.6% - 11.66667px);
-ms-flex-preferred-size: calc(66.6% - 11.66667px);
flex-basis: calc(66.6% - 11.66667px);
max-width: calc(66.6% - 11.66667px);
width: calc(66.6% - 11.66667px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.featured-news-content:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.featured-news-content:last-child {
margin-right: 0;
}
.featured-news-content:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.page-id-188 .show-more,
.page-id-192 .show-more {
display: block;
margin-top: 5.625vw;
margin-bottom: 5.625vw;
}
@media screen and (min-width: 1024px) {
.page-id-188 .show-more,
.page-id-192 .show-more {
margin-top: 1.4rem;
margin-bottom: 1rem;
}
}
.page-id-188 #nl-block,
.page-id-192 #nl-block {
display: none;
}
@media screen and (min-width: 1024px) {
.page-id-188 #nl-block,
.page-id-192 #nl-block {
display: block;
}
}
#grid-for-patients {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
@media (max-width: 480px) {
#grid-for-patients {
padding-top: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#grid-for-patients {
padding-top: calc(0.34722vw + 33.33333px);
}
}
@media (min-width: 1920px) {
#grid-for-patients {
padding-top: 40px;
}
}
@media (max-width: 480px) {
#grid-for-patients {
padding-bottom: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#grid-for-patients {
padding-bottom: calc(0.34722vw + 33.33333px);
}
}
@media (min-width: 1920px) {
#grid-for-patients {
padding-bottom: 40px;
}
}
.clinic__phone {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
margin-top: 0.25em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
color: var(--color-orange) !important;
}
@media (max-width: 480px) {
.clinic__phone {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.clinic__phone {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.clinic__phone {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.clinic__phone {
font-size: 20px;
}
}
.clinic__phone:hover {
text-decoration: underline;
}
.clinic #clinics-map {
position: relative !important;
}
@media screen and (min-width: 1024px) {
.clinic #clinics-map {
position: relative !important;
left: auto;
height: 72rem;
}
}
@media screen and (min-width: 1024px) {
#doctors-reset {
display: inline-block;
width: auto;
text-align: center;
padding: 0 1rem;
min-height: 2.5em;
line-height: 2.5em;
}
}
@media screen and (max-width: 767px) {
#doctors-filter-bar .category-filter {
width: 100%;
margin-top: 1em;
}
}
@media screen and (min-width: 768px) {
#doctors-filter-bar .category-filter {
margin-left: auto;
width: auto;
}
}
#doctors-filter-bar .category-filter .sort-dropdown {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background-color: #faf9f7;
color: var(--color-navy);
border: none;
min-height: 2.5em;
}
@media screen and (max-width: 767px) {
#doctors-filter-bar .category-filter .sort-dropdown {
width: 100%;
}
}
@media screen and (min-width: 768px) {
#doctors-filter-bar .category-filter .sort-dropdown {
display: inline-block;
width: auto;
}
}
.content-margin {
margin: 10rem auto 14rem;
}
.clinic-locations-grid .card .email {
display: block;
}
#clinic-finder-reset {
width: auto;
padding: 0.15em 0.25em;
margin-left: 1em;
}
#latest-news-articles {
margin-top: 6.25vw;
}
@media screen and (min-width: 768px) {
#latest-news-articles {
margin-top: 3rem;
}
}
#teams-wrapper {
background: #faf9f7;
margin-top: 1em;
padding: 7.5%;
}
@media screen and (min-width: 1024px) {
#teams-wrapper {
padding: 4.4rem 3rem;
}
}
#teams-wrapper .flickity-prev-next-button:disabled {
display: none;
}
#teams-wrapper .flickity-prev-next-button {
padding: 0.3125em;
width: 22px;
height: 22px;
}
.team {
position: relative;
width: calc(88% - 40px);
margin-right: 35px;
float: left;
}
@media screen and (min-width: 1024px) {
.team {
width: calc(33% - 40px);
width: calc(20% - 40px);
}
}
.team:after {
position: absolute;
top: 0;
right: -7px;
width: 1px;
height: 90px;
display: block;
content: "";
background: var(--color-orange);
}
@media (max-width: 480px) {
.team h4 {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.team h4 {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.team h4 {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.team h4 {
font-size: 20px;
}
}
.team p {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
@media (max-width: 480px) {
.team p {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.team p {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.team p {
font-size: 14px;
}
}
@media screen and (min-width: 1024px) {
.research-logo-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
#research-logos {
overflow: hidden;
}
@media screen and (min-width: 1024px) {
#research-logos {
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(83.25% - 5.83333px);
-ms-flex-preferred-size: calc(83.25% - 5.83333px);
flex-basis: calc(83.25% - 5.83333px);
max-width: calc(83.25% - 5.83333px);
width: calc(83.25% - 5.83333px);
}
#research-logos:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#research-logos:last-child {
margin-right: 0;
}
#research-logos:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
#research-logos img {
float: left;
height: 25vw;
margin: 35px 18px;
width: auto;
}
@media screen and (min-width: 1024px) {
#research-logos img {
height: 127px;
margin: 35px 18px;
}
}
#research-logos .flickity-prev-next-button:disabled {
display: none;
}
#research-logos .flickity-prev-next-button {
padding: 0.3125em;
width: 22px;
height: 22px;
}
.page-id-198 #nl-block,
.post-type-archive-tc_drjo_events #nl-block {
display: none;
}
.post-type-archive-tc_drjo_events #main {
margin-bottom: 0;
}
.post-type-archive-tc_drjo_doctors #nl-block,
.single-tc_drjo_doctors #nl-block {
display: none;
}
@media screen and (min-width: 1024px) {
.post-type-archive-tc_drjo_doctors #nl-block,
.single-tc_drjo_doctors #nl-block {
display: block;
}
}
@media screen and (min-width: 1024px) {
#commitment {
margin: 0 auto;
width: calc(100% - 3.375em);
background: #faf9f7;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
}
#commitment:before {
content: "";
width: 100%;
height: 47px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/slices/top-slice-white.png) no-repeat 0 0;
background-size: 100% auto;
z-index: 2;
}
}
@media screen and (min-width: 1681px) {
#commitment {
width: calc(100% - 3.375em);
max-width: 140.625em;
}
}
#commitment .detail {
position: relative;
background: #faf9f7;
padding-top: 6.875vw;
}
@media screen and (min-width: 1024px) {
#commitment .detail {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
margin-left: calc(8.325% + 2.91667px) !important;
position: relative;
left: calc(-49.95% - 17.5px);
padding-top: 50px;
}
#commitment .detail:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#commitment .detail:last-child {
margin-right: 0;
}
#commitment .detail:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
#commitment .detail:before {
content: "";
width: 100%;
height: 6.875vw;
display: block;
position: absolute;
top: -6.875vw;
left: 0;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/slices/news-top-slice.png) no-repeat 0 100%;
background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
#commitment .detail:before {
display: none;
}
}
#commitment .image {
position: relative;
height: 100%;
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 1024px) {
#commitment .image {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
position: relative;
left: calc(49.95% + 17.5px);
}
#commitment .image:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#commitment .image:last-child {
margin-right: 0;
}
#commitment .image:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1024px) {
.guidelines .intro-text-wrapper .intro-text,
.guidelines h2 {
margin-left: calc(8.325% + 2.91667px) !important;
}
}
.guidelines h2 {
margin-bottom: 0.5em;
}
.guidelines__wysiwyg {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
margin-bottom: 5em;
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(58.275% - 14.58333px);
-ms-flex-preferred-size: calc(58.275% - 14.58333px);
flex-basis: calc(58.275% - 14.58333px);
max-width: calc(58.275% - 14.58333px);
width: calc(58.275% - 14.58333px);
}
.guidelines__wysiwyg:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.guidelines__wysiwyg:last-child {
margin-right: 0;
}
.guidelines__wysiwyg:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
@media (max-width: 480px) {
.guidelines__wysiwyg {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.guidelines__wysiwyg {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.guidelines__wysiwyg {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.guidelines__wysiwyg {
font-size: 20px;
}
}
#guidelines h3 {
padding-top: 0.5em;
}
@media screen and (min-width: 1024px) and (max-width: 480px) {
#guidelines h3 {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) and (min-width: 481px) and (max-width: 1024px) {
#guidelines h3 {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media screen and (min-width: 1024px) and (min-width: 1025px) and (max-width: 1919px) {
#guidelines h3 {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
#guidelines h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
#guidelines {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(66.6% - 11.66667px);
-ms-flex-preferred-size: calc(66.6% - 11.66667px);
flex-basis: calc(66.6% - 11.66667px);
max-width: calc(66.6% - 11.66667px);
width: calc(66.6% - 11.66667px);
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 35px;
column-gap: 35px;
}
#guidelines:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#guidelines:last-child {
margin-right: 0;
}
#guidelines:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
#guidelines a {
color: inherit;
}
#procedures-grid {
padding-bottom: 10.625vw;
}
@media screen and (min-width: 1024px) {
#procedures-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding-bottom: 46px;
}
}
.card {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.card,
.card__inner {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card__content {
margin-bottom: auto;
}
@media (max-width: 480px) {
.main-content {
padding-top: 60px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.main-content {
padding-top: calc(4.16667vw + 40px);
}
}
@media (min-width: 1920px) {
.main-content {
padding-top: 120px;
}
}
#procedures-submenu-mobile + .main-content,
.intro-text + .main-content {
padding-top: 0;
}
.main-content__title,
.richtext__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.main-content__title,
.richtext__title {
font-size: 26px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.main-content__title,
.richtext__title {
font-size: calc(1.80556vw + 17.33333px);
}
}
@media (min-width: 1920px) {
.main-content__title,
.richtext__title {
font-size: 52px;
}
}
.main-content__title + .main-content,
.main-content__title .richtext__subtitle,
.richtext__title + .main-content,
.richtext__title .richtext__subtitle {
margin-top: 0.25em;
}
.main-content__subtitle,
.richtext__subtitle {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.main-content__subtitle,
.richtext__subtitle {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.main-content__subtitle,
.richtext__subtitle {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.main-content__subtitle,
.richtext__subtitle {
font-size: 32px;
}
}
.main-content h1 + h1,
.main-content h1 + h2,
.main-content h1 + h3,
.main-content h1 + h4,
.main-content h1 + h5,
.main-content h1 + h6,
.main-content h1 + ol,
.main-content h1 + p,
.main-content h1 + span,
.main-content h1 + strong,
.main-content h1 + ul,
.main-content h2 + h1,
.main-content h2 + h2,
.main-content h2 + h3,
.main-content h2 + h4,
.main-content h2 + h5,
.main-content h2 + h6,
.main-content h2 + ol,
.main-content h2 + p,
.main-content h2 + span,
.main-content h2 + strong,
.main-content h2 + ul,
.main-content h3 + h1,
.main-content h3 + h2,
.main-content h3 + h3,
.main-content h3 + h4,
.main-content h3 + h5,
.main-content h3 + h6,
.main-content h3 + ol,
.main-content h3 + p,
.main-content h3 + span,
.main-content h3 + strong,
.main-content h3 + ul,
.main-content h4 + h1,
.main-content h4 + h2,
.main-content h4 + h3,
.main-content h4 + h4,
.main-content h4 + h5,
.main-content h4 + h6,
.main-content h4 + ol,
.main-content h4 + p,
.main-content h4 + span,
.main-content h4 + strong,
.main-content h4 + ul,
.main-content h5 + h1,
.main-content h5 + h2,
.main-content h5 + h3,
.main-content h5 + h4,
.main-content h5 + h5,
.main-content h5 + h6,
.main-content h5 + ol,
.main-content h5 + p,
.main-content h5 + span,
.main-content h5 + strong,
.main-content h5 + ul,
.main-content h6 + h1,
.main-content h6 + h2,
.main-content h6 + h3,
.main-content h6 + h4,
.main-content h6 + h5,
.main-content h6 + h6,
.main-content h6 + ol,
.main-content h6 + p,
.main-content h6 + span,
.main-content h6 + strong,
.main-content h6 + ul,
.main-content ol + h1,
.main-content ol + h2,
.main-content ol + h3,
.main-content ol + h4,
.main-content ol + h5,
.main-content ol + h6,
.main-content ol + ol,
.main-content ol + p,
.main-content ol + span,
.main-content ol + strong,
.main-content ol + ul,
.main-content p + h1,
.main-content p + h2,
.main-content p + h3,
.main-content p + h4,
.main-content p + h5,
.main-content p + h6,
.main-content p + ol,
.main-content p + p,
.main-content p + span,
.main-content p + strong,
.main-content p + ul,
.main-content span + h1,
.main-content span + h2,
.main-content span + h3,
.main-content span + h4,
.main-content span + h5,
.main-content span + h6,
.main-content span + ol,
.main-content span + p,
.main-content span + span,
.main-content span + strong,
.main-content span + ul,
.main-content strong + h1,
.main-content strong + h2,
.main-content strong + h3,
.main-content strong + h4,
.main-content strong + h5,
.main-content strong + h6,
.main-content strong + ol,
.main-content strong + p,
.main-content strong + span,
.main-content strong + strong,
.main-content strong + ul,
.main-content ul + h1,
.main-content ul + h2,
.main-content ul + h3,
.main-content ul + h4,
.main-content ul + h5,
.main-content ul + h6,
.main-content ul + ol,
.main-content ul + p,
.main-content ul + span,
.main-content ul + strong,
.main-content ul + ul,
.richtext h1 + h1,
.richtext h1 + h2,
.richtext h1 + h3,
.richtext h1 + h4,
.richtext h1 + h5,
.richtext h1 + h6,
.richtext h1 + ol,
.richtext h1 + p,
.richtext h1 + span,
.richtext h1 + strong,
.richtext h1 + ul,
.richtext h2 + h1,
.richtext h2 + h2,
.richtext h2 + h3,
.richtext h2 + h4,
.richtext h2 + h5,
.richtext h2 + h6,
.richtext h2 + ol,
.richtext h2 + p,
.richtext h2 + span,
.richtext h2 + strong,
.richtext h2 + ul,
.richtext h3 + h1,
.richtext h3 + h2,
.richtext h3 + h3,
.richtext h3 + h4,
.richtext h3 + h5,
.richtext h3 + h6,
.richtext h3 + ol,
.richtext h3 + p,
.richtext h3 + span,
.richtext h3 + strong,
.richtext h3 + ul,
.richtext h4 + h1,
.richtext h4 + h2,
.richtext h4 + h3,
.richtext h4 + h4,
.richtext h4 + h5,
.richtext h4 + h6,
.richtext h4 + ol,
.richtext h4 + p,
.richtext h4 + span,
.richtext h4 + strong,
.richtext h4 + ul,
.richtext h5 + h1,
.richtext h5 + h2,
.richtext h5 + h3,
.richtext h5 + h4,
.richtext h5 + h5,
.richtext h5 + h6,
.richtext h5 + ol,
.richtext h5 + p,
.richtext h5 + span,
.richtext h5 + strong,
.richtext h5 + ul,
.richtext h6 + h1,
.richtext h6 + h2,
.richtext h6 + h3,
.richtext h6 + h4,
.richtext h6 + h5,
.richtext h6 + h6,
.richtext h6 + ol,
.richtext h6 + p,
.richtext h6 + span,
.richtext h6 + strong,
.richtext h6 + ul,
.richtext ol + h1,
.richtext ol + h2,
.richtext ol + h3,
.richtext ol + h4,
.richtext ol + h5,
.richtext ol + h6,
.richtext ol + ol,
.richtext ol + p,
.richtext ol + span,
.richtext ol + strong,
.richtext ol + ul,
.richtext p + h1,
.richtext p + h2,
.richtext p + h3,
.richtext p + h4,
.richtext p + h5,
.richtext p + h6,
.richtext p + ol,
.richtext p + p,
.richtext p + span,
.richtext p + strong,
.richtext p + ul,
.richtext span + h1,
.richtext span + h2,
.richtext span + h3,
.richtext span + h4,
.richtext span + h5,
.richtext span + h6,
.richtext span + ol,
.richtext span + p,
.richtext span + span,
.richtext span + strong,
.richtext span + ul,
.richtext strong + h1,
.richtext strong + h2,
.richtext strong + h3,
.richtext strong + h4,
.richtext strong + h5,
.richtext strong + h6,
.richtext strong + ol,
.richtext strong + p,
.richtext strong + span,
.richtext strong + strong,
.richtext strong + ul,
.richtext ul + h1,
.richtext ul + h2,
.richtext ul + h3,
.richtext ul + h4,
.richtext ul + h5,
.richtext ul + h6,
.richtext ul + ol,
.richtext ul + p,
.richtext ul + span,
.richtext ul + strong,
.richtext ul + ul {
margin-top: 1.55em;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6,
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
line-height: 1.2em;
}
.main-content ol,
.main-content p,
.main-content span,
.main-content strong,
.main-content ul,
.richtext ol,
.richtext p,
.richtext span,
.richtext strong,
.richtext ul {
line-height: 1.55em;
}
.main-content p + p,
.richtext p + p {
margin-top: 1.55em;
}
.main-content ol,
.main-content ul,
.richtext ol,
.richtext ul {
padding: 0;
}
.main-content .intro-paragraph p,
.richtext .intro-paragraph p {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
}
@media (max-width: 480px) {
.main-content .intro-paragraph p,
.richtext .intro-paragraph p {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.main-content .intro-paragraph p,
.richtext .intro-paragraph p {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.main-content .intro-paragraph p,
.richtext .intro-paragraph p {
font-size: 32px;
}
}
.content ul {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.content li:not(.expandable-nav__item) {
padding-left: 1.5em;
position: relative;
width: 100%;
display: block;
}
.content li:not(.expandable-nav__item):before {
content: "•";
opacity: 0.25;
position: absolute;
top: 0;
left: 0;
color: var(--color-navy);
}
.content li:not(.expandable-nav__item) + li {
margin-top: 0.5em;
}
.content a {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
text-decoration: underline;
transition: all 0.3s ease-in-out;
}
.content a:hover {
color: var(--color-orange);
}
.richtext + .richtext {
margin-top: 4em;
}
@media (max-width: 480px) {
.intro-text {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.intro-text {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.intro-text {
font-size: 24px;
}
}
@media (max-width: 480px) {
.intro-text {
margin-top: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.intro-text {
margin-top: calc(1.38889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.intro-text {
margin-top: 40px;
}
}
@media (max-width: 480px) {
.intro-text {
margin-bottom: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.intro-text {
margin-bottom: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.intro-text {
margin-bottom: 80px;
}
}
.intro-text__primary {
font-weight: var(--font-weight-regular);
line-height: 1.25em;
}
@media (max-width: 480px) {
.intro-text__primary {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.intro-text__primary {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.intro-text__primary {
font-size: 32px;
}
}
@media screen and (max-width: 1023px) {
.intro-text__primary {
width: 100%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.intro-text__primary {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(58.275% - 14.58333px);
-ms-flex-preferred-size: calc(58.275% - 14.58333px);
flex-basis: calc(58.275% - 14.58333px);
// max-width: calc(58.275% - 14.58333px);
width: calc(58.275% - 14.58333px);
}
.intro-text__primary:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.intro-text__primary:last-child {
margin-right: 0;
}
.intro-text__primary:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
} .intro-text__primary * {
font-weight: var(--font-weight-regular);
line-height: 1.25em;
color: var(--color-navy);
} 
@media (max-width: 480px) {
.intro-text__primary * {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.intro-text__primary * {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.intro-text__primary * {
font-size: 32px;
}
}
.intro-text__secondary {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(24.975% - 26.25px);
-ms-flex-preferred-size: calc(24.975% - 26.25px);
flex-basis: calc(24.975% - 26.25px);
max-width: calc(24.975% - 26.25px);
width: calc(24.975% - 26.25px);
margin-left: calc(8.325% + 2.91667px) !important;
padding-left: 4.16667%;
border-left: 1px solid var(--color-orange);
color: #bdc3c7;
}
.intro-text__secondary:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.intro-text__secondary:last-child {
margin-right: 0;
}
.intro-text__secondary:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
@media (max-width: 480px) {
.intro-text__secondary {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.intro-text__secondary {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.intro-text__secondary {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.intro-text__secondary {
font-size: 20px;
}
}
@media (max-width: 480px) {
.featured-text-block {
margin-top: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-text-block {
margin-top: 4.16667vw;
}
}
@media (min-width: 1920px) {
.featured-text-block {
margin-top: 80px;
}
}
@media (max-width: 480px) {
.featured-text-block {
margin-bottom: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-text-block {
margin-bottom: 4.16667vw;
}
}
@media (min-width: 1920px) {
.featured-text-block {
margin-bottom: 80px;
}
}
@media screen and (min-width: 1024px) {
.featured-text-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
@media (max-width: 480px) {
.featured-text-group__item {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-text-group__item {
margin-top: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.featured-text-group__item {
margin-top: 80px;
}
}
@media screen and (max-width: 1023px) {
.featured-text-group__item {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media screen and (min-width: 1024px) {
.featured-text-group__item {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.featured-text-group__item:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.featured-text-group__item:last-child {
margin-right: 0;
}
.featured-text-group__item:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.featured-text-group__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.featured-text-group__title {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-text-group__title {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.featured-text-group__title {
font-size: 32px;
}
}
.featured-text-group__content {
margin-top: 2em;
}
.featured-text-group__content * {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
}
@media (max-width: 480px) {
.featured-text-group__content * {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.featured-text-group__content * {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.featured-text-group__content * {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.featured-text-group__content * {
font-size: 20px;
}
}
.featured-text-group__icon {
display: block;
margin-bottom: 0.3em;
}
@media (max-width: 480px) {
.featured-text-group__icon {
font-size: 32px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-text-group__icon {
font-size: calc(3.33333vw + 16px);
}
}
@media (min-width: 1920px) {
.featured-text-group__icon {
font-size: 80px;
}
}
.content .featured-text-group {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 1024px) {
.content .featured-text-group__item {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(41.625% - 20.41667px);
-ms-flex-preferred-size: calc(41.625% - 20.41667px);
flex-basis: calc(41.625% - 20.41667px);
max-width: calc(41.625% - 20.41667px);
width: calc(41.625% - 20.41667px);
margin-left: 0 !important;
margin-right: 35px !important;
}
.content .featured-text-group__item:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.content .featured-text-group__item:last-child {
margin-right: 0;
}
.content .featured-text-group__item:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.quote {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: block;
color: var(--color-navy);
border-left: 1px solid var(--color-orange);
}
@media (max-width: 480px) {
.quote {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.quote {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.quote {
font-size: 24px;
}
}
@media (max-width: 480px) {
.quote {
padding-left: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.quote {
padding-left: calc(1.38889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.quote {
padding-left: 40px;
}
}
@media screen and (max-width: 1023px) {
.quote {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 99.9%;
-ms-flex-preferred-size: 99.9%;
flex-basis: 99.9%;
max-width: 99.9%;
width: 99.9%;
}
.quote:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.quote:last-child {
margin-right: 0;
}
.quote:nth-child(1n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1024px) {
.quote {
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(83.25% - 5.83333px);
-ms-flex-preferred-size: calc(83.25% - 5.83333px);
flex-basis: calc(83.25% - 5.83333px);
max-width: calc(83.25% - 5.83333px);
width: calc(83.25% - 5.83333px);
}
.quote:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.quote:last-child {
margin-right: 0;
}
.quote:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.quote--intro {
border: none;
padding-left: 0;
color: var(--color-navy);
}
@media (max-width: 480px) {
.quote--intro {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.quote--intro {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.quote--intro {
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
.quote--intro {
margin-left: 0 !important;
margin-right: 35px !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(83.25% - 5.83333px);
-ms-flex-preferred-size: calc(83.25% - 5.83333px);
flex-basis: calc(83.25% - 5.83333px);
max-width: calc(83.25% - 5.83333px);
width: calc(83.25% - 5.83333px);
}
.quote--intro:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.quote--intro:last-child {
margin-right: 0;
}
.quote--intro:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
form li {
padding-left: 0 !important;
}
form li:before {
display: none;
}
.wpforms-field {
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.wpforms-field {
margin-bottom: 2rem;
}
}
.wpforms-field select {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
padding: 1.5rem;
}
@media (max-width: 480px) {
.wpforms-field select {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.wpforms-field select {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.wpforms-field select {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.wpforms-field select {
font-size: 20px;
}
}
.wpforms-submit {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
padding-left: 2em;
padding-right: 2em;
}
@media (max-width: 480px) {
.wpforms-submit {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.wpforms-submit {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.wpforms-submit {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.wpforms-submit {
font-size: 20px;
}
}
@media screen and (max-width: 599px) {
.wpforms-one-half {
max-width: 100% !important;
width: 100% !important;
-webkit-flex-basis: 100% !important;
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
}
}
@media screen and (max-width: 767px) {
.wpforms-one-half {
margin-bottom: 2rem;
}
}
.wpforms-field-label {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
margin-bottom: 0.75em;
}
@media (max-width: 480px) {
.wpforms-field-label {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.wpforms-field-label {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.wpforms-field-label {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.wpforms-field-label {
font-size: 20px;
}
}
.wpforms-field-sublabel {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.wpforms-field-sublabel {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.wpforms-field-sublabel {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.wpforms-field-sublabel {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.wpforms-field-sublabel {
font-size: 20px;
}
}
.wpforms-field-description {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
margin-top: 1em;
}
@media (max-width: 480px) {
.wpforms-field-description {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.wpforms-field-description {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.wpforms-field-description {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.wpforms-field-description {
font-size: 20px;
}
}
.wpforms-error {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-orange);
}
@media (max-width: 480px) {
.wpforms-error {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.wpforms-error {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.wpforms-error {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.wpforms-error {
font-size: 20px;
}
}
.wpforms-field.heading label {
font-size: 2em;
}
.wpforms-field.heading input {
display: none;
}
.wpforms-field-row,
ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.wpforms-list-2-columns li,
.wpforms-one-half {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
}
.wpforms-list-2-columns li:nth-child(1n),
.wpforms-one-half:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.wpforms-list-2-columns li:last-child,
.wpforms-one-half:last-child {
margin-right: 0;
}
.wpforms-list-2-columns li:nth-child(2n),
.wpforms-one-half:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
label {
display: block;
color: var(--color-navy);
}
input,
input[type="email"],
input[type="number"],
input[type="text"],
textarea {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
width: 100%;
}
@media (max-width: 480px) {
input,
input[type="email"],
input[type="number"],
input[type="text"],
textarea {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
input,
input[type="email"],
input[type="number"],
input[type="text"],
textarea {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
input,
input[type="email"],
input[type="number"],
input[type="text"],
textarea {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
input,
input[type="email"],
input[type="number"],
input[type="text"],
textarea {
font-size: 20px;
}
}
input[type="checkbox"],
input[type="radio"] {
width: 4vw;
height: 4vw;
}
@media screen and (min-width: 1024px) {
input[type="checkbox"],
input[type="radio"] {
width: 24px;
height: 24px;
}
}
.wpforms-field-hp {
display: none;
}
ul {
list-style: none;
margin-left: 0;
padding: 0.5em;
}
ul label {
margin-left: 0.5em;
margin-right: 0.5em;
color: var(--color-navy);
display: inline-block;
line-height: 4vw;
vertical-align: top;
}
@media screen and (min-width: 1024px) {
ul label {
line-height: 24px;
}
}
.event-enquiries-form select.wpforms-field-medium {
background-color: #fff;
padding-right: 4rem;
text-overflow: ellipsis;
}
.contact-details {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
width: 100%;
overflow: hidden;
padding: 0;
}
.contact-details__link {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
display: inline-block;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
transition: all 0.3s;
}
@media (max-width: 480px) {
.contact-details__link {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.contact-details__link {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.contact-details__link {
font-size: 16px;
}
}
.contact-details__link .icon {
margin-right: 0.5em;
-webkit-transform: translateY(0.25em);
transform: translateY(0.25em);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.contact-details__link:hover {
color: var(--color-orange);
text-decoration: underline;
}
#hours {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
margin-bottom: 3em;
}
@media (max-width: 480px) {
#hours {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#hours {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
#hours {
font-size: 16px;
}
}
#hours .column h2 {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
}
@media (max-width: 480px) {
#hours .column h2 {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
#hours .column h2 {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
#hours .column h2 {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
#hours .column h2 {
font-size: 20px;
}
}
#hours .heading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
}
@media (max-width: 480px) {
#hours .heading {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
#hours .heading {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
#hours .heading {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
#hours .heading {
font-size: 20px;
}
}
.info-table__title {
margin-bottom: 1em;
}
.info-table__row {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-top: 1px solid #e8e4d9;
}
.info-table__column {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0.75em;
margin: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-table__column--heading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
.info-table__column:nth-of-type(odd) {
background: #faf9f7;
}
#clinic-finder-filter-bar {
padding-bottom: 36px;
}
#clinic-finder-reset {
display: none;
}
.controls .pipe {
padding: 0 0.25em;
}
#clinics-map {
width: 100%;
background-size: contain;
}
#search-location {
height: 30px;
line-height: 30px;
font-size: 18px;
}
.info-window__title {
font-weight: var(--font-weight-medium);
margin-bottom: 0.35em;
}
.info-window__address {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
}
@media (max-width: 480px) {
.info-window__address {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.info-window__address {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.info-window__address {
font-size: 14px;
}
}
.info-window__phone {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
}
@media (max-width: 480px) {
.info-window__phone {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.info-window__phone {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.info-window__phone {
font-size: 14px;
}
}
.info-window__phone + .info-window__link {
margin-left: 0.5em;
}
.info-window__link {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
}
@media screen and (max-width: 1023px) {
.info-window .info-window__link,
.info-window .info-window__phone {
display: block;
margin: 1em 0 0;
}
}
.info-window {
width: 100%;
max-width: 360px;
}
.info-window__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
display: block;
width: 100%;
}
@media (max-width: 480px) {
.info-window__title {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.info-window__title {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.info-window__title {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.info-window__title {
font-size: 20px;
}
}
.info-window__info {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
display: block;
width: 100%;
}
@media (max-width: 480px) {
.info-window__info {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.info-window__info {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.info-window__info {
font-size: 14px;
}
}
.info-window__link {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-orange);
display: block;
width: 100%;
text-decoration: underline;
}
@media (max-width: 480px) {
.info-window__link {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.info-window__link {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.info-window__link {
font-size: 14px;
}
}
.info-window__link:hover {
text-decoration: none;
}
.headroom--unpinned {
top: 0;
}
.header-hide .header__alert,
.headroom--unpinned .header__alert {
display: none;
}
.header-hide .header {
top: 0;
}
.primary-nav {
position: relative;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0;
list-style: none;
justify-content: space-between;
padding: 0.5em 0.5em 0 0.5em;
}
@media screen and (max-width: 1023px) {
.primary-nav {
background: #fff;
display: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: fixed;
top: 6rem;
left: 0;
bottom: 0;
height: calc(100% - 6rem);
overflow-y: scroll;
}
}
.primary-nav--open {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.primary-nav:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transform: scaleX(3);
transform: scaleX(3);
}
@media screen and (max-width: 1023px) {
.primary-nav:before {
display: none;
}
}
.primary-nav__item {
position: relative;
}
@media screen and (min-width: 1440px) {
}
.primary-nav__item:not(.primary-nav__item--description) {
z-index: 1;
}
.primary-nav__item--alt-nav-children .primary-nav__children {
left: auto;
right: 0;
}
@media screen and (max-width: 1023px) {
.primary-nav__item {
width: 100%;
}
}
.primary-nav__item--open .primary-nav__children {
display: block;
}
.primary-nav__link {
padding-top: 0.5rem;
padding-bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 480px) {
.primary-nav__link {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1023px) {
.primary-nav__link {
font-size: 22px;
}
}
@media (max-width: 1024px) {
.primary-nav__link {
padding-left: 12px;
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.primary-nav__link {
padding-left: calc(1.78571vw + -6.28571px);
}
}
@media (min-width: 1920px) {
.primary-nav__link {
padding-left: 28px;
}
}
@media (max-width: 1024px) {
.primary-nav__link {
padding-right: 12px;
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.primary-nav__link {
padding-right: calc(1.78571vw + -6.28571px);
}
}
@media (min-width: 1920px) {
.primary-nav__link {
padding-right: 28px;
}
}
@media screen and (max-width: 1023px) {
.primary-nav__link {
color: var(--color-navy);
}
}
@media screen and (min-width: 1024px) {
.primary-nav__link {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
.primary-nav__link:hover {
color: var(--color-navy);
}
.primary-nav__link:focus + .primary-nav__children,
.primary-nav__link:hover + .primary-nav__children {
visibility: visible;
transition-delay: 0s;
}
}
@media screen and (min-width: 1024px) {
.primary-nav__find-clinic {
color: #fff;
}
}
.primary-nav__find-clinic .icon {
margin-left: 1rem;
}
.primary-nav .icon {
color: #fff;
margin-left: 1em;
display: inline-block;
}
.primary-nav__button {
display: none;
border: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
color: var(--color-navy);
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.primary-nav__button:hover {
background: none;
}
.primary-nav__item--open .icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
.primary-nav__button {
position: absolute;
top: 0;
right: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 6rem;
height: 6rem;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.primary-nav__children {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
position: relative;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.children.primary-nav__children:before,
.children.primary-nav__children:after {
content: none;
}
@media (min-width: 1025px) and (max-width: 1680px) {
.primary-nav__children {
width: calc(-30.4414vw + 1011.71994px);
}
}
@media (min-width: 1681px) {
.primary-nav__children {
width: 500px;
}
}
@media screen and (min-width: 1024px) {
.primary-nav__children {
background: var(--color-header-grey);
padding: 2rem 2rem 0;
position: absolute;
z-index: 1;
left:0;
top:4.5rem;
visibility: hidden;
}
.primary-nav__children.about-nav,
.children.primary-nav__children.about-nav:after {
left: inherit;
right:0;
}
.children.primary-nav__children.about-nav {
border-radius: 10px 0px 10px 10px;
}
.children.primary-nav__children:before {
content:"";
width: 100%;
height: 40px;
background: transparent;
position: absolute;
left: 0;
top: -27px;
border-radius: 10px 10px 0 0;
}
.children.primary-nav__children:after {
content:"";
width: 130px;
height: 20px;
background: var(--color-header-grey);
position: absolute;
left: 0;
top: -16px;
border-radius: 10px 10px 0 0;
}
}
.primary-nav__children:hover {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: visible;
transition-delay: 0s;
}
.primary-nav__children li {
background: none;
width: 100%;
position: relative;
z-index: 1;
}
.primary-nav__children a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 8.75L21.3358 12.5858C22.1168 13.3668 22.1168 14.6332 21.3358 15.4142L17.5 19.25' stroke='currentColor' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M5.25 13H4.25V15H5.25V13ZM21.875 15C22.4273 15 22.875 14.5523 22.875 14C22.875 13.4477 22.4273 13 21.875 13V15ZM5.25 15L21.875 15V13L5.25 13V15Z' fill='currentColor'/%3E%3C/svg%3E%0A");
width: 24px;
height: 24px;
position: absolute;
background-repeat: no-repeat;
right: 0;
background-size: 24px;
margin-top: -3px;
}
@media screen and (min-width: 1024px) {
.primary-nav__children li {
border-bottom: 1px solid #e8e4d9;
width: calc(50% - 4rem);
margin-left: 2rem;
margin-right: 2rem;
}
} .primary-nav__children a {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: block;
width: 100%;
min-height: 0;
color: var(--color-navy);
}
@media (max-width: 480px) {
.primary-nav__children a {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1023px) {
.primary-nav__children a {
font-size: calc(0.36765vw + 14.23529px);
}
}
@media (min-width: 1024px) {
.primary-nav__children a {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.primary-nav__children a {
padding: 1rem 0;
}
}
.primary-nav__children .children {
display: none;
}
.primary-nav__children .credit-card {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/credit-card.png);
background-repeat: no-repeat;
background-position: 20px 20px;
background-size: 40px;
}
.primary-nav__children .credit-card:hover {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/credit-card.png);
background-repeat: no-repeat;
background-position: 20px 20px;
background-size: 40px;
}
.primary-nav__children .eye {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/eye.png);
background-repeat: no-repeat;
background-position: 20px 20px;
background-size: 40px;
}
.primary-nav__children .eye:hover {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/eye.png);
background-repeat: no-repeat;
background-position: 20px 20px;
background-size: 40px;
}
.children.primary-nav__children {
border-radius: 0px 10px 10px 10px;
}
.primary-nav__item.featured-menu-item {
background: var(--color-orange);
width: 110%;
margin: 25px -20px 0 -20px;
padding: 1rem 4rem;
border-radius: 0px 0px 10px 10px;
box-shadow: inset 0 12px 24px -12px rgb(0 0 0 / 33%);
border: 1px solid var(--color-orange);
}
.primary-nav__item .featured-menu-item__link:after {
content:none ;
}
.primary-nav__item .featured-menu-item__link {
padding:0;
}
@media screen and (min-width: 1024px) {
.featured-menu-item {
margin-top: 1em;
}
}
.featured-menu-item .icon {
color: var(--color-navy);
width: 40px;
height: 40px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 40px;
margin-left: 0;
position: relative;
top: 0;
left: 0;
}
.featured-menu-item .icon-calendar {
fill: transparent;
}
.featured-menu-item__link {
min-height: 80px;
}
.featured-menu-item--card2 .featured-menu-item__link .icon.icon-card {
width: 18px;
margin-right: 6px;
}
.featured-menu-item--card2 .featured-menu-item__title {
margin-top: 13px;
}
.featured-menu-item--card2 .featured-menu-item__link {
display: flex;
}
.featured-menu-item__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
display: block;
width: 100%;
margin-bottom: 0.25em;
font-size:16px;
margin-top: 8px;
}
.nav-main-item:hover {
border-color: var(--color-navy);
}
.featured-menu-item.featured-menu-item--card2 {
margin-bottom: -32px;
}
.featured-menu-item__description {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
}
.sidebar-cta__text {
margin-top: 5px;
}
.featured-menu-item--card2 {
}
@media (max-width: 480px) {
.featured-menu-item__description {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.featured-menu-item__description {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.featured-menu-item__description {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.featured-menu-item__description {
font-size: 20px;
}
}
.featured-menu-item--book {
padding-bottom: 1rem;
}
.featured-menu-item--InteleConnect {
margin-bottom: -2.5rem !important;
border-radius: 0 0 0px 0px !important;
padding-top: 1.5rem !important;
padding-bottom: .5rem !important;
}
.w-10 {
width: 2.5rem;
}
@media (min-width: 1024px) {
.featured-menu-item--book .icon {
height: unset;
}
}
.featured-menu-item--book .featured-menu-item__link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.featured-menu-item--book .featured-menu-item__title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
}
.top-menu {
width: 100%;
display: flex;
justify-content: space-between;
padding: 2rem;
@media screen and (max-width: 1600px) {
display: grid;
justify-items: start;
grid-template-columns: 1fr 1fr;
}
}
.top-menu__item {
height: 6rem;
display: block;
}
.top-menu__item svg {
height: 22px;
}
.top-menu__item:hover .top-menu__item {
color: var(--color-orange);
}
.news-banner .page-header-inner,
.news-banner .page-header-inner-grid-left {
min-height: 400px;
height: auto;
}
.news-banner .page-header-text__highlight {
font-size: 52px;
line-height: normal;
}
.news-banner .page-header-inner-grid-left .page-header-text {
line-height: 2rem;
}
@media screen and (max-width: 1023px) {
.top-menu__item {
display: none;
}
}
.top-menu__item .calendar {
background-color: var(--color-orange);
color: #fff;
padding-right: 25px;
}
.top-menu__item .calendar .icon {
color: #fff;
fill: none !important;
font-size: 18px;
}
.top-menu__item .calendar .icon svg {
margin-bottom: -3px;
}
.top-menu__item .calendar:hover {
background-color: var(--color-navy);
}
.top-menu__item .portal {
background-color: var(--color-navy);
color: #fff;
padding-right: 28px;
padding-left: 18px;
}
.top-menu__item .portal .icon {
color: #fff;
fill: none !important;
font-size: 18px;
}
.top-menu__item .portal .icon svg {
margin-bottom: -3px;
}
.top-menu__item .portal:hover {
background-color: var(--color-orange);
}
.top-menu__label {
font-weight: var(--font-weight-regular);
line-height: 1.2em;
text-transform: none;
}
@media (max-width: 480px) {
.top-menu__label {
font-size: 12px;
}
}
@media (min-width: 481px) {
.top-menu__label {
font-size: 18px;
margin-top: 8px;
}
}
.top-menu__link {
color: var(--color-navy);
margin-bottom: 5px;
margin-top: 5px;
margin-right: 5px;
padding: 10px 15px 10px 10px;
border-radius: 40px;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
}
@media (max-width: 480px) {
.top-menu__link {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.top-menu__link {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.top-menu__link {
font-size: 14px;
}
}
@media screen and (min-width: 1024px) {
.top-menu__link--phone {
// pointer-events: none;
}
}
.top-menu__link:hover {
background: var(--color-navy);
color: #fff;
}
.top-menu__link:hover .icon {
color: #fff;
}
.top-menu .icon {
color: var(--color-navy);
margin-right: 0.5em;
transition: all 0.3s ease-in-out;
}
@media (max-width: 480px) {
.top-menu .icon {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.top-menu .icon {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.top-menu .icon {
font-size: 14px;
}
}
@media screen and (max-width: 1023px) {
.top-menu .icon {
color: #fff;
}
}
.nav-title__button--online-bookings .icon {
fill: transparent;
}
.nav-title__button--online-bookings {
text-decoration: underline;
}
@media screen and (max-width: 374px) {
.nav-title__button--online-bookings {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.nav-title__button--clinic-finder {
display: none !important;
}
}
.hamburger {
z-index: 99;
background: var(--color-orange);
height: 60px;
padding: 0 2rem;
display: block;
font-size: 22px;
font-weight: var(--font-weight-medium);
}
.hamburger svg {
margin-left: 16px;
height: 14px;
margin-top: 1px;
}
.hamburger:hover {
background: var(--color-navy);
color: #fff;
}
.hamburger__stroke {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 7px;
}
.hamburger__stroke:after,
.hamburger__stroke:before {
content: "";
width: 1em;
height: 2px;
background: var(--color-navy);
}
.hamburger__stroke:before {
-webkit-transform: translateY(-0.2em);
transform: translateY(-0.2em);
}
.hamburger__stroke:after {
-webkit-transform: translateY(0.2em);
transform: translateY(0.2em);
}
.page-header {
position: relative;
z-index: 0;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-size: cover;
background-position: 50%;
overflow: hidden;
}
.inner-header-template .page-header {
max-height: 400px;
display: grid;
grid-template-columns: .65fr 1fr;
height: 400px;
}
.inner-header-template .page-header:before {
content: "";
display: block;
width: 100%;
top: 0;
left: 0;
height: 100%;
background: var(--color-header-grey);
z-index: 9;
}
.inner-header-template .page-header__container {
position: relative;
z-index: 111;
height: 100%;
top: 0;
left: 0;
transform: none;
right: 0;
padding-top: 80px;
}
@media screen and (min-width: 1720px) {
.inner-header-template .page-header__container {
padding-left: 0;
}
}
.page-header:before {
content: "";
display: block;
width: 100%;
top: 0;
left: 0;
}
@media screen and (min-width: 1024px) {
.page-header:before {
padding-top: 28.125%;
}
}
@media screen and (min-width: 1024px) {
.page-header.tall:before {
padding-top: 37.5%;
}
}
.page-header:after {
content: "";
position: absolute;
left: 0;
top: 100%;
z-index: 1;
width: 100%;
height: 100%;
background: #fff;
}
.home .page-header:after {
display: none;
}
@media screen and (max-width: 767px) {
.page-header__container {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
position: relative;
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media screen and (min-width: 768px) {
.page-header__container {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
}
.page-header__image {
top: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
position: absolute;
}
@media screen and (max-width: 1023px) {
.page-header__image {
padding-top: 56.25%;
margin-top: 0 !important;
}
}
.page-header__image:before {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
// background: linear-gradient(75deg, #fff 15%, hsla(0, 0%, 100%, 0) 60%);
}
.page-header__image:after {
content: "";
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.page-header-text {
font-weight: var(--font-weight-regular);
line-height: 1.2em;
color: var(--color-navy);
z-index: 2;
}
.page-header-text__highlight {
font-size: 52px;
}
@media (max-width: 480px) {
.page-header-text {
font-size: 27px;
}
}
@media (min-width: 481px) {
.page-header-text {
font-size: calc(2.15278vw + 16.66667px);
}
}
@media screen and (min-width: 1024px) {
.page-header-text {
// max-width: 66%;
// width: 66%;
}
.page-header-text:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.page-header-text:last-child {
margin-right: 0;
}
.page-header-text:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
}
.page-header-text.external {
position: static;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 1024px) {
.page-header-text.external {
max-width: none;
padding-left: 0;
padding-right: 0;
}
}
.page-header-subtext {
display: block;
font-weight: var(--font-weight-regular);
}
@media (max-width: 480px) {
.page-header-subtext {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.page-header-subtext {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.page-header-subtext {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 480px) {
.page-header-subtext {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1919px) {
.page-header-subtext {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
.page-header-subtext {
font-size: 24px;
}
}
.mobile-header {
color: var(--color-navy);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 480px) {
.mobile-header {
padding-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.mobile-header {
padding-top: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.mobile-header {
padding-top: 80px;
}
}
@media (max-width: 480px) {
.mobile-header {
padding-bottom: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.mobile-header {
padding-bottom: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.mobile-header {
padding-bottom: 80px;
}
}
@media screen and (max-width: 767px) {
.mobile-header__container {
display: none;
}
}
.mobile-header__title {
display: block;
width: 100%;
}
.mobile-header__highlight {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
display: block;
width: 100%;
}
@media (max-width: 480px) {
.mobile-header__highlight {
font-size: 26px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.mobile-header__highlight {
font-size: calc(1.80556vw + 17.33333px);
}
}
@media (min-width: 1920px) {
.mobile-header__highlight {
font-size: 52px;
}
}
.mobile-header__subtitle {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: block;
width: 100%;
}
@media (max-width: 480px) {
.mobile-header__subtitle {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.mobile-header__subtitle {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.mobile-header__subtitle {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.mobile-header__subtitle {
font-size: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.page-template-page-for-patients .mobile-header,
.page-template-page-for-referrers .mobile-header,
.post-type-archive-tc_drjo_procedures .mobile-header {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
padding-top: 18rem;
padding-bottom: 3rem;
}
}
.clinic-filter__controls {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 0.5em;
width: 100%;
}
.clinic-filter__controls,
.clinic-filter__item {
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.clinic-filter__item {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.clinic-filter__category-filter {
color: var(--color-navy);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 480px) {
.clinic-filter__category-filter {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.clinic-filter__category-filter {
font-size: calc(0.13889vw + 15.33333px);
}
}
@media (min-width: 1920px) {
.clinic-filter__category-filter {
font-size: 18px;
}
}
.clinic-filter__category-filter span {
margin-right: 1rem;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--color-navy);
}
@media screen and (max-width: 1023px) {
.clinic-filter__category-filter span {
display: none;
}
}
@media screen and (max-width: 767px) {
.clinic-filter__category-filter {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 1023px) {
.clinic-filter__category-filter {
width: 100%;
margin-top: 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.clinic-filter__category-filter span {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media screen and (min-width: 1440px) {
.clinic-filter__category-filter {
margin-left: 2rem;
}
}
@media (max-width: 480px) {
.clinic-locations-grid {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.clinic-locations-grid {
margin-top: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.clinic-locations-grid {
margin-top: 80px;
}
}
@media (max-width: 480px) {
.clinic-locations-grid {
margin-bottom: 80px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.clinic-locations-grid {
margin-bottom: calc(2.77778vw + 66.66667px);
}
}
@media (min-width: 1920px) {
.clinic-locations-grid {
margin-bottom: 120px;
}
}
.clinic-locations-grid__container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.clinic-locations-grid__container,
.controls {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
.controls__label {
color: var(--color-navy);
margin-right: 1em;
}
@media (max-width: 480px) {
.controls__label {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.controls__label {
font-size: calc(0.13889vw + 15.33333px);
}
}
@media (min-width: 1920px) {
.controls__label {
font-size: 18px;
}
}
.controls__group {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.controls__group:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
.controls__group {
width: calc(100% - 40px);
}
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
.controls__group {
max-width: calc(50% - 40px);
}
.controls__group:last-child .category-filter,
.controls__group:last-child .controls__item {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.controls__group {
width: 100%;
}
}
@media screen and (min-width: 1440px) {
.controls__group {
width: auto;
}
.controls__group:last-child {
margin-left: auto;
}
}
.controls__item {
color: var(--color-navy);
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 480px) {
.controls__item {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.controls__item {
font-size: calc(0.13889vw + 15.33333px);
}
}
@media (min-width: 1920px) {
.controls__item {
font-size: 18px;
}
}
.controls__item span {
margin-right: 0.5rem;
}
@media screen and (max-width: 1023px) {
.controls__item span {
display: none;
}
}
.controls__item.active {
color: var(--color-orange);
}
.controls__item--refine {
display: block;
margin-top: 1em;
width: auto;
margin-left: auto;
padding-left: 1em;
padding-right: 1em;
}
.controls__item.disabled {
opacity: 0.25;
pointer-events: none;
}
.controls__item:not(.sort-custom-location) {
width: auto;
margin: 4px;
padding: 0 1em;
border: 2px solid var(--color-orange);
min-height: 3em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.controls__item.sort-custom-location {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1025px) and (max-width: 1919px) {
.controls__item.sort-custom-location {
width: calc(8.92857vw + 208.57143px);
}
}
@media (min-width: 1920px) {
.controls__item.sort-custom-location {
width: 380px;
}
}
@media screen and (max-width: 1023px) {
.controls__item.sort-custom-location {
margin-top: 20px;
width: 100%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.controls__item.sort-custom-location {
margin-left: 0;
width: 50%;
}
.controls__item.sort-custom-location:before {
display: none;
}
}
@media screen and (max-width: 767px) {
.controls__item {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.controls .procedures-dropdown,
.controls__input {
width: 100%;
}
@media screen and (max-width: 767px) {
.controls .procedures-dropdown,
.controls__input {
margin-top: 0.5em;
}
}
.controls__icon {
color: var(--color-orange);
}
#pac-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
padding: 0.5em 1em;
border: none;
background: #f6f6ed;
min-height: 2.5em;
}
@media (max-width: 480px) {
#pac-input {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
#pac-input {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
#pac-input {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
#pac-input {
font-size: 20px;
}
}
#pac-input::-webkit-input-placeholder {
color: var(--color-navy);
}
#pac-input::-ms-input-placeholder {
color: var(--color-navy);
}
#pac-input::placeholder {
color: var(--color-navy);
}
@media (max-width: 480px) {
#pac-input::-webkit-input-placeholder {
font-size: 16px;
}
#pac-input::-ms-input-placeholder {
font-size: 16px;
}
#pac-input::placeholder {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
#pac-input::-webkit-input-placeholder {
font-size: calc(0.73529vw + 12.47059px);
}
#pac-input::-ms-input-placeholder {
font-size: calc(0.73529vw + 12.47059px);
}
#pac-input::placeholder {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
#pac-input::-webkit-input-placeholder {
font-size: calc(0.44643vw + 11.42857px);
}
#pac-input::-ms-input-placeholder {
font-size: calc(0.44643vw + 11.42857px);
}
#pac-input::placeholder {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
#pac-input::-webkit-input-placeholder {
font-size: 20px;
}
#pac-input::-ms-input-placeholder {
font-size: 20px;
}
#pac-input::placeholder {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
#pac-input {
margin-left: 0.5em;
}
}
.clinic__header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
}
@media screen and (max-width: 479px) {
.clinic__title {
width: 100%;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.clinic__title {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
}
.clinic__title:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.clinic__title:last-child {
margin-right: 0;
}
.clinic__title:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1024px) {
.clinic__title {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(58.275% - 14.58333px);
-ms-flex-preferred-size: calc(58.275% - 14.58333px);
flex-basis: calc(58.275% - 14.58333px);
max-width: calc(58.275% - 14.58333px);
width: calc(58.275% - 14.58333px);
}
.clinic__title:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.clinic__title:last-child {
margin-right: 0;
}
.clinic__title:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.clinic__map-jump {
border: 1px solid var(--color-orange);
color: var(--color-orange);
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: auto;
margin-top: 1em;
padding: 0.5em 1em 0.5em 0.75em;
transition: all 0.3s ease-in-out;
}
.clinic__map-jump .icon {
margin-right: 0.5em;
}
.clinic__map-jump:hover {
background: var(--color-orange);
color: #fff;
}
@media screen and (min-width: 1024px) {
.clinic__map-jump {
display: none;
}
}
.clinic__contact-info {
margin-right: 0 !important;
}
@media screen and (max-width: 479px) {
.clinic__contact-info {
width: 100%;
margin-top: 1em;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.clinic__contact-info {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
}
.clinic__contact-info:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.clinic__contact-info:last-child {
margin-right: 0;
}
.clinic__contact-info:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1024px) {
.clinic__contact-info {
margin-left: calc(8.325% + 2.91667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
}
.clinic__contact-info:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.clinic__contact-info:last-child {
margin-right: 0;
}
.clinic__contact-info:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.clinic__content {
display: -webkit-flex;
display: -ms-flexbox;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
display: flex;
flex-flow: row wrap;
width: 100%;
}
@media screen and (max-width: 1023px) {
.clinic__information {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.clinic__information {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(58.275% - 14.58333px);
-ms-flex-preferred-size: calc(58.275% - 14.58333px);
flex-basis: calc(58.275% - 14.58333px);
max-width: calc(58.275% - 14.58333px);
width: calc(58.275% - 14.58333px);
}
.clinic__information:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.clinic__information:last-child {
margin-right: 0;
}
.clinic__information:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media (max-width: 480px) {
.clinic__description h2 {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.clinic__description h2 {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.clinic__description h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.clinic__description h3,
.clinic__description h4 {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.clinic__description h3,
.clinic__description h4 {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.clinic__description h3,
.clinic__description h4 {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.clinic__description h3,
.clinic__description h4 {
font-size: 20px;
}
}
@media (max-width: 480px) {
.clinic__description p {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.clinic__description p {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.clinic__description p {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.clinic__description p {
font-size: 20px;
}
}
@media screen and (max-width: 1023px) {
.clinic__sidebar {
width: 100%;
margin-top: 7em;
}
}
@media screen and (min-width: 1024px) {
.clinic__sidebar {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.clinic__sidebar:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.clinic__sidebar:last-child {
margin-right: 0;
}
.clinic__sidebar:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.contact-info {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (max-width: 480px) {
.contact-info {
margin-bottom: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.contact-info {
margin-bottom: 4.16667vw;
}
}
@media (min-width: 1920px) {
.contact-info {
margin-bottom: 80px;
}
}
.contact-info__item {
width: 100%;
display: block;
}
.contact-info__item + .contact-info__item {
margin-top: 0.5em;
}
.contact-info__link {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
display: inline-block;
}
@media (max-width: 480px) {
.contact-info__link {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.contact-info__link {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.contact-info__link {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.contact-info__link {
font-size: 20px;
}
}
.contact-info__link--big {
margin-bottom: 0.5em;
color: var(--color-orange);
}
@media (max-width: 480px) {
.contact-info__link--big {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.contact-info__link--big {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.contact-info__link--big {
font-size: 24px;
}
}
.contact-info__link:hover {
text-decoration: underline;
}
.contact-info__link .icon {
margin-right: 0.25em;
}
@media (max-width: 480px) {
.clinic-team {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.clinic-team {
margin-top: calc(5.55556vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.clinic-team {
margin-top: 120px;
}
}
@media (max-width: 480px) {
.clinic-team__title {
margin-bottom: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.clinic-team__title {
margin-bottom: calc(2.77778vw + 6.66667px);
}
}
@media (min-width: 1920px) {
.clinic-team__title {
margin-bottom: 60px;
}
}
.clinic-team__cards {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
.clinic-team .card {
background: #faf9f7;
}
.clinic-team .card a.image-thumb h2 {
background: none;
cursor: default;
}
.closest-clinic {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
min-height: 6rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 480px) {
.closest-clinic__label {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.closest-clinic__label {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.closest-clinic__label {
font-size: 14px;
}
}
.closest-clinic__label a {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
}
@media (max-width: 480px) {
.closest-clinic__label a {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.closest-clinic__label a {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.closest-clinic__label a {
font-size: 14px;
}
}
@media screen and (max-width: 599px) {
.closest-clinic__label {
width: 100%;
display: block;
text-align: center;
margin: 0;
}
}
@media screen and (max-width: 599px) and (max-width: 480px) {
.closest-clinic__label {
font-size: 16px;
}
}
@media screen and (max-width: 599px) and (min-width: 481px) and (max-width: 1024px) {
.closest-clinic__label {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media screen and (max-width: 599px) and (min-width: 1025px) and (max-width: 1919px) {
.closest-clinic__label {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media screen and (max-width: 599px) and (min-width: 1920px) {
.closest-clinic__label {
font-size: 20px;
}
}
@media screen and (max-width: 599px) and (max-width: 480px) {
.closest-clinic__label a {
font-size: 16px;
}
}
@media screen and (max-width: 599px) and (min-width: 481px) and (max-width: 1024px) {
.closest-clinic__label a {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media screen and (max-width: 599px) and (min-width: 1025px) and (max-width: 1919px) {
.closest-clinic__label a {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media screen and (max-width: 599px) and (min-width: 1920px) {
.closest-clinic__label a {
font-size: 20px;
}
}
@media screen and (max-width: 599px) {
.closest-clinic__label + .closest-clinic__label {
margin-top: 0.5em;
}
}
@media screen and (max-width: 599px) and (max-width: 480px) {
.closest-clinic__label .procedures-dropdown {
font-size: 16px;
}
}
@media screen and (max-width: 599px) and (min-width: 481px) and (max-width: 1024px) {
.closest-clinic__label .procedures-dropdown {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media screen and (max-width: 599px) and (min-width: 1025px) and (max-width: 1919px) {
.closest-clinic__label .procedures-dropdown {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media screen and (max-width: 599px) and (min-width: 1920px) {
.closest-clinic__label .procedures-dropdown {
font-size: 20px;
}
}
@media screen and (max-width: 599px) {
.closest-clinic__label .closest-phone {
color: var(--color-navy);
display: block;
text-align: center;
margin-top: 0.5em;
margin-left: 0 !important;
}
}
.closest-clinic .closest-phone {
margin-left: 1em;
}
.closest-clinic .closest-phone .icon {
margin-right: 0.5em;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
@media screen and (max-width: 1023px) {
.geolocation {
margin-left: auto;
margin-right: auto;
line-height: 2em;
}
}
.geolocation--pending,
.geolocation--permission,
.geolocation__clinic .full_addr {
display: none;
}
@media screen and (min-width: 1681px) {
.geolocation__clinic .full_addr {
display: inline;
}
}
.geolocation__trigger {
color: var(--color-navy);
cursor: pointer;
min-height: 6rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1rem;
margin-right: 0.5em;
transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
.geolocation__trigger {
background-color: #faf9f7;
}
}
.geolocation__trigger:hover {
color: var(--color-orange);
}
.geolocation__animated-icon {
color: var(--color-orange);
margin-left: 0.5em;
-webkit-animation: bounce 0.5s;
animation: bounce 0.5s;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.procedures-dropdown {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-radius: 0;
font-weight: var(--font-weight-medium);
line-height: 1.2em;
border: none;
width: auto;
padding-right: 3rem;
color: var(--color-navy);
}
@media (max-width: 480px) {
.procedures-dropdown {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedures-dropdown {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.procedures-dropdown {
font-size: 14px;
}
}
@media screen and (max-width: 1023px) {
.procedures-dropdown {
width: 100%;
}
}
.category-filter .procedures-dropdown {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
background-color: #f6f6ed;
min-height: 2.5em;
}
@media (max-width: 480px) {
.category-filter .procedures-dropdown {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.category-filter .procedures-dropdown {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.category-filter .procedures-dropdown {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.category-filter .procedures-dropdown {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.category-filter .procedures-dropdown {
width: 100%;
margin-top: 0.5em;
}
}
.clinic-finder-mobile {
background: #f6f6ed;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
@media screen and (max-width: 599px) {
.clinic-finder-mobile {
padding-top: 2em;
padding-bottom: 2em;
}
}
.featured-card {
background: var(--color-header-grey);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.featured-card {
margin-top: 12rem;
}
}
.featured-card__container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.featured-card__text {
position: relative;
z-index: 3;
padding: 80px 80px 80px 0;
}
@media screen and (max-width: 1023px) {
.featured-card__text {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.featured-card__text {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
}
.featured-card__text:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.featured-card__text:last-child {
margin-right: 0;
}
.featured-card__text:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.featured-card__image {
position: relative;
background-size: cover;
background-position: 50%;
}
@media screen and (max-width: 1023px) {
.featured-card__image {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.featured-card__image {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(66.6% - 11.66667px);
-ms-flex-preferred-size: calc(66.6% - 11.66667px);
flex-basis: calc(66.6% - 11.66667px);
max-width: calc(66.6% - 11.66667px);
width: calc(66.6% - 11.66667px);
}
.featured-card__image:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.featured-card__image:last-child {
margin-right: 0;
}
.featured-card__image:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.featured-card__image:after {
content: "";
width: 100%;
display: block;
}
@media screen and (max-width: 1023px) {
.featured-card__image:after {
padding-top: 56.25%;
}
}
@media screen and (min-width: 1024px) {
.featured-card__image:after {
padding-top: 28.125%;
}
}
.featured-card__date {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--color-navy);
display: block;
width: 100%;
margin-bottom: 0.25em;
}
@media (max-width: 480px) {
.featured-card__date {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-card__date {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.featured-card__date {
font-size: 14px;
}
}
.featured-card__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
}
@media (max-width: 480px) {
.featured-card__title {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-card__title {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.featured-card__title {
font-size: 32px;
}
}
.featured-card__summary {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
margin-top: 2em;
color: #79828d;
}
@media (max-width: 480px) {
.featured-card__summary {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.featured-card__summary {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.featured-card__summary {
font-size: 16px;
}
}
.featured-card .readmore {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
display: inline-block;
margin-top: 1em;
}
@media (max-width: 480px) {
.featured-card .readmore {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.featured-card .readmore {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.featured-card .readmore {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.featured-card .readmore {
font-size: 20px;
}
}
.featured-card .readmore:hover {
text-decoration: none;
color: var(--color-navy);
}
.card-block {
width: 100%;
max-width: 1720px;
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 480px) {
.card-block {
padding-left: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card-block {
padding-left: 6.25vw;
}
}
@media (min-width: 1920px) {
.card-block {
padding-left: 120px;
}
}
@media (max-width: 480px) {
.card-block {
padding-right: 30px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card-block {
padding-right: 6.25vw;
}
}
@media (min-width: 1920px) {
.card-block {
padding-right: 120px;
}
}
.card-block__title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media (max-width: 480px) {
.card-block__title {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card-block__title {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.card-block__title {
font-size: 32px;
}
}
@media (max-width: 480px) {
.card-block__title + .card-block__cards {
margin-top: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card-block__title + .card-block__cards {
margin-top: calc(2.77778vw + 6.66667px);
}
}
@media (min-width: 1920px) {
.card-block__title + .card-block__cards {
margin-top: 60px;
}
}
.card-block__cards {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
.card {
// background: #faf9f7;
margin: 20px;
}
@media (max-width: 480px) {
.card {
margin-bottom: 20px;
}
}
@media (min-width: 481px) and (max-width: 1023px) {
.card {
margin-bottom: 20px;
}
}
@media (min-width: 1024px) {
.card {
margin-bottom: 20px;
}
}
@media screen and (max-width: 479px) {
.card {
width: calc(100% - 40px);
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.card {
width: calc(50% - 40px);
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.card {
width: calc(33.33333% - 40px);
}
}
@media screen and (min-width: 1280px) {
.card {
width: calc(25% - 40px);
}
}
.card__inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
padding: 20px 0;
background: white;
}
.card:hover h2 {
text-decoration: underline;
}
.card__background-image-link {
width: 100%;
}
.card__background-image {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 56.25%; width: 100%;
background-size: cover;
background-position: center right;
position: relative;
z-index: 0;
overflow: hidden;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.card__background-image--colour {
background-color: #e8e4d9;
}
.card--doctor .card__background-image {
background-position: center;
} .card__initials {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
text-transform: uppercase;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
color: #fdfcfb;
}
@media (max-width: 480px) {
.card__initials {
font-size: 70px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__initials {
font-size: calc(4.86111vw + 46.66667px);
}
}
@media (min-width: 1920px) {
.card__initials {
font-size: 140px;
}
}
@media (max-width: 480px) {
.card__initials {
padding: 16px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__initials {
padding: calc(0.83333vw + 12px);
}
}
@media (min-width: 1920px) {
.card__initials {
padding: 28px;
}
}
.card__intro {
background: #fff;
}
.card__title {
font-weight: var(--font-weight-regular);
line-height: 1.2em;
color: var(--color-navy);
display: block;
width: 100%;
margin-bottom: 1em;
font-size: 20px;
}
.card__date {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--color-navy);
display: block;
width: 100%;
margin-bottom: 0.25em;
}
@media (max-width: 480px) {
.card__date {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__date {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.card__date {
font-size: 14px;
}
}
.card__role {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--color-orange);
display: block;
width: 100%;
margin-bottom: 0.25em;
}
@media (max-width: 480px) {
.card__role {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__role {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.card__role {
font-size: 14px;
}
}
.card__content {
line-height: 1.2em;
color: var(--color-navy);
margin-bottom: 1em;
}
@media (max-width: 480px) {
.card__content {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__content {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.card__content {
font-size: 16px;
}
}
.card__content * {
color: var(--color-navy);
line-height: 1.2em;
}
@media (max-width: 480px) {
.card__content * {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__content * {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.card__content * {
font-size: 16px;
}
}
.card__details {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
line-height: 1.2em;
width: 100%;
padding: 0;
margin-bottom: 1em;
}
@media (max-width: 480px) {
.card__details {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__details {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.card__details {
font-size: 16px;
}
}
.card__detail {
margin-top: 1em;
}
.card__detail--phone {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-orange);
margin-top: 0.35em;
}
.card__detail--address {
width: 100%;
color: var(--color-navy);
margin-top: 0.5em;
}
.card__detail * {
color: var(--color-navy);
line-height: 1.2em;
transition: all 0.3s;
}
@media (max-width: 480px) {
.card__detail * {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__detail * {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.card__detail * {
font-size: 16px;
}
}
.card__link {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
margin-top: auto;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
border-top: none;
border-bottom: 1px solid var(--color-orange);
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
@media (max-width: 480px) {
.card__link {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card__link {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.card__link {
font-size: 16px;
}
}
.card:hover .card__background-image:before {
background: var(--color-orange);
}
.card:hover .card__background-image:after {
opacity: 0;
}
.card:hover .card__date {
color: var(--color-navy);
}
.card:hover .card__title {
color: var(--color-navy);
}
.card:hover .card__link {
color: var(--color-navy);
border-color: var(--color-navy);
}
@media (max-width: 480px) {
.card--primary .card__title {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.card--primary .card__title {
font-size: calc(1.11111vw + 6.66667px);
}
}
@media (min-width: 1920px) {
.card--primary .card__title {
font-size: 28px;
}
}
.card--alternate:nth-of-type(2n) {
// background: #f6f6ed;
}
.card--alternate:nth-of-type(2n) .card__background-image:before {
// background: #f6f6ed;
}
.card--alternate:hover {
// background: var(--color-orange) !important;
}
.card--alternate:hover .card {
color: #fff;
}
.card--alternate:hover .card__background-image:before {
background: var(--color-orange);
}
.card--alternate:hover .card__content {
color: var(--color-navy);
}
.card--alternate:hover .card__content * {
color: #fff;
}
.card--alternate:hover .card__detail {
color: var(--color-navy);
}
.card--clinic .card__title {
margin-bottom: 0;
}
.card--clinic .card__inner {
padding-top: 16px;
}
.card--mlo .card__title {
margin-bottom: 0.5em;
}
.card--mlo:hover {
background: #faf9f7;
}
.card--mlo:hover .card__title {
color: var(--color-navy);
}
.card--mlo:hover .card__background-image:before {
background: #faf9f7;
}
.card--doctor {
// background: #f6f6ed;
}
.card--doctor .card__background-image {
padding-top: 75%;
}
.card--doctor .card__background-image:before {
background: #f6f6ed;
}
.card--doctor .card__background-image:after {
display: none;
}
.card--doctor .card__title {
color: var(--color-navy);
position: relative;
padding-right: 2em;
}
@media (max-width: 480px) {
.card--doctor .card__title {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.card--doctor .card__title {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.card--doctor .card__title {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.card--doctor .card__title {
font-size: 20px;
}
}
.card--doctor .card__title .icon {
position: absolute;
top: 0;
right: 0;
color: var(--color-orange);
}
.card--doctor:hover .card__title .icon {
color: var(--color-navy);
}
.card-quarter {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 99.9%;
-ms-flex-preferred-size: 99.9%;
flex-basis: 99.9%;
max-width: 99.9%;
width: 99.9%;
}
.card-quarter:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.card-quarter:last-child {
margin-right: 0;
}
.card-quarter:nth-child(NaNn) {
margin-right: 0;
margin-left: auto;
}
@media screen and (min-width: 1024px) {
.card-quarter {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
}
.card-quarter:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.card-quarter:last-child {
margin-right: 0;
}
.card-quarter:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1681px) {
.card-quarter {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(24.975% - 26.25px);
-ms-flex-preferred-size: calc(24.975% - 26.25px);
flex-basis: calc(24.975% - 26.25px);
max-width: calc(24.975% - 26.25px);
width: calc(24.975% - 26.25px);
}
.card-quarter:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.card-quarter:last-child {
margin-right: 0;
}
.card-quarter:nth-child(4n) {
margin-right: 0;
margin-left: auto;
}
}
.card-quarter-nomargin {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.card-quarter-nomargin:nth-child(1n) {
margin-right: 0;
margin-left: 0;
}
.card-quarter-nomargin:last-child {
margin-right: 0;
}
.card-quarter-nomargin:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
.newsletter-block {
position: relative;
}
@media screen and (max-width: 1023px) {
.newsletter-block {
padding-top: 2rem;
padding-bottom: 8rem;
}
}
.newsletter-block__image {
display: block;
background-size: cover;
background-position: 0 0;
}
@media screen and (max-width: 1023px) {
.newsletter-block__image {
padding-top: 56.25%;
}
}
@media screen and (min-width: 1024px) {
.newsletter-block__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.newsletter-block__image .image_placeholder {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.newsletter-block__image:before {
content: "";
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-transform: skewY(3deg);
transform: skewY(3deg);
-webkit-transform-origin: top left;
transform-origin: top left;
z-index: 2;
}
.newsletter-block__image:after {
content: "";
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: block;
background: linear-gradient(45deg, hsla(0, 0%, 100%, 0.2), #fff);
}
}
.newsletter-block__content {
position: relative;
z-index: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media screen and (max-width: 1023px) {
.newsletter-block__content {
width: 100%;
padding-top: 4rem;
padding-bottom: 2rem;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1024px) and (max-width: 1680px) {
.newsletter-block__content {
margin-left: calc(49.95% + 17.5px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
}
.newsletter-block__content:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.newsletter-block__content:last-child {
margin-right: 0;
}
.newsletter-block__content:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (min-width: 1681px) {
.newsletter-block__content {
margin-left: calc(33.3% + 11.66667px) !important;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
}
.newsletter-block__content:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.newsletter-block__content:last-child {
margin-right: 0;
}
.newsletter-block__content:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
.newsletter-block__text {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
margin-bottom: 1em;
}
@media screen and (max-width: 1023px) {
.newsletter-block__text {
color: var(--color-navy);
}
}
@media screen and (max-width: 1023px) and (max-width: 480px) {
.newsletter-block__text {
font-size: 20px;
}
}
@media screen and (max-width: 1023px) and (min-width: 481px) and (max-width: 1919px) {
.newsletter-block__text {
font-size: calc(0.83333vw + 16px);
}
}
@media screen and (max-width: 1023px) and (min-width: 1920px) {
.newsletter-block__text {
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
.newsletter-block__text {
color: var(--color-navy);
}
}
@media screen and (min-width: 1024px) and (max-width: 480px) {
.newsletter-block__text {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) and (min-width: 481px) and (max-width: 1919px) {
.newsletter-block__text {
font-size: calc(0.41667vw + 16px);
}
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
.newsletter-block__text {
font-size: 24px;
}
}
.newsletter-block .wpforms-container {
width: 100%;
}
.newsletter-block .wpforms-field-container,
.newsletter-block .wpforms-form {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.newsletter-block .wpforms-field-container {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
@media screen and (max-width: 1023px) {
.newsletter-block .wpforms-field-container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.newsletter-block .wpforms-submit-container {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
@media screen and (min-width: 1024px) {
.newsletter-block .wpforms-submit-container {
margin-left: 1rem;
}
}
.newsletter-block .wpforms-field {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (max-width: 480px) {
.newsletter-block .wpforms-field {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.newsletter-block .wpforms-field {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.newsletter-block .wpforms-field {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.newsletter-block .wpforms-field {
font-size: 20px;
}
}
@media screen and (max-width: 1279px) {
.newsletter-block .wpforms-field {
margin-bottom: 1em;
width: 100%;
}
}
@media screen and (min-width: 1280px) {
.newsletter-block .wpforms-field {
width: 50%;
}
}
.newsletter-block .wpforms-field-radio {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
line-height: 2em !important;
}
.newsletter-block .wpforms-field-radio ul {
margin-bottom: 0;
}
.newsletter-block .wpforms-field-radio li {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.newsletter-block .wpforms-field-radio label {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
color: var(--color-navy);
margin-right: 2em;
line-height: 2em;
margin-bottom: 0;
}
@media (max-width: 480px) {
.newsletter-block .wpforms-field-radio label {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.newsletter-block .wpforms-field-radio label {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.newsletter-block .wpforms-field-radio label {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.newsletter-block .wpforms-field-radio label {
font-size: 20px;
}
}
.newsletter-block .wpforms-field-radio input[type="radio"] {
width: 1em !important;
height: 1em;
border-radius: 0.5em;
line-height: 2em;
}
.newsletter-block .wpforms-submit {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 1.5rem 2rem;
}
@media (max-width: 480px) {
.newsletter-block .wpforms-submit {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.newsletter-block .wpforms-submit {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.newsletter-block .wpforms-submit {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.newsletter-block .wpforms-submit {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
.newsletter-block {
background-size: cover;
padding-top: 168px;
padding-bottom: 132px;
}
}
.referrals-accepted {
display: none;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 0;
margin-bottom: auto;
}
@media screen and (min-width: 1024px) {
.referrals-accepted {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 999;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.referrals-accepted__text {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
background: var(--color-navy);
padding: 1em;
color: #fff;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
@media (max-width: 480px) {
.referrals-accepted__text {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.referrals-accepted__text {
font-size: calc(0.13889vw + 11.33333px);
}
}
@media (min-width: 1920px) {
.referrals-accepted__text {
font-size: 14px;
}
}
.footer .referrals-accepted {
display: none;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1023px) {
.footer .referrals-accepted {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.sidebar-nav {
list-style: none;
}
.sidebar-nav,
.sidebar-nav__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.sidebar-nav__list .sidebar-nav__list {
background-color: var(--color-grey);
border-radius: 0px 0px 20px 20px;
}
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__item {
margin-bottom: 0;
}
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__link {
font-weight: var(--font-weight-regular);
padding-top: 0.5em;
padding-bottom: 0.5em;
}
@media (max-width: 480px) {
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__link {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__link {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__link {
font-size: 16px;
}
}
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__link--with-children:after {
border-color: #fff;
}
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__list {
background-color: #fff;
}
.sidebar-nav__list .sidebar-nav__list .sidebar-nav__list .sidebar-nav__link {
border-color: transparent;
padding-left: 1em;
}
.sidebar-nav__list
.sidebar-nav__list
.sidebar-nav__list
.sidebar-nav__link:before {
content: ">";
margin-right: 1em;
}
.sidebar-nav__item {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
@media (max-width: 480px) {
.sidebar-nav__item {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.sidebar-nav__item {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.sidebar-nav__item {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.sidebar-nav__item {
font-size: 20px;
}
}
.sidebar-nav__item.open.sidebar-nav__item--top-level {
background-color: var(--color-navy);
border-radius: 20px;
}
.sidebar-nav__item.open.sidebar-nav__item--top-level:hover {
background-color: var(--color-orange);
}
.sidebar-nav__item.open.sidebar-nav__item--top-level > .sidebar-nav__link {
color: #fff;
}
.sidebar-nav__item.open.sidebar-nav__item--top-level
> .sidebar-nav__link:hover {
color: #fff;
}
.sidebar-nav__item.open.sidebar-nav__item--top-level
> .sidebar-nav__link
+ .sidebar-nav__toggle
> .sidebar-nav__icon {
color: #fff;
}
.sidebar-nav__item.open .sidebar-nav__icon--plus {
display: none;
}
.sidebar-nav__item.open .sidebar-nav__icon--minus {
display: block;
}
.sidebar-nav__item:not(.open) .sidebar-nav__icon--plus {
display: block;
}
.sidebar-nav__item:not(.open) .sidebar-nav__icon--minus {
display: none;
}
.sidebar-nav__link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
color: var(--color-navy);
min-height: 5rem;
padding: 0.5em 5rem 0.5em 1em;
position: relative;
border-bottom: 1px solid var(--color-grey);
align-items: center;
}
.sidebar-nav__link:last-child {
border-bottom: none;
}
.sidebar-nav__item.sidebar-nav__item--top-level {
border-bottom: 1px solid var(--color-grey);
}
@media (max-width: 480px) {
.sidebar-nav__link {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.sidebar-nav__link {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.sidebar-nav__link {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.sidebar-nav__link {
font-size: 20px;
}
}
.sidebar-nav__link--with-children:after {
content: "";
width: 0;
height: 100%;
display: block;
position: absolute;
right: 5rem;
top: 0;
}
.sidebar-nav__link:hover {
color: var(--color-orange);
}
.sidebar-nav__icon {
font-size: 16px;
width: 5rem;
}
.sidebar-nav__toggle {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 5rem;
width: 5rem;
position: absolute;
top: 0;
right: 0;
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
color: var(--color-navy);
}
.sidebar-nav__toggle:hover {
background: none;
}
.sidebar-nav .sidebar-nav .sidebar-nav__item {
margin-bottom: 0;
}
.sidebar-nav .sidebar-nav .sidebar-nav__item:first-child {
margin-top: 1em;
}
.sidebar-nav .sidebar-nav .sidebar-nav__item:last-child {
margin-bottom: 2em;
}
.sidebar-nav .sidebar-nav .sidebar-nav__link {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
border-color: var(--color-orange);
}
@media (max-width: 480px) {
.sidebar-nav .sidebar-nav .sidebar-nav__link {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.sidebar-nav .sidebar-nav .sidebar-nav__link {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.sidebar-nav .sidebar-nav .sidebar-nav__link {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.sidebar-nav .sidebar-nav .sidebar-nav__link {
font-size: 20px;
}
}
.accordion {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
border-top: 2px solid var(--color-orange);
list-style: none;
margin: 2em 0 1em;
}
@media (max-width: 480px) {
.accordion {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.accordion {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.accordion {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.accordion {
font-size: 20px;
}
}
.accordion.open .accordion__icon--plus {
display: none;
}
.accordion.open .accordion__icon--x {
display: block;
}
.accordion.open .accordion__content {
margin: 2em 0;
transition: all 0.6s;
}
.accordion:not(.open) .accordion__icon--plus {
display: block;
}
.accordion:not(.open) .accordion__icon--x {
display: none;
}
.accordion__icon--big {
color: var(--color-orange);
margin-right: 0.35em;
}
.accordion__title {
width: 100%;
position: relative;
z-index: 1;
cursor: pointer;
padding-top: 0.5em;
padding-right: 4rem;
font-weight: var(--font-weight-regular);
}
.accordion__content {
width: 100%;
box-sizing: border-box;
transition: all 0.3s !important;
}
.accordion__toggle {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 2.2em;
width: 2em;
position: absolute;
top: 0.5em;
right: 0;
z-index: 0;
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
color: var(--color-navy);
}
@media (max-width: 480px) {
.accordion__toggle {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.accordion__toggle {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.accordion__toggle {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.accordion__toggle {
font-size: 20px;
}
}
.accordion__toggle:hover {
background: none;
}
.spacer {
display: block;
width: 100%;
}
@media (max-width: 480px) {
.spacer {
height: 60px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.spacer {
height: calc(4.16667vw + 40px);
}
}
@media (min-width: 1920px) {
.spacer {
height: 120px;
}
}
.sidebar-cta {
display: none;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 1rem;
}
@media (min-width: 1024px) {
.sidebar-cta {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.sidebar-cta__link {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-grey);
color: var(--color-navy);
padding: 0.5rem 2rem;
margin-bottom: 2px;
border-radius: 30px;
}
.sidebar-cta__link.-booking {
background-color: var(--color-navy);
color: #fff;
}
.sidebar-cta__link:hover {
background-color: var(--color-orange);
color: #fff;
}
@media (min-width: 1024px) {
#home-header .page-header {
padding-bottom: 40rem;
}
}
@media (min-width: 1280px) {
#home-header .page-header {
padding-bottom: 24rem;
}
}
@media (min-width: 1681px) {
#home-header .page-header {
padding-bottom: 20rem;
}
}
@media (min-width: 1920px) {
#home-header .page-header {
//  padding-bottom: 0;
//  height: auto;
}
}
@media (min-width: 1920px) {
#home-header .page-header:before {
padding-top: 75rem;
background-color: var(--color-greydark);
}
}
#home-header .page-header__container {
top: 0;
display: grid;
grid-template-columns: 1fr 1fr;
transform: none;
left: 0;
margin: 0 auto;
width: 100%;
right: 0;
position: absolute;
}
@media screen and (max-width: 1024px) {
#home-header .page-header__container {
position: relative;
}
}
#home-header .page-header__image {
padding-top: 100%;
margin-top: -50%;
height: 75%;
}
#home-header .page-header__image:before {
// background: linear-gradient(180deg, #fff 15%, hsla(0, 0%, 100%, 0) 60%);
z-index: 0;
}
@media (min-width: 1024px) {
#home-header .page-header__image:before {
z-index: 2;
// background: linear-gradient(90deg, #fff 15%, hsla(0, 0%, 100%, 0) 60%);
}
}
@media (min-width: 768px) {
#home-header .page-header__image {
margin-top: 0;
}
}
@media (min-width: 1024px) {
#home-header .page-header__image {
height: 100%;
padding-top: 0;
}
}
@media (min-width: 1720px) {
#home-header .page-header__container {
padding: 0;
}
.no-padding {
padding: 0;
}
}
#home-header .page-header__news {
width: 100%;
z-index: 100;
margin-top: 5rem;
background-color: var(--color-grey);
margin-left: 0;
margin-right: 0;
border-radius: 10px;
padding: 4rem 0rem 4rem 4rem;
}
@media (min-width: 1024px) {
#home-header .page-header__news {
width: 400px;
position: relative;
right: 0;
top: 0;
padding: 8rem 0rem 4rem 4rem;
margin-right: 0;
margin-top: 0;
border-radius: 0;
background-color: var(--color-navy);
}
}
@media (min-width: 1280px) {
#home-header .page-header__news {
//  width: 40%;
}
}
@media (min-width: 1440px) {
#home-header .page-header__news {
//  width: 33.3333%;
}
}
@media (min-width: 1681px) {
#home-header .page-header__news {
//  width: 34%;
}
}
@media (min-width: 1920px) {
#home-header .page-header__news {
//  width: 36%;
}
}
@media (min-width: 2200px) {
#home-header .page-header__news {
//  width: 39%;
}
}
#home-header .page-header__news-headline {
color: #fff;
font-weight: var(--font-weight-regular);
color: var(--color-orange);
padding-bottom: 2rem;
}
#home-header h2.page-header__news-headline {
font-size: 45px;
}
#home-header .page-header__news-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
margin-top: 4rem;
}
#home-header .page-header__news-list-item {
padding-top: 2rem;
padding-bottom: 3rem;
border-top: 1px solid var(--color-grey);
transition: all .3s ease;
}
#home-header .page-header__news-list-item:hover {
border-color: var(--color-orange);
}
#home-header .page-header__news-list-item:hover .page-header__news-link {
color: var(--color-orange);
}
#home-header .page-header__news-link {
color: var(--color-grey);
display: inline-block;
padding-right: 4rem;
font-size: 20px;
}
#home-header .page-header__news-button {
color: var(--color-orange);
padding: 0;
display: flex;
align-items: center;
border-bottom: 1px solid var(--color-orange);
padding-bottom: 4px;
font-size: 20px;
width: 17rem;
transition: all .3s ease;
}
#home-header .page-header__news-button svg {
width: 28px;
transition: all .3s ease;
transform: translate(0px, 0px);
}
@media (min-width: 1024px) {
#home-header .page-header__news-button {
border-radius: 0;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1681px) {
#home-header .page-header__news-button {
width: 20rem;
}
}
#home-header .page-header__news-button:hover svg {
transform: translate(-10px, 0px);
}
#home-header .page-header__news-button span {
margin-top: 5px;
}
#home-header .page-header__news-button:hover {
color: #fff;
border-color: white;
}
#home-header .grid-for-patients-wrapper {
width: 100%;
}
@media (min-width: 1024px) {
#home-header .grid-for-patients-wrapper {
height: 45rem;
}
}
#home-header .grid-for-patients-wrapper #grid-for-patients {
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 3rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 1024px) {
#home-header .grid-for-patients-wrapper #grid-for-patients {
padding: 0;
gap: 0.2rem;
}
}
@media (min-width: 1024px) {
#home-header .grid-for-patients-wrapper #grid-for-patients {
position: absolute;
left: 0;
margin-top: -6rem;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
gap: 0.2rem;
}
}
@media (min-width: 1720px) {
#home-header .grid-for-patients-wrapper #grid-for-patients {
margin-left: -860px;
left: 50%;
}
}
#home-header .grid-for-patients-wrapper .card {
position: relative;
margin: 0;
width: 100%;
height: 40rem;
border-width: 0;
overflow: hidden;
}
@media (min-width: 1024px) {
#home-header .grid-for-patients-wrapper .card {
width: calc(25% - 0.2rem);
border-width: 0;
}
#home-header .grid-for-patients-wrapper .card:last-child {
width: 25%;
}
}
#home-header .grid-for-patients-wrapper .card:hover .card__inner {
background: linear-gradient(0deg, rgba(41, 59, 89, 0.75), rgba(41, 59, 89, 0.75)), linear-gradient(180deg, #A9A49A 0%, rgba(169, 164, 154, 0) 50%);
}
#home-header .grid-for-patients-wrapper .card .card__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.5s ease-in-out;
}
#home-header .grid-for-patients-wrapper .card .card__inner:after {
content:"";
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14L28.5858 18.5858C29.3668 19.3668 29.3668 20.6332 28.5858 21.4142L24 26' stroke='%23E8E5E0' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M10 19H9V21H10V19ZM29 21C29.5523 21 30 20.5523 30 20C30 19.4477 29.5523 19 29 19V21ZM10 21H29V19H10V21Z' fill='%23E8E5E0'/%3E%3Crect x='1' y='1' width='38' height='38' rx='19' stroke='%23E8E5E0' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 40px;
height: 40px;
transform: translate(-100px, 0);
transition: all 0.3s ease;
}
#home-header .grid-for-patients-wrapper .card:hover .card__inner:after {
transform: translate(0, 0);
}
#home-header .grid-for-patients-wrapper .card__background-image {
height: 100%;
padding-top: 0;
}
#home-header .grid-for-patients-wrapper .card__background-image:before {
display: none;
}
#home-header .grid-for-patients-wrapper .card__background-image:after {
display: none;
}
#home-header .grid-for-patients-wrapper .card .card__inner {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(9, 9, 121, 0));
transition: all 0.5s ease-in-out;
}
#home-header .grid-for-patients-wrapper .card__title {
width: 75%;
color: #fff;
font-weight: var(--font-weight-regular);
}
@media (max-width: 480px) {
#home-header .grid-for-patients-wrapper .card__title {
font-size: 26px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#home-header .grid-for-patients-wrapper .card__title {
font-size: calc(1.80556vw + 17.33333px);
}
}
@media (min-width: 1920px) {
#home-header .grid-for-patients-wrapper .card__title {
font-size: 52px;
}
}
@media (min-width: 1024px) and (max-width: 480px) {
#home-header .grid-for-patients-wrapper .card__title {
font-size: 18px;
}
}
@media (min-width: 1024px) and (min-width: 481px) and (max-width: 1919px) {
#home-header .grid-for-patients-wrapper .card__title {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1024px) and (min-width: 1920px) {
#home-header .grid-for-patients-wrapper .card__title {
font-size: 24px;
}
}
#quick-links-strip {
position: relative;
z-index: 1;
background-color: var(--color-navy);
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: auto;
}
@media (max-width: 480px) {
#quick-links-strip {
margin-top: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#quick-links-strip {
margin-top: calc(1.38889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
#quick-links-strip {
margin-top: 40px;
}
}
@media (max-width: 480px) {
#quick-links-strip {
padding-left: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#quick-links-strip {
padding-left: calc(1.38889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
#quick-links-strip {
padding-left: 40px;
}
}
.mobile-size #quick-links-strip > .width-normal {
padding: 0 2.5%;
}
.quick-links-strip {
position: relative;
z-index: 99;
width: 100%;
}
@media (max-width: 480px) {
.quick-links-strip {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.quick-links-strip {
margin-top: calc(5.55556vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.quick-links-strip {
margin-top: 120px;
}
}
@media screen and (min-width: 1024px) {
.quick-links-strip {
max-width: 40rem;
}
}
.quick-links-strip__link {
font-weight: var(--font-weight-regular);
color: var(--color-navy);
width: 100%;
display: flex;
background: var(--color-orange);
padding: 1.5rem 3rem;
border-radius: 50px;
align-items: center;
margin-bottom: 1rem;
justify-content: space-between;
}
.quick-links-strip__link span {
margin-top:7px;
}
.quick-links-strip__link svg {
width: 28px;
}
.quick-links-strip__link:nth-child(2) {
background: var(--color-navy);
color: white;
}
@media (max-width: 480px) {
.quick-links-strip__link {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.quick-links-strip__link {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.quick-links-strip__link {
font-size: 24px;
}
}
.quick-links-strip__link .icon {
margin-left: auto;
}
.quick-links-strip__link:hover {
color: var(--color-navy);
background: var(--color-grey);
}
#quick-links {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
float: right;
border: none;
margin-left: 20px;
background: #fff url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/icons/arrow-down-orange.png) no-repeat
calc(100% - 1em) 50%;
color: #fff;
color: var(--color-navy);
background-size: 1em;
padding-left: 1.5em;
padding-right: 4em;
min-height: 3em;
width: auto;
}
@media (max-width: 480px) {
#quick-links {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
#quick-links {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
#quick-links {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
#quick-links {
font-size: 20px;
}
}
#quick-links-label {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: #fff;
width: auto;
}
@media (max-width: 480px) {
#quick-links-label {
font-size: 12px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#quick-links-label {
font-size: calc(0.55556vw + 9.33333px);
}
}
@media (min-width: 1920px) {
#quick-links-label {
font-size: 20px;
}
}
.home .show-more {
display: block;
margin-top: 5.625vw;
margin-bottom: 5.625vw;
}
@media screen and (min-width: 1024px) {
.home .show-more {
margin-top: 1.4rem;
margin-bottom: 1rem;
}
}
.preferred-provider-strip__text {
font-weight: var(--font-weight-regular);
line-height: 1.2em;
color: var(--color-navy);
font-size: 30px;
}
.footer__block.footer-icons a span {
margin-top: 4px;
}
.preferred-provider-strip {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5rem;
padding: 8rem 0 3rem;
border-bottom: 1px solid white;
}
.preferred-provider-strip .logos {
width: 100%;
height: 120px;
}
.preferred-provider-strip .logo {
width: 40%;
height: auto;
}
@media screen and (max-width: 479px) {
.preferred-provider-strip .logo {
width: 50%;
}
}
@media screen and (min-width: 480px) and (max-width: 599px) {
.preferred-provider-strip .logo {
width: 33.33333%;
}
}
@media screen and (min-width: 1024px) {
.preferred-provider-strip .logo {
width: 25%;
}
}
.preferred-provider-strip .logo img {
height: 80px;
width: auto;
max-width: none;
margin: 0 auto;
}
@media (max-width: 480px) {
#upcoming-events-teaser {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#upcoming-events-teaser {
margin-top: calc(5.55556vw + 13.33333px);
}
}
@media (min-width: 1920px) {
#upcoming-events-teaser {
margin-top: 120px;
}
}
@media screen and (max-width: 1023px) {
.careers blockquote {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.careers blockquote {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
}
.careers blockquote:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.careers blockquote:last-child {
margin-right: 0;
}
.careers blockquote:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media (max-width: 480px) {
.career-listings {
margin-top: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.career-listings {
margin-top: calc(1.38889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.career-listings {
margin-top: 40px;
}
}
.career-listings__item {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
width: 100%;
border-top: 1px solid var(--color-orange);
}
@media (max-width: 1024px) {
.career-listings__item {
padding-top: 10px;
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.career-listings__item {
padding-top: calc(1.11607vw + -1.42857px);
}
}
@media (min-width: 1920px) {
.career-listings__item {
padding-top: 20px;
}
}
@media (max-width: 1024px) {
.career-listings__item {
padding-right: 40px;
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.career-listings__item {
padding-right: calc(4.46429vw + -5.71429px);
}
}
@media (min-width: 1920px) {
.career-listings__item {
padding-right: 80px;
}
}
.career-listings__item + .career-listings__item {
margin-top: 1em;
}
.career-listings__item:hover .career-listings__title {
color: var(--color-orange);
}
.career-listings__title {
color: var(--color-navy);
}
@media (max-width: 480px) {
.career-listings__title {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.career-listings__title {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.career-listings__title {
font-size: 24px;
}
}
.career-listings__date {
color: var(--color-navy);
}
@media (max-width: 480px) {
.career-listings__date {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.career-listings__date {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.career-listings__date {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.career-listings__date {
font-size: 20px;
}
}
.career-listings__icon {
position: absolute;
}
@media (max-width: 480px) {
.career-listings__icon {
top: 10px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.career-listings__icon {
top: calc(0.69444vw + 6.66667px);
}
}
@media (min-width: 1920px) {
.career-listings__icon {
top: 20px;
}
}
@media (max-width: 480px) {
.career-listings__icon {
right: 10px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.career-listings__icon {
right: calc(0.69444vw + 6.66667px);
}
}
@media (min-width: 1920px) {
.career-listings__icon {
right: 20px;
}
}
.positions {
background: #faf9f7;
}
@media (max-width: 480px) {
.positions {
padding-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.positions {
padding-top: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.positions {
padding-top: 80px;
}
}
@media (max-width: 480px) {
.positions {
padding-bottom: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.positions {
padding-bottom: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.positions {
padding-bottom: 80px;
}
}
@media (max-width: 480px) {
.positions {
margin-bottom: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.positions {
margin-bottom: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.positions {
margin-bottom: 80px;
}
}
.positions__title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1023px) {
.positions__title {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.positions__title {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(83.25% - 5.83333px);
-ms-flex-preferred-size: calc(83.25% - 5.83333px);
flex-basis: calc(83.25% - 5.83333px);
max-width: calc(83.25% - 5.83333px);
width: calc(83.25% - 5.83333px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.positions__title:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.positions__title:last-child {
margin-right: 0;
}
.positions__title:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (max-width: 1023px) {
.positions__listings {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.positions__listings {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(49.95% - 17.5px);
-ms-flex-preferred-size: calc(49.95% - 17.5px);
flex-basis: calc(49.95% - 17.5px);
max-width: calc(49.95% - 17.5px);
width: calc(49.95% - 17.5px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.positions__listings:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.positions__listings:last-child {
margin-right: 0;
}
.positions__listings:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
@media screen and (max-width: 1023px) {
.positions__additional-info {
width: 100%;
margin-top: 2em;
}
}
@media screen and (min-width: 1024px) {
.positions__additional-info {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(24.975% - 26.25px);
-ms-flex-preferred-size: calc(24.975% - 26.25px);
flex-basis: calc(24.975% - 26.25px);
max-width: calc(24.975% - 26.25px);
width: calc(24.975% - 26.25px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.positions__additional-info:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.positions__additional-info:last-child {
margin-right: 0;
}
.positions__additional-info:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
#charity-logos {
overflow: hidden;
}
#charity-logos img {
float: left;
height: 30.625vw;
margin: 35px;
width: auto;
}
@media screen and (min-width: 1024px) {
#charity-logos img {
height: 142px;
margin: 35px 60px;
}
}
#expr3ss-jobs-widget {
margin-bottom: 4rem !important;
}
.expr3ss-jobs-widget-division-header {
font-size: 18px !important;
}
.expr3ss-jobs-widget-job {
margin-bottom: 1.5em !important;
}
.expr3ss-jobs-widget-title:hover {
color: var(--color-navy) !important;
}
.expr3ss-jobs-widget-subtitle {
font-size: 14px !important;
}
.expr3ss-jobs-widget-button-apply {
margin-left: 1rem !important;
padding: 1rem !important;
border-radius: 0 !important;
}
.expr3ss-jobs-widget-button-apply:hover {
background-color: var(--color-navy) !important;
}
.expr3ss-jobs-widget-description {
padding: 1rem !important;
}
.events__title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(91.575% - 2.91667px);
-ms-flex-preferred-size: calc(91.575% - 2.91667px);
flex-basis: calc(91.575% - 2.91667px);
max-width: calc(91.575% - 2.91667px);
width: calc(91.575% - 2.91667px);
margin-left: calc(8.325% + 2.91667px) !important;
}
.events__title:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
.events__title:last-child {
margin-right: 0;
}
.events__title:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
@media (max-width: 480px) {
.events__title {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.events__title {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.events__title {
font-size: 32px;
}
}
.events__container {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (max-width: 480px) {
.events__container {
margin-top: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.events__container {
margin-top: calc(3.125vw + 20px);
}
}
@media (min-width: 1920px) {
.events__container {
margin-top: 80px;
}
}
@media (max-width: 480px) {
.events__item {
margin-bottom: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.events__item {
margin-bottom: calc(1.38889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.events__item {
margin-bottom: 40px;
}
}
.events__item--upcoming {
width: 100%;
}
.events__date {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 1em;
}
@media (max-width: 480px) {
.events__date {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.events__date {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.events__date {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.events__date {
font-size: 20px;
}
}
.events__time {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
margin-top: 1em;
margin-bottom: 1em;
}
@media (max-width: 480px) {
.events__time {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.events__time {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.events__time {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.events__time {
font-size: 20px;
}
}
.events__heading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
line-height: 1.2;
margin-bottom: 0.5em;
}
@media (max-width: 480px) {
.events__heading {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.events__heading {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.events__heading {
font-size: 32px;
}
}
.events__link {
border-bottom: 1px solid var(--color-orange);
}
.events__link:hover {
border-color: transparent;
}
.events__summary {
margin-top: 2em;
margin-bottom: 2em;
}
.events__summary P {
line-height: 1.5em;
}
#past-events {
display: none;
}
@media (max-width: 480px) {
#past-events {
margin-bottom: 35px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
#past-events {
margin-bottom: calc(3.125vw + 20px);
}
}
@media (min-width: 1920px) {
#past-events {
margin-bottom: 80px;
}
}
#past-events .events__item {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
margin-left: calc(8.325% + 2.91667px) !important;
}
#past-events .events__item:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#past-events .events__item:last-child {
margin-right: 0;
}
#past-events .events__item:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
@media screen and (min-width: 1024px) {
#past-events {
display: block;
width: 100%;
margin-top: 5em;
}
}
@media screen and (min-width: 1024px) {
#upcoming-events .events {
margin: 0 auto;
width: calc(100% - 3.375em);
}
}
@media screen and (min-width: 1681px) {
#upcoming-events .events {
width: calc(100% - 3.375em);
max-width: 140.625em;
}
}
#upcoming-events .event {
background: #faf9f7;
margin-bottom: 35px;
}
@media screen and (min-width: 1024px) {
#upcoming-events .event {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
#upcoming-events .event .bg {
height: 21.25vw;
background-size: cover;
background-position: 50%;
}
@media screen and (min-width: 1024px) {
#upcoming-events .event .bg {
height: auto;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(41.625% - 20.41667px);
-ms-flex-preferred-size: calc(41.625% - 20.41667px);
flex-basis: calc(41.625% - 20.41667px);
max-width: calc(41.625% - 20.41667px);
width: calc(41.625% - 20.41667px);
}
#upcoming-events .event .bg:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#upcoming-events .event .bg:last-child {
margin-right: 0;
}
#upcoming-events .event .bg:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
}
#upcoming-events .event .details {
position: relative;
padding: 6.25vw 0;
}
@media screen and (min-width: 1024px) {
#upcoming-events .event .details {
padding: 4.4rem 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: calc(33.3% - 23.33333px);
-ms-flex-preferred-size: calc(33.3% - 23.33333px);
flex-basis: calc(33.3% - 23.33333px);
max-width: calc(33.3% - 23.33333px);
width: calc(33.3% - 23.33333px);
}
#upcoming-events .event .details:nth-child(1n) {
margin-right: 35px;
margin-left: 0;
}
#upcoming-events .event .details:last-child {
margin-right: 0;
}
#upcoming-events .event .details:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
#upcoming-events .event .details .slice {
display: none;
}
#upcoming-events .event .details:before {
width: 152px;
height: 100%;
position: absolute;
left: -142px;
content: "";
top: 0;
background: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/slices/left-cream.png) 0 100% no-repeat;
background-size: cover;
}
}
#upcoming-events .event .content {
display: none;
}
@media screen and (min-width: 1024px) {
#upcoming-events .event .content {
display: block;
}
}
@media screen and (min-width: 1024px) {
#upcoming-events .event .readmore {
margin-bottom: 2.2rem;
}
}
#upcoming-events .event .location {
display: none;
}
@media screen and (min-width: 1024px) {
#upcoming-events .event .location {
display: block;
color: var(--color-navy);
font-size: 2.2rem;
font-weight: var(--font-weight-medium);
padding-bottom: 0.33em;
}
}
@media (max-width: 480px) {
.main-content + #upcoming-events {
margin-top: 80px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.main-content + #upcoming-events {
margin-top: calc(2.77778vw + 66.66667px);
}
}
@media (min-width: 1920px) {
.main-content + #upcoming-events {
margin-top: 120px;
}
}
.event-details__item + .event-details__item {
margin-top: 4rem;
}
.event-details__heading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.event-details__heading {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.event-details__heading {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.event-details__heading {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.event-details__heading {
font-size: 20px;
}
}
.event-details__date {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
text-transform: uppercase;
letter-spacing: 0.05em;
}
@media (max-width: 480px) {
.event-details__date {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.event-details__date {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.event-details__date {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.event-details__date {
font-size: 20px;
}
}
.event-details__location {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
}
@media (max-width: 480px) {
.event-details__location {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.event-details__location {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.event-details__location {
font-size: 32px;
}
}
.procedures__subheading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.procedures__subheading {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedures__subheading {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.procedures__subheading {
font-size: 32px;
}
}
.sidebar .procedures-submenu__heading {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
}
@media (max-width: 480px) {
.sidebar .procedures-submenu__heading {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.sidebar .procedures-submenu__heading {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.sidebar .procedures-submenu__heading {
font-size: 24px;
}
}
.procedure-clinic-finder__title {
font-weight: var(--font-weight-regular);
line-height: 1.2em;
color: var(--color-navy);
margin-bottom: 4rem;
}
@media (max-width: 480px) {
.procedure-clinic-finder__title {
font-size: 20px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedure-clinic-finder__title {
font-size: calc(0.83333vw + 16px);
}
}
@media (min-width: 1920px) {
.procedure-clinic-finder__title {
font-size: 32px;
}
}
.procedure-clinic-finder__keyword {
color: var(--color-orange);
}
.procedures-submenu-mobile {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.procedures-submenu-mobile__select {
font-weight: var(--font-weight-regular);
line-height: 1.55em;
margin-top: 1em;
color: var(--color-navy);
padding: 1.5rem;
}
@media (max-width: 480px) {
.procedures-submenu-mobile__select {
font-size: 16px;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.procedures-submenu-mobile__select {
font-size: calc(0.73529vw + 12.47059px);
}
}
@media (min-width: 1025px) and (max-width: 1919px) {
.procedures-submenu-mobile__select {
font-size: calc(0.44643vw + 11.42857px);
}
}
@media (min-width: 1920px) {
.procedures-submenu-mobile__select {
font-size: 20px;
}
}
.procedures-grid {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
.procedures-grid__row {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.procedure-square,
.procedures-grid__row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.procedure-square {
background: #faf9f7;
position: relative;
max-width: 100%;
border: 1em solid #fff;
transition: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
.procedure-square {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.procedure-square {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
width: 33.33333%;
}
}
@media screen and (min-width: 1280px) {
.procedure-square {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
width: 25%;
}
}
.procedure-square--intro {
-webkit-order: -1000;
-ms-flex-order: -1000;
order: -1000;
}
.procedure-square--active {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background-color: #fff;
-webkit-animation: fade-in-sink 0.3s;
animation: fade-in-sink 0.3s;
-webkit-transform-origin: top center;
transform-origin: top center;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
.procedure-square--active {
-webkit-order: -999;
-ms-flex-order: -999;
order: -999;
}
}
.procedure-square--active .procedure-square__inner {
display: none;
}
.procedure-square--active .procedure-square__container {
padding-left: 2em;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.procedure-square--active .procedure-square__container {
width: 60%;
}
}
@media screen and (min-width: 1280px) {
.procedure-square--active .procedure-square__container {
width: 75%;
}
}
.procedure-square--active .procedure-square__image {
opacity: 0;
-webkit-animation: fade-in 0.6s ease-in-out 0.3s 1 normal forwards;
animation: fade-in 0.6s ease-in-out 0.3s 1 normal forwards;
-webkit-transform-origin: center right;
transform-origin: center right;
}
@media screen and (max-width: 1023px) {
.procedure-square--active .procedure-square__image {
display: block;
padding-bottom: 25%;
}
}
@media screen and (min-width: 1024px) {
.procedure-square--active .procedure-square__image {
min-height: 360px;
height: 100%;
}
}
.procedure-square--active .procedure-square__expanded {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
@media screen and (max-width: 1023px) {
.procedure-square--active .procedure-square__expanded {
width: 100%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.procedure-square--active .procedure-square__expanded {
width: 40%;
}
}
@media screen and (min-width: 1280px) {
.procedure-square--active .procedure-square__expanded {
width: 25%;
}
}
.procedure-square__container {
position: relative;
width: 100%;
}
@media screen and (max-width: 599px) {
.procedure-square__container {
width: 100%;
}
}
.procedure-square__title * {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
margin-bottom: 0.5em;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (max-width: 480px) {
.procedure-square__title * {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedure-square__title * {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.procedure-square__title * {
font-size: 24px;
}
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
.procedure-square__inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.procedure-square__inner {
padding: 2rem;
}
@media screen and (max-width: 1023px) {
.procedure-square__inner {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
}
.procedure-square__toggle {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-orange);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
box-shadow: none;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: none;
border-bottom: 1px solid var(--color-orange);
padding: 0;
}
@media (max-width: 480px) {
.procedure-square__toggle {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedure-square__toggle {
font-size: calc(0.13889vw + 13.33333px);
}
}
@media (min-width: 1920px) {
.procedure-square__toggle {
font-size: 16px;
}
}
.procedure-square__toggle .icon {
margin-left: 0.25em;
}
.procedure-square__toggle:hover {
background: none;
}
.procedure-square__toggle:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.procedure-square__expanded {
display: none;
}
.procedure-square--active .procedure-square__expanded {
display: block;
}
@media screen and (min-width: 1024px) {
.procedure-square.text-intro {
background: none;
}
}
.procedure-square__image {
display: none;
background-size: cover;
background-position: 50%;
}
@media screen and (min-width: 1024px) {
.procedure-square__image {
display: block;
width: 100%;
height: 136px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
}
.procedure-square__menu {
padding-bottom: 2em;
}
.procedure-square__menu-title {
font-weight: var(--font-weight-medium);
line-height: 1.2em;
color: var(--color-navy);
display: block;
margin-bottom: 1em;
}
@media (max-width: 480px) {
.procedure-square__menu-title {
font-size: 18px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.procedure-square__menu-title {
font-size: calc(0.41667vw + 16px);
}
}
@media (min-width: 1920px) {
.procedure-square__menu-title {
font-size: 24px;
}
}
.online-booking-cta {
width: 100%;
margin-top: 10rem;
background-color: var(--color-orange);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
text-align: center;
color: var(--color-navy);
}
.online-booking-cta__wrapper {
width: 60%;
padding: 4rem 0;
margin: 0 6rem;
text-align: left;
border-left: 1px solid rgb(255 255 255 / 50%);
}
.online-booking-cta__headline {
color: var(--color-navy);
text-transform: capitalize;
font-weight: var(--font-weight-regular);
font-size: 36px;
}
.online-booking-cta__button-wrapper {
margin-top: 5rem;
}
.online-booking-cta__button {
color: #fff !important;
padding: .6em 2rem;
background-color: var(--color-navy);
text-decoration: none !important;
border-radius: 40px;
display: flex;
align-items: center;
width: fit-content;
}
.online-booking-cta__button span {
margin-top: 5px;
}
.online-booking-cta__button svg {
margin-left: 3rem;
height:22px;
}
.online-booking-cta__button:hover {
color: var(--color-navy) !important;
background-color: var(--color-grey);
}
@media (max-width: 480px) {
.news-latest-stories {
margin-top: 40px;
}
}
@media (min-width: 481px) and (max-width: 1919px) {
.news-latest-stories {
margin-top: calc(2.77778vw + 26.66667px);
}
}
@media (min-width: 1920px) {
.news-latest-stories {
margin-top: 80px;
}
}
.news-latest-stories__title {
margin-left: calc(8.325% + 2.91667px) !important;
}
@media print {
.footer-section.footer__container {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr;
padding-bottom: 20px;
}
.footer {
margin-top: 0;
}
body > svg {
display: none;
}
* {
display: block;
width: 100%;
color: #000;
background-color: #fff;
position: static !important;
}
:after,
:before {
display: none;
}
script,
style {
display: none;
}
.nav,
.header__row {
display: none !important; 
}
.page-header-inner__image {
display:none !important;
}
.inner-header-template .page-header-inner-grid {
display:block !important;
}
.page-header-inner-grid-left {
height: auto !important;
}
.header__container.header__grid {
display:block;
}
.page-header-inner {
height:auto !important;
}
.clinic-finder-grid {
display:block;
}
.content,
.sidebar {
display: block;
}
.content h1,
.sidebar h1,
h1 .content,
h1 .sidebar {
font-size: 24px !important;
}
.content .intro-paragraph p,
.content h2,
.sidebar .intro-paragraph p,
.sidebar h2,
h2 .content,
h2 .sidebar {
font-size: 21px !important;
}
.content h3,
.sidebar h3,
h3 .content,
h3 .sidebar {
font-size: 18px !important;
}
.content h4,
.sidebar h4,
h4 .content,
h4 .sidebar {
font-size: 16px !important;
}
.content a,
.content p,
.sidebar a,
.sidebar p {
font-size: 12px !important;
line-height: 1.5;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content strong,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6,
.sidebar strong {
font-weight: var(--font-weight-medium);
}
.content p a,
.sidebar p a {
display: inline-block !important;
width: auto !important;
}
.wrapper {
background-size: contain;
background-repeat: no-repeat;
background-position: top;
}
.content,
.sidebar {
float: left;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.sidebar {
margin-top: 4em;
clear: both;
}
.sidebar__group {
float: left;
width: 100%;
clear: both;
padding-right: 4em;
page-break-inside: avoid;
}
.procedures-submenu__heading,
.sidebar-nav {
display: none;
}
#print-logo {
margin-top: 40px;
display: block;
width: 100%;
margin-bottom: 40px;
top: 0;
left: 0;
position: relative;
z-index: 999999;
}
#print-logo img {
position: absolute;
margin-bottom: -40px;
margin-left: 5%;
width: 220px;
height: auto;
} 
#site-logo img {
max-width: 120px;
}
#site-header {
display: none;
}
.banner-slider {
height:0px !important;
}
#home-header .grid-for-patients-wrapper .card {
height: auto !important;
width: 100% !important;
}
#home-header .grid-for-patients-wrapper .card__background-image {
display:none !important;
}
#home-header .grid-for-patients-wrapper .card__title {
color: #000 !important;
}
.providers__section .logos {
display: none !important;
}
.preferred-provider-strip {
display: block !important;
}
.footer-section {
display: block !important;
}
.footer__column {
width: 50% !important;
float: left !important;
}
#copyright a {
color: #000;
}
#copyright span {
display: none;
}
#copyright span:first-child {
display: block;
}
.mm-panels,
.nav-title__button,
.page-header__image,
.primary-nav,
.smallmenu,
.top-menu {
display: none !important;
}
.page-header__image {
color: var(--color-navy);
}
.flex-video {
display: none !important;
}
#procedures-submenu {
display: block !important;
}
#procedures-submenu .sidebar-nav__list {
background-color: #fff;
display: none;
}
#procedures-submenu .sidebar-nav__item {
display: none;
float: left;
font-weight: var(--font-weight-medium);
}
#procedures-submenu .sidebar-nav__item.open {
display: block;
}
#procedures-submenu .sidebar-nav__item.open .sidebar-nav__item {
display: inline-block;
width: auto;
float: left;
}
#procedures-submenu
.sidebar-nav__item.open
.sidebar-nav__item
.sidebar-nav__list {
display: none;
}
#procedures-submenu
.sidebar-nav__item.open
.sidebar-nav__item
.sidebar-nav__link {
text-decoration: underline;
}
#procedures-submenu .sidebar-nav__item.open .sidebar-nav__link {
padding: 0 1rem 0 0;
}
#procedures-submenu .sidebar-nav__link {
border: none;
min-height: 0;
}
#procedures-submenu .sidebar-nav__toggle {
display: none;
}
#clinics-map,
#primary-nav,
#quick-closest-clinic,
.nav-title__button,
.procedures-icons,
.top-menu {
display: none !important;
}
.footer {
position: relative !important;
}
.footer,
.footer__container {
display: block !important;
width: 100%;
}
.footer__container {
float: left;
}
.footer__column {
}
.footer__column * {
font-size: 10px !important;
}
.footer__column .footer__heading,
.footer__column .footer__label,
.footer__column a {
color: #000 !important;
}
.footer__column .footer__heading {
font-weight: var(--font-weight-medium);
}
.footer__heading {
margin-top: 40px;
display: block;
}
.footer .clinic-finder,
.footer .social-media {
display: none;
}
.footer a {
color: #000;
}
.values-strip {
display: none;
}
#copright {
padding: 2em 0;
}
#copright span:first-child {
display: block !important;
}
#copright a {
display: none !important;
}
#copright span:last-child {
display: none !important;
}
#intranet-login {
display: none;
}
.procedures-submenu-mobile {
display: none !important;
}
.mobile-header {
display: block;
padding: 0 0 2em !important;
margin: 0 !important;
display: inline-block !important;
}
.main-content {
max-width: 100%;
padding: 0;
font-size: 12px !important;
}
.flexme {
display: block;
}
}
.mlos .content p {
margin-bottom: 1rem;
}
.base--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 0px) {
.base--down {
display: none !important;
}
}
.base--up {
display: none;
}
@media screen and (min-width: 0px) {
.base--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.small--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 480px) {
.small--down {
display: none !important;
}
}
.small--up {
display: none;
}
@media screen and (min-width: 480px) {
.small--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.nexus--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 600px) {
.nexus--down {
display: none !important;
}
}
.nexus--up {
display: none;
}
@media screen and (min-width: 600px) {
.nexus--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.medium--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px) {
.medium--down {
display: none !important;
}
}
.medium--up {
display: none;
}
@media screen and (min-width: 768px) {
.medium--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.ipad--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 1024px) {
.ipad--down {
display: none !important;
}
}
.ipad--up {
display: none;
}
@media screen and (min-width: 1024px) {
.ipad--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.large--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 1280px) {
.large--down {
display: none !important;
}
}
.large--up {
display: none;
}
@media screen and (min-width: 1280px) {
.large--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.xlarge--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 1440px) {
.xlarge--down {
display: none !important;
}
}
.xlarge--up {
display: none;
}
@media screen and (min-width: 1440px) {
.xlarge--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.huge--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 1681px) {
.huge--down {
display: none !important;
}
}
.huge--up {
display: none;
}
@media screen and (min-width: 1681px) {
.huge--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.max--down {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 1920px) {
.max--down {
display: none !important;
}
}
.max--up {
display: none;
}
@media screen and (min-width: 1920px) {
.max--up {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.header__grid {
display: grid;
grid-template-areas: "left right";
grid-template-columns: 0.6fr 1fr;
overflow: inherit;
}
.header__grid-left {
grid-area: left;
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding-right: 2rem;
}
.header__grid-right {
grid-area: right;
border-left: 1px solid var(--color-grey);
}
.home__featured-block-grid-left-top p {
font-size: 36px;
line-height: 1.4;
margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
.home__featured-block-grid-left-top p {
font-size: 26px;
line-height: 1.2;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 1220px) {
.header__grid {
grid-template-areas: "left left";
grid-template-columns: 1fr 1fr;
}
.header__grid-left {
padding-right: inherit;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.header__logo {
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
position: relative;
}
.header__mobile {
width: 100%;
display: flex;
justify-content: space-between;
gap: 0.2rem;
}
}
.page-header__content-left {
padding-top: 8rem;
display: flex;
flex-direction: column;
}
.page-header__content-right {
display: flex;
justify-content: flex-end;
}
.home__featured-block-grid {
display:grid;
grid-template-columns: 1fr .4fr;
grid-gap: 1rem;
margin-top: 4rem;
margin-bottom: 16rem;
}
.home__featured-block-grid-left {
display: flex;
flex-direction: column;
}
.home__featured-block-grid-left-bottom {
width: 70%;
margin: auto;
border-left: 1px solid var(--color-grey);
padding-left: 5rem;
height: -webkit-fill-available;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.home__featured-block-grid-left-bottom p {
font-size: 24px;
height: inherit;
display: flex;
align-items: center;
}
.home__featured-block-grid-left-bottom-buttons {
display: flex;
}
.home__featured-block-grid-left-bottom-buttons a {
color: var(--color-navy);
border: 1px solid var(--color-navy);
border-radius: 40px;
padding: 0.6rem 1.8rem;
margin-top: 1rem;
margin-right: 0.5rem;
display: flex;
align-items: center;
width: 240px;
justify-content: space-between;
}
.home__featured-block-grid-left-bottom-buttons a:hover {
color: white;
background: var(--color-navy);
}
.home__featured-block-grid-left-bottom-buttons a span {
margin-top: 7px;
}
.home__featured-block-grid-left-bottom-buttons svg{
width:28px;
}
.home__featured-block-grid-right {}
.home__featured-block-grid-right img { 
width: 100%;
}
.providers__section {
background: var(--color-footer-grey);
margin-bottom: -10rem;
}
.footer-section {
padding-top:6rem;
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr 1fr;
padding-bottom: 20vw;
gap:1rem;
}
.footer__logo {
margin-bottom:12rem;
}
.footer-icons {
gap:0.5rem;
align-items: center;
}
.only-mobile {
display: none;
}
.banner-slider {
width:100vw;
height:1000px;
position: absolute;
top:0;
}
.banner-slider .item {
width:100%;
height:100%;
}
.banner-slider img{
width:100%;
height:100%;
object-fit: cover;
}
.banner-slider .flickity-slider {
transform: none !important;
}
.banner-slider .flickity-slider .item {
left: 0 !important;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: -1;
}
.banner-slider .flickity-slider .item.is-selected {
opacity: 1;
z-index: 0
}
.page-header-inner {
height: 400px;
position: relative;
background-color: var(--color-header-grey);
}
.page-header-inner .page-header-inner__image {
background-size: cover;
background-position: center;
width: 70%;
height: 100%;
background-color: grey;
background-repeat: no-repeat;
position: absolute;
right:0;
}
.page-header-inner-grid {
display: grid;
grid-template-columns: 0.6fr 1fr;
position: relative;
z-index: 9;
}
.page-header-inner-grid-left {
background: var(--color-header-grey);
height: 400px;
padding-top: 7rem;
padding-right: 5rem;
}
.page-header-inner-grid-left .page-header-text {
flex-basis: inherit;
max-width: inherit;
width: inherit;
}
.page-header-inner-grid-right .page-header-inner__image {
height: 100%;
position: relative;
background-position: center;
background-size: 100%;
}
h3.online-booking-cta__headline {
border:0;
padding-top:0;
}
#mrilocations {
border:0;
padding-top:inherit;
}
.clinic-finder-grid {
display: grid;
grid-template-columns: .3fr 1fr;
grid-gap: 2rem;
border-top: 1px solid orange;
padding-top: 4rem;
margin-top: 12rem;
margin-bottom: 12rem;
}
#clinics-map {
height: 650px;
}
.procedure-clinic-finder {
display: flex;
flex-direction: column;
}
.clinic-finder-grid .clinic-button {
color: var(--color-navy);
display: flex;
align-items: center;
border: 1px solid var(--color-navy);
padding: 0.5rem 2rem;
border-radius: 20px;
width: max-content;
}
.clinic-finder-grid .clinic-button span {
margin-top:5px;
}
.clinic-finder-grid .clinic-button svg {
margin-left:4rem;
}
.clinic-finder-grid .clinic-button:hover {
color: white;
background: var(--color-navy);
}
.sidebar .procedures-submenu {
position: relative;
}
.sidebar .procedures-submenu:before {
content: "";
border-left: 1px solid var(--color-grey);
height: calc(100% + 120px);
position: absolute;
margin-left: -20%;
margin-top: -120px;
}
.sidebar-nav__list:last-child{
border-bottom: none;
}
.procedures__quote {
padding: 100px 0;
}
.procedures__quote p {
font-size: 30px;
font-weight: var(--font-weight-regular);
color: var(--color-navy);
margin-bottom:3rem;
}
.top-padding {
padding-top:120px;
}
#home-header .card.card--home .card__inner{
padding:3rem;
}
#home-header .card.card--home:hover .card__inner h2{
text-decoration: none;
}
.children.primary-nav__children .primary-nav__item:hover {
border-color: var(--color-navy);
}
.children.primary-nav__children .featured-menu-item:hover {
border-color: transparent !important;
}
.page-template #grid-for-patients .card.card--home {
position: relative;
overflow: hidden;
}
.page-template #grid-for-patients .card.card--home .card__inner{
padding:3rem;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(9, 9, 121, 0));
transition: all 0.5s ease-in-out;
}
.page-template #grid-for-patients .card.card--home:hover .card__inner h2{
text-decoration: none;
color: #fff;
}
.page-template #grid-for-patients .card__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.5s ease-in-out;
}
.page-template #grid-for-patients .card__title {
width: 75%;
font-size: 18px;
color: #fff;
font-weight: var(--font-weight-regular);
}
.page-template #grid-for-patients .card__inner:after {
content:"";
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14L28.5858 18.5858C29.3668 19.3668 29.3668 20.6332 28.5858 21.4142L24 26' stroke='%23E8E5E0' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M10 19H9V21H10V19ZM29 21C29.5523 21 30 20.5523 30 20C30 19.4477 29.5523 19 29 19V21ZM10 21H29V19H10V21Z' fill='%23E8E5E0'/%3E%3Crect x='1' y='1' width='38' height='38' rx='19' stroke='%23E8E5E0' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 40px;
height: 40px;
transform: translate(-100px, 0);
transition: all 0.3s ease;
}
.page-template #grid-for-patients .card__background-image:after {
display: none;
}
.page-template #grid-for-patients .card:hover .card__inner {
background: linear-gradient(0deg, rgba(41, 59, 89, 0.75), rgba(41, 59, 89, 0.75)), linear-gradient(180deg, #A9A49A 0%, rgba(169, 164, 154, 0) 50%);
}
.page-template #grid-for-patients .card:hover .card__inner:after {
transform: translate(0, 0);
}
.content.content--basic {
margin: auto !important;
}
#home-header .page-header-text {
line-height: 60px;
}
#home-header .page-header-text__highlight {
font-size: 60px;
}
.alert-bar {
background-color: var(--color-grey);
color: var(--color-navy);
font-size: 20px;
padding: 1.5rem 4rem 1rem;
text-align: center;
transition: all .3s ease;
}
.headroom--unpinned .alert-bar{
display: none;
}
.ipad--down2 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1024px) {
.banner-slider {
height:860px;
}
.page-header-text {
display: none;
}
#home-header .page-header__container {
grid-template-columns: 1fr;
padding-bottom:5rem;
}
.page-header__content-left {
padding-top: 50rem;
}
#home-header .page-header__news-headline {
color: var(--color-navy);
font-size: xx-large;
}
#home-header .page-header__news-list-item {
border-color: var(--color-navy);
}
#home-header .page-header__news-link {
color: var(--color-navy);
}
#home-header .page-header__news-button span {
font-size:20px;
}
#home-header .page-header__news-button {
color: var(--color-navy);
border-color: var(--color-navy)
width: 200px;
justify-content: space-between;
}
#home-header .page-header__image {
// position: absolute;
}
#home-header .page-header__news-button:hover {
color: var(--color-orange);
border-color: var(--color-orange);
}
.home__featured-block-grid {
display: block;
margin-top: 10rem;
margin-bottom: 10rem;
}
.home__featured-block-grid-right {
display: none;
}
.home__featured-block-grid-left-top {
margin-bottom: 50px;
}
.home__featured-block-grid-left-bottom {
width: 90%;
padding-left: 3rem;
margin: 0;
height: auto;
display: block;
}
.home__featured-block-grid-left-bottom-buttons {
margin-top:4rem;
flex-direction: column;
}
.home__featured-block-grid-left-bottom-buttons a {
width: 100%;
}
.preferred-provider-strip {
grid-template-columns: 1fr;
}
.footer-section {
grid-template-columns: 1.4fr 1fr;
padding-bottom: 32vw;
}
.footer__logo {
margin-bottom: 0;
}
.footer-section .footer__column:nth-child(1) {
grid-column: span 2;
margin-bottom: 6rem;
display: flex;
}
.footer-section .footer__column:nth-child(1) .footer__block.footer-icons #intranet-login {
display: none;
}
.footer-section .footer__column:nth-child(1) .footer__block.footer-icons {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-end;
margin-top: 0;
gap: 0;
}
.footer-section .footer__column:nth-child(1) .footer__block.footer-icons .social-icons a {
height: 3rem;
width: 3rem;
}
.footer-section .footer__column:nth-child(3),
.footer-section .footer__column:nth-child(4),
.footer-section .footer__column:nth-child(5) {
display:none;
}
.only-mobile {
display: flex;
}
.only-mobile #intranet-login {
margin-top: 3rem;
}
#footer {
background-image: url(//jonesradiology.com.au/wp-content/themes/tc_drjo/images/footer-mobile.png);
background-repeat: no-repeat;
background-size: 100%;
background-color: var(--color-footer-grey);
background-position: bottom right;
}
#copyright {
font-size: 14px;
padding-left: 0;
padding-right: 0;
margin-left: 6.25vw;
margin-right: 6.25vw;
width: auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
#copyright .copyright-item:first-child {
grid-column: span 3;
margin-bottom: 2rem;
}
#copyright .copyright-item:nth-child(3) {
text-align: center;
}
#copyright .copyright-item:last-child {
text-align: right;
}
#copyright a {
font-size: 14px;
}
.page-header-inner-grid {
display: none;
}
.page-header-inner .page-header-inner__image {
width: 100%;
}
.online-booking-cta__wrapper {
width: 80%;
}
.clinic-finder-grid {
grid-template-columns: 1fr;
}
.procedures-icons {
flex-direction: column;
}
}
@media screen and (max-width: 1220px) {
.header__grid-right {
display: none;
}
.alert-bar {
font-size: 15px;
line-height: 16px;
padding: 1rem 0.5rem 0.5rem;
}
}
@media screen and (min-width: 1220px) {
.ipad--down2 {
display: none;
}
}
.inner-header-template {
padding-top: 0rem;
} @media screen and (min-width: 1200px) {
#container {
padding-top: 18rem;
}
}
@media screen and (min-width: 1400px) {
#container {
padding-top: 20rem;
}
.inner-header-template {
padding-top: 0rem;
}
}
@media screen and (max-width: 1540px) {
.primary-nav__children.ref-nav,
.children.primary-nav__children.ref-nav:after {
left: inherit;
right:0;
}
.children.primary-nav__children.ref-nav {
border-radius: 10px 0px 10px 10px;
}
}
.no-left {margin-left: 0 !important;}
@media screen and (min-width: 1000px) {
.pt-10 {
padding-top: 10rem;
}
}
.intro-text.news-article-intro {
margin-bottom:0 !important;
}
.news-article-intro .intro-text__primary {
width: 100%
}
@media screen and (max-width: 1023px) {
#home-header .grid-for-patients-wrapper .card {
margin-bottom: 20px;
}
}
.doc-mob-adjustment {
background-position: 80% center !important;
}