article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: "“" "”" "‘" "’";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
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 {
border-collapse: collapse;
border-spacing: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a {
text-decoration: none;
}
@font-face {
font-family: "Nunito-Light";
src: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-light-webfont.woff2) format("woff2"), url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-light-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito-Regular";
src: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-regular-webfont.woff2) format("woff2"), url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito-Semibold";
src: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-semibold-webfont.woff2) format("woff2"), url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-semibold-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito-Bold";
src: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-bold-webfont.woff2) format("woff2"), url(//www.gwkelly.com.au/wp-content/themes/olsens/library/fonts/nunito-bold-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.no-scroll,
.no-scroll body {
overflow: hidden !important;
}
html {
font-size: 112.5%;
}
body {
-webkit-font-smoothing: antialiased;
background-color: #fff;
font-family: "Nunito-Light";
font-size: 1rem;
line-height: 1.444;
opacity: 0;
overscroll-behavior: none;
overflow-x: hidden;
transition: opacity 0.6s ease, padding-top 0.3s ease;
width: 100%;
}
body.show {
opacity: 1;
}
.grey {
background-color: #edf0f2;
}
img,
svg,
video {
display: block;
height: auto;
max-width: 100%;
}
.container {
margin: 0 auto;
max-width: 76.1111111111rem;
padding: 0 4.0277777778rem;
position: relative;
}
.mobile,
.tablet {
display: none !important;
}
.video__embed {
padding-bottom: 56.25%;
position: relative;
}
.video__embed iframe {
height: 100%;
left: 0;
position: absolute;
max-width: 100%;
top: 0;
width: 100%;
}
.desktop {
display: block !important;
}
.ease {
opacity: 0;
transform: translateY(2rem);
transition: transform 0.8s ease, opacity 1.5s ease;
}
.ease.show {
opacity: 1;
transform: translateY(0px);
}
#header.no-img + #wrap {
padding-top: 7.1666666667rem;
}
.kbe .img__wrap {
overflow: hidden;
position: relative;
}
.kbe .img__wrap img {
animation: move 40s ease;
animation-iteration-count: infinite;
}
@-webkit-keyframes move {
0% {
transform-origin: bottom left;
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@media only screen and (max-width: 1024px) {
.container {
padding: 0 1.6666666667rem;
}
}
@media only screen and (max-width: 767px) {
.desktop {
display: none !important;
}
.mobile {
display: block !important;
}
}
a {
color: #000;
text-decoration: none;
}
a:focus {
outline: 0;
}
section p a {
text-decoration: underline;
}
strong,
b {
font-family: "Nunito-Semibold";
}
h1 {
font-family: "Nunito-Semibold";
font-size: 3.3888888889rem;
line-height: 1;
}
h2,
#hero__text h1:first-child {
font-family: "Nunito-Regular";
font-size: 1.8333333333rem;
line-height: 1.2;
}
h3 {
font-family: "Nunito-Regular";
font-size: 1.7777777778rem;
line-height: 1.2;
}
p {
margin-bottom: 1.1111111111rem;
}
p:last-child {
margin-bottom: 0;
}
.large {
font-family: "Nunito-Regular";
font-size: 1.1111111111rem;
}
section ul:not(:first-child) {
margin-top: 1.1111111111rem;
}
a.btn,
input[type="submit"],
li.btn a,
button.btn,
.wp-core-ui .button.button-large {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border: 0.0555555556rem solid #000;
border-radius: 0.2777777778rem;
color: #000;
display: inline-flex;
font-family: "Nunito-Regular";
font-size: 1.1111111111rem;
height: 3.1111111111rem;
justify-content: center;
line-height: 1;
padding: 0 1.1111111111rem;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s ease;
}
a.btn.small,
input[type="submit"].small,
li.btn a.small,
button.btn.small,
.wp-core-ui .button.button-large.small {
height: 2.2222222222rem;
}
.btn__wrapper {
display: flex;
justify-content: center;
padding-top: 2.6666666667rem;
}
a.btn span {
background-image: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/img/icon-phone.svg);
display: inline-block;
height: 1.1111111111rem;
margin-right: 0.8333333333rem;
width: 1.1111111111rem;
}
#breadcrumbs {
color: #666;
font-size: 0.6666666667rem;
padding-left: 1.8888888889rem;
padding-top: 0.8888888889rem;
}
#breadcrumbs a {
color: #666;
}
section ul,
section ol {
margin-bottom: 1.2777777778rem;
}
section ul li,
section ol li {
padding-left: 1.1666666667rem;
position: relative;
}
section ul li:before,
section ol li:before {
content: "•";
left: 0;
position: absolute;
top: 0;
}
section ul:last-child,
section ol:last-child {
margin-bottom: 0;
}
section ol li {
list-style-type: numeric;
}
section ol li:before {
display: none;
}
@media only screen and (max-width: 1024px) {
h1 {
font-size: 1.6666666667rem;
}
}
@media only screen and (max-width: 767px) {
#hero__text h1:first-child {
font-size: 1.1111111111rem;
}
.btn__wrapper {
padding-top: 2.2222222222rem;
}
a.btn,
input[type="submit"],
li.btn a {
padding: 0.8333333333rem 1.1111111111rem;
}
}
.row {
display: flex;
flex-wrap: wrap;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
}
.col {
flex-grow: 0;
flex-shrink: 0;
}
.col.col-4 {
margin-right: 1.1111111111rem;
width: calc(33.3333333333% - 13.3333333333px);
}
.col.col-4:nth-child(3n + 3) {
margin-right: 0;
}
.col.col-6 {
margin-right: 3.7777777778rem;
width: calc(50% - 34px);
}
.col.col-6.nm {
margin-right: 0;
width: 50%;
}
.col.col-6:nth-child(2n + 2) {
margin-right: 0;
}
.col.col-3 {
margin-right: 2.2222222222rem;
width: calc(25% - 30px);
}
.col.col-3:nth-child(4n + 4) {
margin-right: 0;
}
.col.col-8 {
margin-right: 2.7777777778rem;
width: calc(70% - 25px);
}
.col.col-8 + .col-4 {
margin-right: 0;
width: calc(30% - 25px);
}
.two-col-70-30 .col-4.col:first-child {
margin-right: 2.7777777778rem;
width: calc(30% - 25px);
}
.two-col-70-30 .col-4.col:first-child + .col.col-8 {
margin-right: 0;
width: calc(70% - 25px);
}
@media only screen and (max-width: 767px) {
.col.col-4,
.col.col-3,
.col.col-8 {
margin-right: 0;
width: 100%;
}
.col.col-8 + .col-4 {
width: 100%;
}
.two-col-70-30 .col-4.col:first-child {
margin-right: 0;
width: 100%;
}
.two-col-70-30 .col-4.col:first-child + .col.col-8 {
margin-right: 0;
width: 100%;
}
.col.col-4:nth-child(3n + 3) {
margin-right: 1.1111111111rem;
}
.col.col-4:nth-child(2n + 2) {
margin-right: 0;
}
.col.col-3:nth-child(4n + 4) {
margin-right: 1.1111111111rem;
}
.col.col-3:nth-child(2n + 2) {
margin-right: 0;
}
}
#header {
left: 0;
position: fixed;
top: 0;
transition: background-color 0.3s ease, top 0.3s ease;
width: 100%;
z-index: 999;
}
#header__logo {
flex-shrink: 0;
max-width: 16.6666666667rem;
}
#header__logo img {
max-height: 4.2777777778rem;
}
#header__inner {
display: flex;
flex-wrap: wrap;
padding: 1.6666666667rem 1.3333333333rem 1.6666666667rem 1.6666666667rem;
position: relative;
transition: padding-top 0.3s ease;
top: 0;
}
#header__dots {
display: none;
}
#header.has-bar {
top: 2.7777777778rem;
}
#search__trigger {
align-items: center;
cursor: pointer;
display: flex;
margin-right: 1.1111111111rem;
}
#search__form {
height: 2.7777777778rem;
left: 0;
position: absolute;
top: 0;
transform: translateY(-100%);
transition: transform 0.3s ease;
width: 100%;
z-index: 2;
}
#search__form > div {
background-color: #f1f1f1;
display: flex;
height: 2.7777777778rem;
padding: 0 1.1111111111rem;
}
#search__form > div input {
border: none;
color: #000;
height: 2.7777777778rem;
padding: 0;
}
#search__form > div input::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
#search__form > div input:-moz-placeholder {
color: #000;
opacity: 1;
}
#search__form > div input::-moz-placeholder {
color: #000;
opacity: 1;
}
#search__form > div input:-ms-input-placeholder {
color: #000;
opacity: 1;
}
#search__form > div input:placeholder-shown {
color: #000;
opacity: 1;
}
#search__form > div button {
background-color: #f1f1f1;
border: none;
}
#top__bar {
align-items: center;
color: #fff;
display: flex;
height: 2.7777777778rem;
justify-content: center;
left: 0;
padding: 0.5555555556rem 1.1111111111rem;
position: fixed;
text-align: center;
top: 0;
transition: top 0.3s ease;
width: 100%;
z-index: 1000;
}
#top__bar a {
color: #fff;
}
.site-id-3 #header__logo {
max-width: 300px;
}
body.search-showing {
padding-top: 2.7777777778rem;
}
body.search-showing #header__inner {
padding-top: 4.4444444444rem;
}
body.search-showing #search__form {
transform: translateY(0%);
}
@media only screen and (max-width: 1350px) {
#header__logo {
max-width: 11.1111111111rem;
}
}
@media only screen and (max-width: 1200px) {
#header__inner {
padding: 1.1111111111rem 1.1111111111rem 1.1111111111rem 1.1111111111rem;
}
#header__logo {
max-width: 9.4444444444rem;
}
}
@media only screen and (max-width: 1024px) {
#header__hamburger,
#header__dots,
#header #search__trigger {
transition: top 0.3s ease;
}
body.search-showing #header__hamburger,
body.search-showing #header__dots,
body.search-showing #header #search__trigger {
top: 3.3333333333rem;
}
#header__inner {
justify-content: center;
padding: 1.6666666667rem 1.3888888889rem;
padding-bottom: 1.6666666667rem;
padding-top: 2.7777777778rem;
}
#header__logo {
display: flex;
justify-content: center;
max-width: 16.6666666667rem;
position: static;
transform: translateX(-5px);
width: 70%;
}
#header__dots {
cursor: pointer;
display: block;
position: absolute;
right: 0.3888888889rem;
top: 0.8888888889rem;
z-index: 2;
}
#header__dots a {
display: block;
}
#header__dots svg {
height: 1.1111111111rem;
width: auto;
}
#header__hamburger {
cursor: pointer;
height: 1.3888888889rem;
left: 0.8333333333rem;
position: absolute;
top: 0.8333333333rem;
width: 1.6666666667rem;
z-index: 5;
}
#header__hamburger span {
background-color: #fff;
display: block;
height: 0.2222222222rem;
left: 0;
position: absolute;
top: 0;
transform-origin: right center;
transition: all 0.3s ease;
width: 100%;
}
#header__hamburger span:nth-child(1) {
top: 0;
}
#header__hamburger span:nth-child(2) {
top: 0.5rem;
}
#header__hamburger span:nth-child(3) {
top: 1rem;
}
#header__hamburger.active span {
background-color: #000;
}
#header__hamburger.active span:nth-child(1) {
top: -0.0555555556rem;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#header__hamburger.active span:nth-child(2) {
opacity: 0;
}
#header__hamburger.active span:nth-child(3) {
top: 1.1111111111rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#top__bar {
font-size: 0.7777777778rem;
}
}
#footer {
color: #fff;
padding: 4.1666666667rem 0;
}
#footer__left {
margin-right: 5.5555555556rem;
width: calc(27% - 50px);
}
#footer__left .btn {
color: #fff;
}
#footer__left-bottom + #footer__privacy {
margin-top: 1.1111111111rem;
}
#footer__right {
width: calc(73% - 50px);
}
#footer__logo {
margin-bottom: 2.1111111111rem;
}
#footer__logos {
align-items: center;
display: flex;
margin: 1.1111111111rem 0;
margin-top: 1.9444444444rem;
}
#footer__logos > a {
align-items: center;
display: flex;
margin-right: 1.1111111111rem;
}
#footer__logos > a:last-child {
margin-right: 0;
}
#footer__logos img {
max-width: 6.7777777778rem;
}
#footer__social {
display: flex;
margin-bottom: 1.6666666667rem;
margin-top: 1.1111111111rem;
}
#footer__social a {
align-items: center;
border-radius: 50%;
display: flex;
height: 1.3333333333rem;
justify-content: center;
margin-right: 0.5555555556rem;
width: 1.3333333333rem;
}
#footer__social a:last-child {
margin-right: 0;
}
#footer__privacy {
font-size: 0.7777777778rem;
margin-bottom: 1.2222222222rem;
}
#footer__privacy a {
color: #fff;
}
#footer a {
color: #fff;
}
#footer .footer__map {
height: 23.3333333333rem;
}
#footer h3.white {
color: #fff;
margin-bottom: 2.2222222222rem;
}
#footer .locations {
display: flex;
flex-wrap: wrap;
}
#footer .locations > div {
margin-bottom: 2.7777777778rem;
margin-right: 1.1111111111rem;
width: calc(50% - 10px);
}
#footer .locations > div:nth-child(2n + 2) {
margin-right: 0;
}
#footer .locations .btn__wrapper {
justify-content: flex-start;
padding-top: 0rem;
}
#footer .locations .btn__wrapper a {
font-size: 0.7777777778rem;
height: 2.2222222222rem;
}
#footer .locations .btn__wrapper a:hover {
color: #53284f;
}
@media only screen and (max-width: 1200px) {
#footer__left {
margin-right: 1.6666666667rem;
width: calc(40% - 15px);
}
#footer__left .btn {
padding-left: 1.1111111111rem;
padding-right: 1.1111111111rem;
}
#footer__logo {
max-width: 15.5555555556rem;
width: 100%;
}
#footer__right {
width: calc(60% - 15px);
}
}
@media only screen and (max-width: 767px) {
#footer {
padding: 1.9444444444rem 0;
text-align: center;
}
#footer .container {
padding: 0 1.1111111111rem;
}
#footer__logo {
margin-left: auto;
margin-right: auto;
}
#footer__left {
margin-bottom: 1.6666666667rem;
margin-right: 0;
width: 100%;
}
#footer__left .btn {
font-size: 0.7777777778rem;
height: 2.2222222222rem;
margin-top: 0;
}
#footer__left-top {
display: flex;
flex-wrap: wrap;
}
#footer__left-bottom + #footer__privacy {
margin-top: 1.6666666667rem;
}
#footer__logos {
flex-wrap: wrap;
}
#footer__logos > a {
margin-bottom: 1.1111111111rem;
margin-right: 0;
width: 100%;
}
#footer__mobile-right {
width: 100%;
}
#footer__mobile-left {
word-break: break-word;
margin-right: 0rem;
width: 100%;
}
#footer__right {
width: 100%;
}
#footer .footer__map {
height: 17.2222222222rem;
}
#footer__social {
display: flex;
justify-content: center;
}
#footer__social a {
height: 1rem;
width: 1rem;
}
#footer__social a img {
max-width: 60%;
max-height: 60%;
}
#footer h3 {
font-size: 1.1111111111rem;
}
#footer .locations {
font-size: 0.6666666667rem;
}
}
nav#main {
align-items: center;
display: flex;
margin-left: auto;
transform: translateY(5px);
}
nav#main a {
display: block;
}
nav#main > ul {
align-items: center;
display: flex;
height: 100%;
}
nav#main > ul > li {
margin-right: 1.4444444444rem;
position: relative;
}
nav#main > ul > li.mobile {
display: none;
}
nav#main > ul > li > ul.sub-menu {
background-color: #fff;
font-size: 0.8888888889rem;
display: none;
position: absolute;
transform: translate3d(-25px, 0px, 0);
white-space: nowrap;
}
nav#main > ul > li > ul.sub-menu li:first-child > a {
padding-top: 0.5555555556rem;
}
nav#main > ul > li > ul.sub-menu li:last-child > a {
padding-bottom: 0.5555555556rem;
}
nav#main > ul > li > ul.sub-menu > li {
position: relative;
}
nav#main > ul > li > ul.sub-menu > li > a {
background-position: 95% center;
background-repeat: no-repeat;
color: #000;
font-family: "Nunito-Bold";
padding-bottom: 0.5555555556rem;
padding-left: 1.3888888889rem;
padding-right: 2.2222222222rem;
padding-top: 0.5555555556rem;
}
nav#main > ul > li > ul.sub-menu > li.menu-item-has-children > a {
background-image: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/img/icon-chevron.svg);
}
nav#main > ul > li > ul.sub-menu > li.menu-item-has-children > a:hover {
background-image: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/img/icon-chevron-over.svg);
}
nav#main > ul > li > ul.sub-menu > li:hover > a {
text-decoration: underline;
}
nav#main > ul > li > ul.sub-menu > li > ul.sub-menu {
display: none;
font-family: "Nunito-Regular";
left: 100%;
padding-left: 0.9444444444rem;
padding-right: 1.6666666667rem;
position: absolute;
top: 0;
}
nav#main > ul > li > ul.sub-menu > li > ul.sub-menu li {
margin-bottom: 0.2777777778rem;
}
nav#main > ul > li > ul.sub-menu > li > ul.sub-menu li a {
color: #000;
}
nav#main > ul > li > ul.sub-menu > li > ul.sub-menu li:last-child {
margin-bottom: 0;
}
nav#main > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
display: block;
}
nav#main > ul > li > ul.sub-menu > li:last-child {
margin-bottom: 0;
}
nav#main > ul > li > a {
color: #fff;
font-family: "Nunito-Bold";
font-size: 0.8888888889rem;
line-height: 1;
padding-bottom: 0.5555555556rem;
text-transform: uppercase;
}
nav#main > ul > li.btn {
margin-right: 0;
transform: translateY(-13px);
}
nav#main > ul > li.btn a {
border-color: #fff;
color: #fff;
font-family: "Nunito-Bold";
font-size: 0.8333333333rem;
height: 2rem;
padding: 0.4444444444rem 0;
text-align: center;
width: 8.2222222222rem;
}
nav#main > ul > li.btn:last-child {
margin-left: 1.7777777778rem;
}
nav#main > ul > li:not(.btn) a {
transition: color 0.3s ease;
}
nav#main > ul > li:not(.btn):hover > ul.sub-menu {
display: block;
}
nav#main.animated {
transition: transform 0.6s ease;
-webkit-transition: -webkit-transform 0.6s ease;
}
nav#buttons > ul {
align-items: center;
display: flex;
height: 100%;
}
nav#buttons > ul > li.btn {
margin-right: 0;
}
nav#buttons > ul > li.btn a {
border-color: #fff;
color: #fff;
font-family: "Nunito-Bold";
font-size: 0.8333333333rem;
height: 2rem;
padding: 0.4444444444rem 0;
padding-top: 0.5rem;
text-align: center;
width: 8.2222222222rem;
}
nav#buttons > ul > li.btn:last-child {
margin-left: 1.7777777778rem;
}
nav#buttons.animated {
transition: transform 0.6s ease;
-webkit-transition: -webkit-transform 0.6s ease;
}
@media only screen and (max-width: 1350px) {
nav#main > ul > li > a,
nav#buttons > ul > li > a {
font-size: 0.7777777778rem;
}
nav#main > ul > li.btn a,
nav#buttons > ul > li.btn a {
font-size: 0.7777777778rem;
padding-top: 0.5rem;
}
nav#main > ul > li.btn:last-child,
nav#buttons > ul > li.btn:last-child {
margin-left: 0.8333333333rem;
}
}
@media only screen and (max-width: 1410px) {
nav#main > ul > li > ul.sub-menu {
font-size: 0.6666666667rem;
}
nav#main > ul > li > a,
nav#buttons > ul > li > a {
font-size: 0.6666666667rem;
}
nav#main > ul > li.btn a,
nav#buttons > ul > li.btn a {
font-size: 0.6666666667rem;
padding-top: 0.5555555556rem;
width: 6.6666666667rem;
}
}
@media only screen and (max-width: 1024px) {
#search__trigger {
position: absolute;
right: 1.1111111111rem;
top: 1.1111111111rem;
}
nav#main,
nav#buttons {
-webkit-overflow-scrolling: touch;
display: block;
font-size: 1.5555555556rem;
height: 100%;
left: 0;
overflow: auto;
padding: 5.5555555556rem 1.1111111111rem 1.1111111111rem 1.1111111111rem;
position: fixed;
text-transform: none;
top: 0;
transform: translateX(-101%);
width: 100%;
z-index: 3;
}
nav#main > ul > li,
nav#buttons > ul > li {
margin-bottom: 1.1111111111rem;
}
nav#main > ul > li.desktop,
nav#buttons > ul > li.desktop {
display: none !important;
}
nav#main > ul > li.mobile,
nav#buttons > ul > li.mobile {
display: block !important;
}
nav#main > ul > li > a,
nav#buttons > ul > li > a {
font-size: 1.1111111111rem;
}
nav#main.active,
nav#buttons.active {
transform: translateX(0%);
}
nav#main a {
color: #000 !important;
}
nav#main li.menu-item-has-children > a {
position: relative;
}
nav#main li.menu-item-has-children > a:after {
border: 0.1111111111rem solid #000;
border-left: 0;
border-top: 0;
content: "";
display: block;
height: 0.5555555556rem;
position: absolute;
right: 0.2777777778rem;
top: 0;
transform: rotate(45deg);
transition: all 0.3s ease;
width: 0.5555555556rem;
}
nav#main li.menu-item-has-children > a.active:after {
transform: rotate(225deg);
top: 0.5555555556rem;
}
nav#main > ul {
display: block;
}
nav#main > ul > li {
margin-right: 0;
}
nav#main > ul > li > a {
padding-bottom: 0;
}
nav#main > ul > li > ul.sub-menu {
background-color: rgba(0, 0, 0, 0);
display: none;
font-size: 1rem;
margin-top: 1.1111111111rem;
position: static;
transform: none;
width: 100%;
}
nav#main > ul > li > ul.sub-menu > li > a {
background-image: none;
}
nav#main > ul > li > ul.sub-menu > li > a:last-child {
padding-bottom: 0;
}
nav#main > ul > li > ul.sub-menu > li.menu-item-has-children > a:after {
top: 0.2777777778rem;
}
nav#main > ul > li > ul.sub-menu > li.menu-item-has-children > a.active:after {
top: 0.7777777778rem;
}
nav#main > ul > li > ul.sub-menu > li > ul.sub-menu {
display: none;
font-size: 0.8888888889rem;
padding-left: 1.9444444444rem;
padding-right: 0;
position: static;
}
nav#main > ul > li > ul.sub-menu > li > ul.sub-menu > li:last-child a {
padding-bottom: 0;
}
nav#main > ul > li > ul.sub-menu > li:hover > a {
background-image: none;
text-decoration: none;
}
nav#main > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
display: none;
}
nav#main > ul > li > ul.sub-menu > li:first-child > a {
padding-top: 0;
}
nav#main > ul > li:not(.btn):hover > a {
opacity: 1;
}
nav#main > ul > li:not(.btn):hover > ul.sub-menu {
display: none;
}
nav#buttons {
z-index: 1;
}
nav#buttons > ul {
display: block;
}
nav#buttons > ul > li {
margin: 0 !important;
}
nav#buttons > ul > li.btn {
margin-bottom: 1.1111111111rem !important;
}
nav#buttons > ul > li.btn > a {
font-size: 1.1111111111rem;
height: 2.5555555556rem;
width: 100%;
}
}
form {
position: relative;
}
form .gfield_required {
display: none;
}
form label {
display: block;
font-family: "Nunito-Semibold";
font-size: 0.8888888889rem;
margin-bottom: 0.2777777778rem;
margin-right: 1.1111111111rem;
text-align: left;
}
form label:after {
content: ":";
}
form .no-label label {
display: none;
}
form .validation_error {
display: none;
}
form .validation_message {
display: none;
}
form .gform_body > ul {
display: flex;
flex-wrap: wrap;
}
form .gform_body > ul > li {
margin-bottom: 1.1111111111rem;
padding-bottom: 0.1666666667rem;
padding-left: 0;
width: 100%;
}
form .gform_body > ul > li .ginput_container {
flex-grow: 1;
}
form .gform_body > ul > li:nth-child(2n + 2) {
margin-right: 0;
}
form .gform_body > ul > li:last-child {
margin-bottom: 0;
margin-right: 0;
width: 100%;
}
form .gform_body > ul > li:before {
display: none;
}
form .gform_body > ul > li.is-radio {
display: flex;
padding-top: 0.5555555556rem;
}
form .gform_body > ul > li.is-radio .ginput_container ul {
display: flex;
}
form .gform_body > ul > li.is-radio label {
margin-right: 0;
}
form .gform_body > ul > li.is-radio input {
display: none;
}
form .gform_body > ul > li.is-radio input:checked + label:before {
background-color: #333;
}
form .gform_body > ul > li.is-radio > label {
margin-right: 1.1111111111rem;
}
form .gform_body > ul > li.is-radio li {
display: flex;
margin-right: 1.3888888889rem;
padding-left: 0;
}
form .gform_body > ul > li.is-radio li label {
padding-left: 2.8888888889rem;
}
form .gform_body > ul > li.is-radio li label:before {
background-color: #ccc;
border-radius: 50%;
content: "";
height: 2rem;
left: 0;
position: absolute;
top: -0.2777777778rem;
width: 2rem;
}
form .gform_body > ul > li.is-radio li:before {
display: none;
}
form .gform_footer {
text-align: left;
padding-top: 1.6666666667rem;
}
form .gfield_error input,
form .gfield_error textarea {
border-color: red !important;
}
form input[type="text"],
form input[type="email"],
form input[type="search"],
form input[type="number"],
form input[type="tel"],
form input[type="date"],
form input[type="password"],
form textarea,
form select {
-webkit-appearance: none;
background-color: rgba(0, 0, 0, 0);
border: 0.0555555556rem solid #ccc;
color: #000;
display: block;
font-size: 0.8888888889rem;
height: 2.2222222222rem;
padding: 0 0.5555555556rem;
transition: border-color 0.3s ease;
width: 100%;
}
form input[type="text"]::-webkit-input-placeholder,
form input[type="email"]::-webkit-input-placeholder,
form input[type="search"]::-webkit-input-placeholder,
form input[type="number"]::-webkit-input-placeholder,
form input[type="tel"]::-webkit-input-placeholder,
form input[type="date"]::-webkit-input-placeholder,
form input[type="password"]::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form select::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
form input[type="text"]:-moz-placeholder,
form input[type="email"]:-moz-placeholder,
form input[type="search"]:-moz-placeholder,
form input[type="number"]:-moz-placeholder,
form input[type="tel"]:-moz-placeholder,
form input[type="date"]:-moz-placeholder,
form input[type="password"]:-moz-placeholder,
form textarea:-moz-placeholder,
form select:-moz-placeholder {
color: #000;
opacity: 1;
}
form input[type="text"]::-moz-placeholder,
form input[type="email"]::-moz-placeholder,
form input[type="search"]::-moz-placeholder,
form input[type="number"]::-moz-placeholder,
form input[type="tel"]::-moz-placeholder,
form input[type="date"]::-moz-placeholder,
form input[type="password"]::-moz-placeholder,
form textarea::-moz-placeholder,
form select::-moz-placeholder {
color: #000;
opacity: 1;
}
form input[type="text"]:-ms-input-placeholder,
form input[type="email"]:-ms-input-placeholder,
form input[type="search"]:-ms-input-placeholder,
form input[type="number"]:-ms-input-placeholder,
form input[type="tel"]:-ms-input-placeholder,
form input[type="date"]:-ms-input-placeholder,
form input[type="password"]:-ms-input-placeholder,
form textarea:-ms-input-placeholder,
form select:-ms-input-placeholder {
color: #000;
opacity: 1;
}
form input[type="text"]:placeholder-shown,
form input[type="email"]:placeholder-shown,
form input[type="search"]:placeholder-shown,
form input[type="number"]:placeholder-shown,
form input[type="tel"]:placeholder-shown,
form input[type="date"]:placeholder-shown,
form input[type="password"]:placeholder-shown,
form textarea:placeholder-shown,
form select:placeholder-shown {
color: #000;
opacity: 1;
}
form textarea {
height: 5rem;
resize: none;
}
form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus,
form select:-webkit-autofill,
form select:-webkit-autofill:hover,
form select:-webkit-autofill:focus {
-webkit-text-fill-color: #000;
-webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
transition: background-color 5000s ease-in-out 0s;
}
form input[type="number"]::-webkit-inner-spin-button,
form input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
form .ginput_container_select {
background-image: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/img/icon-chevron.svg);
background-position: calc(100% - 14px) center;
background-repeat: no-repeat;
}
.submit-right .gform_footer {
bottom: -0.5555555556rem;
padding-top: 0;
position: absolute;
right: 0;
}
.content-icon-rep + .content.centered .btn__wrapper {
padding-top: 6.6666666667rem;
}
body img.gform_ajax_spinner {
display: none !important;
}
@media only screen and (max-width: 767px) {
form .gform_body > ul > li {
margin-bottom: 1.9444444444rem;
margin-right: 0;
width: 100%;
}
.submit-right .gform_footer {
margin-top: 2.2222222222rem;
position: static;
}
form .gform_body > ul > li.is-radio {
display: block;
}
form .gform_body > ul > li.is-radio > label {
margin-bottom: 1.1111111111rem;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
display: flex !important;
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: inherit !important;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid rgba(0, 0, 0, 0);
}
.slick-slide > div > div {
display: block !important;
}
.slick-arrow.slick-hidden {
display: none;
}
section {
padding-bottom: 3.0555555556rem;
padding-top: 3.0555555556rem;
}
section:last-child {
margin-bottom: 0;
}
#content__wrap section:first-child.content {
padding: 4.4444444444rem 0;
}
#content__wrap section:first-child + section.two-col-rep {
padding-top: 0;
}
#search__results {
padding-bottom: 5.5555555556rem;
}
#search__results .s {
border-bottom: 0.0555555556rem solid #bbb;
margin: 0 auto;
max-width: 55.5555555556rem;
padding: 1.3888888889rem 0;
}
#search__results .s h3 {
margin-bottom: 1.1111111111rem;
}
#search__results .s a:last-child {
text-decoration: underline;
}
#search__results .s:first-child {
border-top: 0.0555555556rem solid #bbb;
}
#hero {
height: 33.3333333333rem;
padding: 0;
position: relative;
}
#hero img,
#hero video {
height: 100%;
object-fit: cover;
object-position: top center;
width: 100%;
}
#hero video {
object-position: center;
}
#hero__text {
align-items: center;
color: #fff;
display: flex;
height: 100%;
justify-content: center;
left: 0;
padding-top: 7.2222222222rem;
position: absolute;
text-align: center;
text-shadow: 0 0 0.1666666667rem rgba(0, 0, 0, 0.75);
top: 0;
width: 100%;
z-index: 1;
}
#hero__text h2 {
color: #fff !important;
}
#hero__text h1 + h2 {
margin-top: 0.5555555556rem;
}
#hero .img__wrap {
height: 100%;
}
#hero.sub {
height: 22.2222222222rem;
}
#hero.sub #hero__text {
background: none;
padding-top: 4.4444444444rem;
}
#hero.no-img {
height: auto;
padding-bottom: 2.7777777778rem;
}
#hero.no-img #hero__text {
align-items: flex-start;
padding-top: 3.2222222222rem;
position: static;
text-shadow: none;
}
.content.centered {
background-position: center;
background-size: cover;
position: relative;
text-align: center;
}
.content.centered video {
height: 100%;
left: 0;
object-fit: cover;
object-position: top center;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.content.centered .container {
z-index: 2;
}
.content.centered h3 {
margin-bottom: 1.2777777778rem;
}
.content.centered h3:not(:first-child) {
margin-top: 3.3333333333rem;
}
.content.centered .row {
justify-content: center;
}
.content.centered .row > div {
max-width: 55.0555555556rem;
}
.content.centered.has-bg {
color: #fff;
position: relative;
}
.content.centered.has-bg h3,
.content.centered.has-bg .btn {
color: #fff;
}
.content.centered.has-bg .btn {
border-color: #fff;
}
.content.centered.has-bg .btn:hover {
color: #000;
background-color: #fff;
}
.content.centered.has-bg:after {
background-color: #000;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.content.centered.has-bg .container {
z-index: 2;
}
.content.centered.has-bg + section.two-col {
margin-top: 0;
}
.content .btn__wrapper {
padding-top: 2.6666666667rem;
}
.content .btn__wrapper a {
margin-right: 2.2222222222rem;
}
.content .btn__wrapper a:first-child:last-child {
margin: 0 auto;
}
.content .btn__wrapper a:last-child {
margin-right: 0;
}
.content.bg2 {
padding-top: 3.0555555556rem;
}
.content.bg2 .btn__wrapper {
padding-top: 2.6666666667rem;
}
.content.bg2 + .two-col.bg {
margin-top: 0;
}
.tabs__fw-header {
display: flex;
margin-bottom: 2.5rem;
}
.tabs__fw-header > div {
flex-grow: 1;
margin-right: 2.1111111111rem;
}
.tabs__fw-header > div a {
width: 100%;
}
.tabs__fw-header > div:last-child {
margin-right: 0;
}
.tabs__fw-content > div {
display: none;
}
.tabs__fw-content > div.active {
display: block;
}
.content-icon-rep__top {
margin: 0 auto;
margin-bottom: 2.7777777778rem;
max-width: 52.2222222222rem;
padding: 0 1.1111111111rem;
text-align: center;
}
.content-icon-rep__top h3 {
margin-bottom: 0.8333333333rem;
}
.content-icon-rep__top h3:last-child {
margin-bottom: 0;
}
.content-icon-rep__rows > div {
margin: 0 auto;
}
.content-icon-rep__rows .row {
align-items: center;
flex-wrap: nowrap;
justify-content: center;
margin-bottom: 1.1111111111rem;
}
.content-icon-rep__rows .row > div:first-child {
flex-shrink: 0;
margin-right: 1.4444444444rem;
width: 8.4444444444rem;
}
.content-icon-rep__rows .row > div:first-child img {
width: 100%;
}
.content-icon-rep__rows .row > div:last-child {
flex-grow: 1;
}
.content-icon-rep__rows .row:last-child {
margin-bottom: 0;
}
.content-icon-rep.alt-reverse .content-icon-rep__rows .row:nth-child(2n + 1) > div:last-child {
max-width: 36.2777777778rem;
}
.content-icon-rep.alt-reverse .content-icon-rep__rows .row:nth-child(2n + 2) > div:first-child {
margin-right: 0;
order: 2;
}
.content-icon-rep.alt-reverse .content-icon-rep__rows .row:nth-child(2n + 2) > div:last-child {
margin-right: 1.4444444444rem;
max-width: 36.2777777778rem;
order: 1;
}
.content-icon-rep .btn__wrapper {
padding-top: 4.1111111111rem;
}
.content-icon-rep .btn__wrapper a {
margin-right: 2.2222222222rem;
}
.content-icon-rep .btn__wrapper a:first-child:last-child {
margin: 0 auto;
}
.content-icon-rep .btn__wrapper a:last-child {
margin-right: 0;
}
.cards img {
height: 100%;
object-fit: cover;
width: 100%;
}
.cards__inner .row {
justify-content: center;
}
.cards__inner .row > div {
margin-right: 1.1111111111rem;
position: relative;
width: calc(25% - 15px);
}
.cards__inner .row > div:last-child {
margin-right: 0;
}
.cards__title {
align-items: center;
color: #fff;
display: flex;
height: 100%;
justify-content: center;
left: 0;
padding: 0 1.1111111111rem;
pointer-events: none;
position: absolute;
text-align: center;
text-shadow: 0 0 0.1666666667rem rgba(0, 0, 0, 0.75);
top: 0;
width: 100%;
z-index: 2;
}
.cards__content {
align-items: center;
background-color: rgba(241, 233, 229, 0.91);
cursor: default;
display: flex;
font-size: 0.8888888889rem;
height: 100%;
justify-content: center;
line-height: 1.2;
left: 0;
opacity: 0;
padding: 0 0.5555555556rem;
position: absolute;
text-align: center;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 3;
}
.cards__content:hover {
opacity: 1;
}
.cards.text-below .cards__content {
background-color: rgba(0, 0, 0, 0);
height: auto;
margin-top: 1.1111111111rem;
opacity: 1;
position: static;
}
.two-col {
padding: 0;
position: relative;
}
.two-col .col:first-child {
padding-bottom: 3.0555555556rem;
padding-right: 2.8888888889rem;
padding-top: 3.0555555556rem;
}
.two-col .col:last-child {
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.two-col .col:last-child img {
height: 100%;
object-fit: cover;
object-position: top center;
width: 100%;
}
.two-col .col:last-child .img__wrap {
height: 100%;
}
.two-col .btn__center {
display: flex;
justify-content: center;
}
.two-col p:last-of-type {
margin-bottom: 0;
}
.two-col.white {
background-color: #fff;
}
.two-col .container {
position: static;
}
.two-col h3 {
margin-bottom: 1.6666666667rem;
}
.two-col .btn {
margin-top: 1.6666666667rem;
}
.two-col .btn__wrapper {
justify-content: flex-start;
}
.two-col .btn__wrapper .btn {
margin-top: 0;
}
.two-col .btn__wrapper > div {
margin-right: 2.2222222222rem;
}
.two-col .btn__wrapper > div:first-child:last-child {
margin: 0 auto;
}
.two-col .btn__wrapper > div:last-child {
margin-right: 0;
}
.two-col.reverse .row {
justify-content: flex-end;
}
.two-col.reverse .col:first-child {
order: 2;
padding-left: 2.8888888889rem;
padding-right: 0;
}
.two-col.reverse .col:last-child {
left: 0;
order: 1;
right: auto;
}
.two-col-rep .row {
justify-content: center;
}
.two-col-rep .row > div {
max-width: 55.0555555556rem;
}
.two-col-rep__content {
margin-bottom: 3.0555555556rem;
}
.two-col-rep .two-col-rep__rows .row.left-image .col:first-child {
width: calc(47% - 34px);
}
.two-col-rep .two-col-rep__rows .row.left-image .col:last-child {
width: calc(53% - 34px);
}
.two-col-rep .two-col-rep__rows .row.left-image:nth-child(2n + 2) .col:first-child {
width: calc(53% - 34px);
}
.two-col-rep .two-col-rep__rows .row.left-image:nth-child(2n + 2) .col:last-child {
width: calc(47% - 34px);
}
.two-col-rep .two-col-rep__rows .row.right-image .col:last-child {
width: calc(47% - 34px);
}
.two-col-rep .two-col-rep__rows .row.right-image .col:first-child {
width: calc(53% - 34px);
}
.two-col-rep .two-col-rep__rows .row.right-image:nth-child(2n + 2) .col:first-child {
width: calc(53% - 34px);
}
.two-col-rep .two-col-rep__rows .row.right-image:nth-child(2n + 2) .col:last-child {
width: calc(47% - 34px);
}
.two-col-rep h2 {
margin-bottom: 2.5rem;
text-align: center;
}
.two-col-rep h2:last-child {
margin-bottom: 0;
}
.two-col-rep h3 {
margin-bottom: 1.1111111111rem;
}
.two-col-rep p:last-of-type {
margin-bottom: 0;
}
.two-col-rep img {
align-self: flex-start;
}
.two-col-rep .row {
margin-bottom: 3.0555555556rem;
}
.two-col-rep .row:nth-child(2n + 2) .col-6:first-child {
margin-right: 0;
order: 2;
}
.two-col-rep .row:nth-child(2n + 2) .col-6:last-child {
margin-right: 3.7777777778rem;
order: 1;
}
.two-col-rep .row:last-child {
margin-bottom: 0;
}
.two-col-rep.centered .col-6 {
align-items: center;
display: flex;
}
.two-col-rep .btn__wrapper {
justify-content: flex-start;
padding-top: 1.6666666667rem;
}
.two-col-rep .container > .btn__wrapper {
justify-content: center;
padding-top: 3.0555555556rem;
}
.two-col-rep .container > .btn__wrapper a {
margin-right: 2.5rem;
}
.two-col-rep .container > .btn__wrapper a:last-child {
margin-right: 0;
}
.two-col-rep.bg {
padding-top: 3.0555555556rem !important;
}
.table__three-col {
padding-bottom: 3.8888888889rem;
padding-top: 3.0555555556rem;
}
.table__three-col__content {
margin-bottom: 4.4444444444rem;
text-align: center;
}
.table__three-col__content .row {
justify-content: center;
}
.table__three-col__content .row > div {
max-width: 55.0555555556rem;
}
.table__three-col h3 {
margin-bottom: 1.1111111111rem;
}
.table__three-col-table {
margin: 0 auto;
max-width: 60.7777777778rem;
}
.table__three-col-table .row {
border-bottom: 0.0555555556rem solid #000;
flex-wrap: nowrap;
}
.table__three-col-table .row em {
display: none;
}
.table__three-col-table .row > div {
flex-basis: 0;
flex-grow: 1;
padding: 1.1111111111rem 0;
}
.table__three-col-table .row > div:nth-child(2) {
padding-right: 4.4444444444rem;
}
.table__three-col-table .row:first-child {
border-bottom: none;
font-family: "Nunito-Semibold";
font-size: 1.4444444444rem;
}
.table__three-col .btn__wrapper {
justify-content: center;
padding-top: 3.3333333333rem;
}
.table__three-col .container > .btn__wrapper {
justify-content: center;
}
.table__three-col .container > .btn__wrapper a {
margin-right: 2.5rem;
}
.table__three-col .container > .btn__wrapper a:hover {
background-color: #fff;
}
.table__three-col .container > .btn__wrapper a:last-child {
margin-right: 0;
}
.table__three-col.alt .table__three-col-table .row {
border-bottom: none;
}
.table__three-col.alt .table__three-col-table .row:nth-child(2n + 2) {
background-color: #f1e9e5;
}
.table__three-col.alt .table__three-col-table .row > div {
padding-left: 2.2222222222rem;
padding-right: 1.1111111111rem;
}
.two-col-70-30 h3 {
margin-bottom: 1.1111111111rem;
}
.two-col-70-30 strong {
font-family: "Nunito-Regular";
font-size: 1.1111111111rem;
}
.two-col-70-30 img {
width: 100%;
}
.two-col-70-30 .btn__wrapper {
justify-content: flex-start;
}
.tabs {
padding-bottom: 3.0555555556rem;
padding-top: 3.0555555556rem;
}
.tabs__header {
display: flex;
font-size: 1.7777777778rem;
}
.tabs__header > div {
align-items: center;
cursor: pointer;
display: flex;
font-family: "Nunito-Regular";
height: 5.3888888889rem;
justify-content: center;
line-height: 1;
text-align: center;
padding: 0 1.1111111111rem;
width: 50%;
}
.tabs__header > div.active {
background-color: #fff;
cursor: default;
pointer-events: none;
}
.tabs__content > div {
display: none;
padding-top: 3.3333333333rem;
}
.tabs__content > div strong {
font-family: "Nunito-Regular";
font-size: 1.1111111111rem;
}
.tabs__content > div.active {
display: block;
}
.tabs__content > div:first-child:last-child {
padding-bottom: 1.1111111111rem;
padding-top: 0;
}
.tabs__content > div:first-child:last-child .tabs__table {
margin-top: 0;
}
.tabs__table {
margin-top: 2.7777777778rem;
}
.tabs__table-row {
border-bottom: 0.0555555556rem solid #000;
display: flex;
padding: 2.4444444444rem 0;
}
.tabs__table-row > div {
align-self: center;
margin-right: 8.3333333333rem;
padding-left: 3.6111111111rem;
position: relative;
width: calc(50% - 75px);
}
.tabs__table-row > div:first-child:before {
background-image: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/img/icon-tick.svg);
}
.tabs__table-row > div:last-child {
margin-right: 0;
}
.tabs__table-row > div:last-child:before {
background-image: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/img/icon-cross.svg);
}
.tabs__table-row > div:before {
background-position: center;
background-repeat: no-repeat;
border: 0.0555555556rem solid #000;
border-radius: 50%;
content: "";
height: 2.2222222222rem;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2.2222222222rem;
}
.tabs__table-row > div.empty {
padding-left: 0;
}
.tabs__table-row > div.empty:before {
display: none;
}
.tabs__table-header {
padding-bottom: 0.5555555556rem;
padding-top: 0;
}
.tabs__table-header > div {
padding: 0;
}
.tabs__table-header > div:before {
display: none !important;
}
.tabs__buttons {
display: flex;
justify-content: center;
padding-top: 2.6388888889rem;
}
.tabs__buttons a {
margin-right: 2.2222222222rem;
}
.tabs__buttons a:last-child {
margin-right: 0;
}
.fw {
padding: 0;
}
.fw img {
width: 100%;
}
#grid a {
background-color: #f1e9e5;
display: block;
font-family: "Nunito-Bold";
height: 100%;
padding: 4.4444444444rem 2.7777777778rem;
position: relative;
text-align: center;
}
#grid a .grid__content {
align-items: center;
background-color: rgba(244, 233, 229, 0.9);
display: flex;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
padding: 1.6666666667rem;
position: absolute;
text-align: center;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
}
#grid a .grid__icon {
margin-bottom: 1.6666666667rem;
}
#grid a img {
margin: 0 auto;
max-width: 4.4444444444rem;
}
#grid a:hover .grid__content {
opacity: 1;
}
#grid .col-4 {
margin-bottom: 2.2222222222rem;
}
.table-rep__header {
margin-bottom: 1.1111111111rem;
}
.table-rep__header h3 {
margin-bottom: 0.5555555556rem;
}
.table-rep ul li:before {
content: "–";
}
.table-rep .table {
display: flex;
}
.table-rep .table em {
font-size: 0.6666666667rem;
}
.table-rep .table__wrap {
background-color: #f1e9e5;
margin-bottom: 1.9444444444rem;
}
.table-rep .table__wrap:last-child {
margin-bottom: 0;
}
.table-rep .table > div:first-child {
font-size: 0.7777777778rem;
padding: 1.1111111111rem;
width: 20%;
}
.table-rep .table > div:first-child strong {
display: block;
font-size: 1rem;
line-height: 1.3;
margin-bottom: 0.2777777778rem;
}
.table-rep .table > div:nth-child(2) {
background-color: #f9f5f4;
font-size: 0.8888888889rem;
width: 80%;
}
.table-rep .table > div:nth-child(2) > div {
border-bottom: 0.0555555556rem solid #000;
display: flex;
}
.table-rep .table > div:nth-child(2) > div > div {
align-items: center;
display: flex;
}
.table-rep .table > div:nth-child(2) > div > div:first-child {
padding: 0.5555555556rem 1.2222222222rem;
width: 68%;
}
.table-rep .table > div:nth-child(2) > div > div:last-child {
background-color: #f1e9e5;
font-size: 1rem;
justify-content: flex-end;
padding: 1.3888888889rem 1.2222222222rem;
text-align: right;
width: 32%;
}
.table-rep .table > div:nth-child(2) > div > div strong {
display: block;
line-height: 1;
margin-bottom: 0.5555555556rem;
}
.table-rep .table > div:nth-child(2) > div:last-child {
border-bottom: none;
}
.carousel {
position: relative;
}
.carousel .video__embed {
margin: 2.7777777778rem 0 4.4444444444rem 0;
}
.carousel__button {
display: flex;
justify-content: center;
margin-top: 2.7777777778rem;
}
.carousel__inner {
position: relative;
}
.carousel__inner-left,
.carousel__inner-right {
cursor: pointer;
left: 0rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.2222222222rem;
z-index: 3;
}
.carousel__inner-right {
left: auto;
margin-left: 3.8888888889rem;
right: 0rem;
}
.carousel__inner-left {
margin-right: 3.8888888889rem;
}
.carousel__inner .slick-slide {
padding: 0 0.5555555556rem;
}
.carousel__inner .slick-list {
margin: 0 -0.5555555556rem;
}
.carousel__inner-inner {
margin: 0 auto;
max-width: 56.1111111111rem;
}
.carousel__content {
margin: 0 auto;
margin-bottom: 3.0555555556rem;
max-width: 100%;
text-align: center;
}
.carousel__content h3 {
margin-bottom: 1.4444444444rem;
text-align: center;
}
.carousel__content strong {
font-family: "Nunito-Regular";
font-size: 1.1111111111rem;
}
.carousel.testimonials {
text-align: center;
}
.carousel.testimonials h3 {
margin-bottom: 1.6666666667rem;
}
.carousel.testimonials .slick-track {
display: block !important;
}
.carousel.blog h3 {
margin-bottom: 2.2222222222rem;
text-align: center;
}
.carousel.blog .btn__wrapper {
padding-top: 3.0555555556rem;
}
.carousel.blog .blog__content {
line-height: 1.18;
padding: 1.3888888889rem 1.1111111111rem;
}
.carousel.blog .blog__content .date {
font-size: 0.8888888889rem;
margin-bottom: 0.8888888889rem;
}
.carousel.blog .carousel__inner-inner a {
background-color: #fff;
display: block;
}
.carousel.blog .carousel__inner-inner .slick-slide img {
width: 100%;
}
.carousel.blog .carousel__inner-inner .slick-slide div,
.carousel.blog .carousel__inner-inner .slick-slide a {
height: 100%;
}
.carousel.blog .carousel__inner-inner .slick-slide a > div {
height: auto;
}
.carousel .slick-dots {
display: block;
margin-top: 2.1111111111rem;
text-align: center;
width: 100%;
}
.carousel .slick-dots li {
display: inline-block;
height: 1rem;
margin-bottom: 0;
margin-right: 0.7222222222rem;
padding-left: 0;
width: 1rem;
}
.carousel .slick-dots li:before {
display: none;
}
.carousel .slick-dots li:last-child {
margin-right: 0;
}
.carousel .slick-dots li.slick-active {
pointer-events: none;
}
.carousel .slick-dots li.slick-active button {
background-color: #fff;
}
.carousel .slick-dots li:only-child {
display: none;
}
.carousel .slick-dots li:before {
display: none;
}
.carousel .slick-dots button {
background-color: rgba(0, 0, 0, 0);
border: 0.0555555556rem solid #fff;
border-radius: 50%;
height: 1rem;
padding: 0;
text-indent: -99999px;
transition: background-color 0.3s ease;
width: 1rem;
}
.events h3 {
margin-bottom: 3.0555555556rem;
text-align: center;
}
.events .btn {
font-size: 1rem;
height: 2.6111111111rem;
padding-bottom: 0.6666666667rem;
padding-top: 0.6666666667rem;
white-space: nowrap;
}
.events .row {
border-bottom: 0.0555555556rem solid #000;
padding: 1.6666666667rem 0;
}
.events .row .title {
font-size: 1.2222222222rem;
margin-bottom: 0.5555555556rem;
}
.events .row > div:first-child {
margin-right: 1.6666666667rem;
}
.events .row > div:last-child {
align-items: center;
display: flex;
margin-left: auto;
}
.events .row:first-child {
padding-top: 0;
}
.social {
text-align: center;
}
.social h3 {
margin-bottom: 1.1111111111rem;
}
.social p {
font-size: 1.1111111111rem;
}
.social__inner {
align-items: center;
display: flex;
justify-content: center;
}
.social__inner > div:first-child {
order: 2;
text-align: left;
}
.social__inner > div:first-child h3 {
margin-bottom: 0.5555555556rem;
}
.social__inner > div:last-child {
margin-right: 2.5rem;
order: 1;
}
.social__links {
display: flex;
justify-content: center;
}
.social__links a {
align-items: center;
border-radius: 50%;
display: flex;
height: 3.0555555556rem;
justify-content: center;
margin-right: 1.2222222222rem;
width: 3.0555555556rem;
}
.social__links a img {
max-height: 63%;
width: 45%;
}
.social__links a:last-child {
margin-right: 0;
}
.locations-sec {
padding: 3.8888888889rem 0;
padding-bottom: 1.0555555556rem;
}
.locations-sec h3 {
margin-bottom: 3.0555555556rem;
text-align: center;
}
.locations-sec .footer__map {
height: 15.2777777778rem;
}
.locations-sec .col-6 {
margin-bottom: 2.8333333333rem;
margin-right: 2.5555555556rem;
width: calc(50% - 23px);
}
.locations-sec .col-6:nth-child(2n + 2) {
margin-right: 0;
}
.locations-sec .locations__content {
padding: 1.8888888889rem 1.1111111111rem;
text-align: center;
}
.locations-sec .locations__content strong {
font-family: "Nunito-Regular";
font-size: 1.1111111111rem;
}
.locations-sec .locations__content p {
margin-bottom: 0.5555555556rem;
}
.locations-sec .locations__content p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1350px) {
.carousel__inner-right {
right: -2.7777777778rem;
}
.carousel__inner-left {
left: -2.7777777778rem;
}
}
@media only screen and (max-width: 1200px) {
.tabs__fw-header {
display: block;
}
.tabs__fw-header > div {
margin-bottom: 1.1111111111rem;
}
.tabs__fw-header > div:last-child {
margin-bottom: 0;
}
.tabs__fw-header a {
font-size: 0.6666666667rem;
width: auto !important;
}
.two-col .col {
width: 100% !important;
}
.two-col .col:first-child {
padding-right: 0;
}
.two-col .col:last-child {
position: static;
}
.two-col .col:last-child img {
width: auto;
}
.two-col .btn {
margin-top: 1.9444444444rem;
}
.cards__content {
font-size: 0.7222222222rem;
}
}
@media only screen and (max-width: 1024px) {
#hero {
height: 15.5555555556rem;
}
#hero__text {
padding: 0 1.1111111111rem;
padding-top: 8.0555555556rem;
}
#hero__text h2 {
font-size: 1.2222222222rem;
}
#hero.no-img {
padding-bottom: 0;
}
#hero.no-img.sub {
height: auto;
}
#hero.no-img #hero__text {
padding-bottom: 0;
}
#hero.sub {
height: 20rem;
}
.tabs__header {
font-size: 1.4444444444rem;
}
.tabs__header > div {
height: auto;
padding: 1.1111111111rem;
}
.tabs__table-row > div {
width: calc(50% - 30px);
}
.tabs__table-row > div:first-child {
margin-right: 3.3333333333rem;
}
.carousel__inner-right {
right: 1.1111111111rem;
}
.carousel__inner-left {
left: 1.1111111111rem;
}
.cards__inner .row > div {
margin-bottom: 1.1111111111rem;
margin-right: 1.1111111111rem;
width: calc(50% - 10px);
}
.cards__inner .row > div:nth-child(2n + 2) {
margin-right: 0;
}
.cards__content {
font-size: 1rem;
}
}
@media only screen and (max-width: 767px) {
section {
padding-bottom: 1.9444444444rem;
padding-top: 1.9444444444rem;
}
.table__three-col__content {
margin-bottom: 1.9444444444rem;
}
.two-col-rep .btn__wrapper a.btn:first-child:last-child {
margin-bottom: 0;
}
.content.bg2 .btn__wrapper {
padding-top: 1.6666666667rem;
}
#content__wrap section:first-child.content {
padding-top: 1.9444444444rem;
}
.two-col .col:first-child ul:last-of-type {
margin-bottom: 0;
}
.two-col .col:first-child ul li:before {
left: -0.5555555556rem;
position: relative;
}
section:first-child {
padding-top: 2.7777777778rem;
}
.content .btn__wrapper {
display: block;
padding-top: 1.6666666667rem;
text-align: center;
}
.content .btn__wrapper a {
margin-bottom: 1.1111111111rem;
margin-right: 0;
}
.content .btn__wrapper a:last-child {
margin-bottom: 0;
}
.content.bg2 {
padding-top: 1.3888888889rem;
}
.two-col + .content.bg2 {
margin-top: 0;
}
.two-col-rep .row:nth-child(2n + 2) .col-6:last-child {
margin-right: 0;
}
.two-col-70-30 .col img {
margin: 0 -1.6666666667rem;
max-width: unset;
width: 100vw;
}
.two-col-70-30 .col:last-child {
margin-top: 1.6666666667rem;
}
.two-col {
margin-bottom: 0;
}
.two-col .container {
padding: 0;
}
.two-col .col:first-child {
padding-left: 1.6666666667rem;
padding-right: 1.6666666667rem;
padding-top: 2.2222222222rem;
text-align: center;
}
.two-col .col:last-child img {
height: auto;
}
.two-col.reverse .col:first-child {
padding-left: 1.6666666667rem;
padding-right: 1.6666666667rem;
padding-top: 2.2222222222rem;
text-align: center;
}
.two-col .btn__wrapper {
display: block;
padding-top: 1.6666666667rem;
text-align: center;
}
.two-col .btn__wrapper > div {
margin-bottom: 1.1111111111rem;
margin-right: 0;
}
.two-col .btn__wrapper > div:last-child {
margin-bottom: 0;
}
.two-col-rep {
padding-bottom: 1.9444444444rem;
text-align: center;
}
.two-col-rep .col.col-6 {
margin-right: 0 !important;
width: 100% !important;
}
.two-col-rep .col.col-6 img {
margin: 0 -1.6666666667rem;
max-width: unset;
width: 100vw;
}
.two-col-rep .col.col-6:first-child {
margin-bottom: 1.6666666667rem;
}
.two-col-rep .row:nth-child(2n + 2) .col-6:last-child {
margin-bottom: 1.6666666667rem;
}
.two-col-rep .row.left-image:nth-child(2n + 2) .col-6:first-child {
order: 1;
}
.two-col-rep .row.left-image:nth-child(2n + 2) .col-6:last-child {
order: 2;
}
.two-col-rep .btn__wrapper {
display: block;
text-align: center;
}
.two-col-rep .btn__wrapper a.btn {
margin-right: 0;
}
.two-col-rep .btn__wrapper a.btn:first-child {
margin-bottom: 1.1111111111rem;
}
.tabs__header {
font-size: 1.2222222222rem;
}
.tabs__content > div {
padding-top: 1.6666666667rem;
}
.tabs__table-row:not(.tabs__table-header) {
padding: 1.1111111111rem 0;
padding-top: 3.8888888889rem;
}
.tabs__table-row > div {
align-self: flex-start;
padding-left: 0;
width: calc(50% - 10px);
}
.tabs__table-row > div:first-child {
margin-right: 1.1111111111rem;
}
.tabs__table-row > div:before {
left: 50%;
top: -2.7777777778rem;
transform: translateX(-50%);
}
.tabs__buttons {
display: block;
}
.tabs__buttons a.btn {
margin-right: 0;
}
.tabs__buttons a.btn:first-child {
margin-bottom: 1.1111111111rem;
}
.table-rep .table {
flex-wrap: wrap;
}
.table-rep .table > div {
width: 100% !important;
}
.table-rep .table > div:nth-child(2) > div {
flex-wrap: wrap;
}
.table-rep .table > div:nth-child(2) > div > div {
width: 100% !important;
}
.table-rep .table > div:nth-child(2) > div > div:first-child {
font-family: "Nunito-Bold";
font-size: 1rem;
}
.table-rep .table > div:nth-child(2) > div > div:last-child {
justify-content: flex-start;
text-align: left;
}
.carousel .container {
padding: 0 1.6666666667rem;
}
.carousel .container .carousel__inner-right {
right: -0.5555555556rem;
}
.carousel .container .carousel__inner-left {
left: -0.5555555556rem;
}
.carousel .container svg {
width: 1rem;
}
.carousel__inner {
padding: 0 1.6666666667rem;
}
.social__inner {
display: block;
}
.social__inner > div:first-child {
text-align: center;
}
.social__links {
margin-right: 0 !important;
margin-top: 1.6666666667rem;
}
.social__links a {
height: 2.2222222222rem;
margin-right: 0.8333333333rem;
width: 2.2222222222rem;
}
.events .row > div:last-child {
margin: 0 auto;
margin-top: 1.6666666667rem;
}
.cards__inner .row > div {
margin-right: 0;
width: 100%;
}
.table__three-col-table em {
display: block !important;
font-family: "Nunito-Bold";
}
.table__three-col-table .row {
flex-wrap: wrap;
}
.table__three-col-table .row > div {
flex-basis: auto;
padding: 0.5555555556rem 0;
width: 100%;
}
.table__three-col-table .row:first-child {
display: none;
}
.table__three-col .btn__wrapper {
display: block;
text-align: left;
}
.table__three-col .btn__wrapper a.btn {
margin-right: 0;
}
.table__three-col .btn__wrapper a.btn:first-child {
margin-bottom: 1.1111111111rem;
}
.locations-sec .col-6 {
margin-right: 0;
width: 100%;
}
.social h3 {
margin-bottom: 1.6666666667rem;
}
.content-icon-rep__rows {
text-align: center;
}
.content-icon-rep__rows .row {
flex-wrap: wrap;
margin-bottom: 2.7777777778rem;
}
.content-icon-rep__rows .row > div:first-child {
margin: 0 auto;
margin-bottom: 1.6666666667rem;
}
.content-icon-rep__rows .row:last-child {
margin-bottom: 0;
}
.content-icon-rep.alt-reverse .content-icon-rep__rows .row:nth-child(2n + 2) {
padding-left: 0;
}
.content-icon-rep.alt-reverse .content-icon-rep__rows .row:nth-child(2n + 2) > div:first-child {
margin-right: auto;
order: 1;
}
.content-icon-rep.alt-reverse .content-icon-rep__rows .row:nth-child(2n + 2) > div:last-child {
margin-right: 0;
order: 2;
}
.content-icon-rep .btn__wrapper {
display: block;
padding-top: 1.6666666667rem;
text-align: center;
}
.content-icon-rep .btn__wrapper a {
margin-bottom: 1.1111111111rem;
margin-right: 0;
}
.content-icon-rep .btn__wrapper a:last-child {
margin-bottom: 0;
}
.content-icon-rep .btn__wrapper {
padding-top: 1.6666666667rem;
}
.content-icon-rep__rows .row > div:first-child img {
margin: 0 auto;
width: 80%;
}
.tabs__fw-header > div {
display: flex;
justify-content: center;
margin-right: 0;
}
}
.cc .content.centered {
padding-top: 1.1111111111rem !important;
}
.cc .content.centered .row > div {
max-width: 61.1111111111rem;
}
.cc .content.centered .row > div p {
font-size: 1rem;
}
.cc .content.centered .row > div p strong {
font-size: 1.1111111111rem;
}
.cc__categories {
padding-top: 2.5rem;
}
.cc__categories a {
display: flex;
flex-direction: column;
height: 100%;
text-align: center;
}
.cc__categories h3 {
margin-bottom: 2.5rem;
}
.cc__categories img {
margin: 0 auto;
max-width: 18.3333333333rem;
width: 100%;
}
.cc__categories .cc__carousel {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: center;
}
.cc__categories .cc__carousel .slick-slide {
height: 100%;
}
.cc__categories .cc__carousel .slick-slide > div {
height: 100%;
}
.cc__categories .cc__carousel .slick-slide > div > div {
align-items: center;
display: flex;
height: 100%;
}
.cc__product-cat .content.centered {
padding-bottom: 0 !important;
padding-top: 2.7777777778rem !important;
}
.cc__product-cat .content.centered h3 {
margin-bottom: 0;
}
.cc__product-cat .content.centered:last-child {
padding-bottom: 2.7777777778rem !important;
}
.cc__products {
padding-bottom: 0;
padding-top: 3.6111111111rem;
}
.cc__products h4 {
color: #000;
margin-top: 3.3333333333rem;
text-align: center;
}
.cc__products a {
display: block;
padding: 0 1.3888888889rem;
}
.cc__products .col-3 {
margin-bottom: 4.4444444444rem;
}
.cc__products img {
margin: 0 auto;
max-width: 13.3333333333rem;
width: 100%;
}
.cc__products.alt .col-4 {
margin-bottom: 2.2222222222rem;
}
.cc__products.alt a {
padding: 0;
}
.cc__products.alt h4 {
font-family: "Nunito-Bold";
font-size: 1.1111111111rem;
margin-top: 1.1111111111rem;
}
.cc__products.alt img {
max-width: 100%;
}
.content.centered.guidance {
padding-top: 2.6111111111rem !important;
}
.content.centered.guidance h2 {
margin-bottom: 0.8333333333rem;
}
.content.centered.guidance .row > div {
max-width: 42.2222222222rem;
}
.content.centered.guidance a.btn {
background-color: #fff;
}
.content.centered.guidance .btn__wrapper {
padding-top: 1.9444444444rem;
}
#product__price {
font-family: "Nunito-Bold";
font-size: 1.3333333333rem;
}
#add-to-cart form {
align-items: center;
display: flex;
margin-top: 1.6666666667rem;
}
#add-to-cart form input {
font-size: 1.2222222222rem;
height: 3.1111111111rem;
margin: 0 0.8333333333rem;
max-width: 4.4444444444rem;
text-align: center;
}
#product__related h2 {
margin-bottom: 1.3888888889rem;
}
#product__related .pr__title {
margin-top: 0.5555555556rem;
}
#popup {
-webkit-overflow-scrolling: touch;
align-items: center;
background-color: rgba(0, 0, 0, 0.4);
display: block;
height: 100%;
left: 0;
overflow: auto;
opacity: 0;
pointer-events: none;
top: 0;
padding: 1.6666666667rem 1.1111111111rem;
position: fixed;
transition: opacity 0.3s ease;
width: 100%;
z-index: 999;
}
#popup__inner {
background-color: #fff;
margin: 0 auto;
max-width: 33.3333333333rem;
padding: 0rem 1.1111111111rem 2.2222222222rem 1.1111111111rem;
position: relative;
text-align: center;
}
#popup__inner img {
margin: 0 auto;
margin-bottom: 1.1111111111rem;
width: 100%;
}
#popup__inner h3 {
margin-bottom: 1.6666666667rem;
}
#popup__close {
cursor: pointer;
position: absolute;
right: 1.1111111111rem;
top: 1.1111111111rem;
}
#popup .btn {
margin-top: 2.2222222222rem;
min-width: 13.1111111111rem;
}
#popup.active {
opacity: 1;
pointer-events: auto;
}
#product__categories {
padding-bottom: 2.2222222222rem;
}
.prod-cat {
margin-bottom: 2.2222222222rem;
text-align: center;
}
.prod-cat h4 {
font-family: "Nunito-Bold";
font-size: 1.1111111111rem;
margin-bottom: 0.8333333333rem;
}
#woo__page {
padding: 5.5555555556rem 0;
}
#woo__page h1 {
margin-bottom: 5.5555555556rem;
text-align: center;
}
table.cart {
display: block;
}
table.cart tbody,
table.cart thead,
table.cart tfoot,
table.cart td,
table.cart th {
display: block;
}
table.cart thead {
font-family: "Nunito-Bold";
margin-bottom: 1.6666666667rem;
}
table.cart tr {
align-items: center;
display: flex;
margin-bottom: 1.1111111111rem;
}
table.cart .product-remove {
flex-shrink: 0;
font-size: 1.3333333333rem;
width: 2.2222222222rem;
}
table.cart .product-thumbnail {
width: 15%;
}
table.cart .product-name {
padding-left: 1.1111111111rem;
width: 35%;
}
table.cart .product-price {
padding-left: 1.1111111111rem;
width: 15%;
}
table.cart .product-quantity {
padding-left: 1.1111111111rem;
width: 18%;
}
table.cart .product-quantity input {
max-width: 3.3333333333rem;
text-align: center;
}
table.cart .product-subtotal {
margin-left: auto;
padding-left: 1.1111111111rem;
}
table.cart label:after {
display: none !important;
}
table.cart td.actions {
display: flex;
margin-top: 2.2222222222rem;
width: 100%;
}
table.cart td.actions .coupon {
align-items: center;
display: flex;
}
table.cart td.actions .coupon label {
display: none;
}
table.cart td.actions .coupon .btn {
height: 2.2222222222rem;
margin-left: 1.6666666667rem;
}
table.cart td.actions .btn {
white-space: nowrap;
}
table.cart td.actions button[name="update_cart"] {
margin-left: auto;
}
.cart-collaterals {
margin-top: 2.7777777778rem;
}
.cart-collaterals h2 {
margin-bottom: 1.1111111111rem;
}
.cart-collaterals table,
.cart-collaterals tbody,
.cart-collaterals thead,
.cart-collaterals tfoot,
.cart-collaterals td,
.cart-collaterals th {
display: block;
}
.cart-collaterals tr {
display: flex;
margin-bottom: 0.8333333333rem;
}
.cart-collaterals th {
flex-shrink: 0;
width: 6.6666666667rem;
}
.cart-collaterals .cart_totals {
display: flex;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout {
align-items: flex-end;
display: flex;
margin-left: auto;
}
form.woocommerce-checkout {
margin-top: 1.6666666667rem;
}
a.showcoupon {
text-decoration: underline;
}
form.checkout_coupon {
margin-top: 1.1111111111rem;
}
form.checkout_coupon .form-row {
max-width: 16.6666666667rem;
}
form.checkout #customer_details {
display: flex;
}
form.checkout h3 {
margin-bottom: 1.6666666667rem;
}
form.checkout .col-1 {
padding-right: 1.6666666667rem;
width: 60%;
}
form.checkout .col-2 {
width: 40%;
}
form.checkout label .required {
border: none;
text-decoration: none;
}
form.checkout label:after {
display: none;
}
form.checkout .optional {
display: none;
}
form.checkout #billing_country_field,
form.checkout #shipping_country_field {
display: none;
}
form.checkout .select2 {
display: none;
}
form.checkout select {
background-image: url(//www.gwkelly.com.au/wp-content/themes/olsens/library/img/icon-chevron-down.svg);
background-position: calc(100% - 14px) center;
background-repeat: no-repeat;
background-size: 1.1111111111rem;
}
form.checkout .woocommerce-shipping-fields {
margin-top: 1.6666666667rem;
}
.woocommerce-checkout-review-order-table {
display: block;
}
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
display: block;
}
.woocommerce-checkout-review-order-table th {
font-family: "Nunito-Bold";
font-size: 0.8888888889rem;
}
.woocommerce-checkout-review-order-table tr {
display: flex;
margin-bottom: 0.5555555556rem;
}
.woocommerce-checkout-review-order-table tr th:last-child,
.woocommerce-checkout-review-order-table tr td:last-child {
margin-left: auto;
padding-left: 1.1111111111rem;
}
.woocommerce-checkout-review-order-table tfoot {
margin-top: 1.6666666667rem;
}
.woocommerce-checkout-review-order-table ul#shipping_method label {
font-family: "Nunito-Light";
font-size: 1rem;
margin-bottom: 0;
margin-right: 0;
}
.woocommerce-privacy-policy-text {
display: none;
}
.wc-stripe-simple-form label,
.woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods li .wc-stripe-simple-form label {
color: #000 !important;
}
.wc-stripe-simple-form .row,
.wc-stripe-simple-form .field {
margin: 0 !important;
}
section.woocommerce-customer-details,
section.woocommerce-columns--addresses {
padding: 0;
}
.woocommerce-order h2 {
margin-bottom: 1.1111111111rem;
}
.woocommerce-order .woocommerce-column--1 {
margin-bottom: 2.7777777778rem;
}
.woocommerce-table--order-details {
display: block;
max-width: 25rem;
}
.woocommerce-table--order-details thead,
.woocommerce-table--order-details tbody,
.woocommerce-table--order-details tfoot,
.woocommerce-table--order-details td,
.woocommerce-table--order-details th {
display: block;
}
.woocommerce-table--order-details tr {
display: flex;
margin-bottom: 0.5555555556rem;
}
.woocommerce-table--order-details tr td:first-child,
.woocommerce-table--order-details tr th:first-child {
font-family: "Nunito-Bold";
}
.woocommerce-table--order-details tr td:last-child,
.woocommerce-table--order-details tr th:last-child {
margin-left: auto;
padding-left: 1.1111111111rem;
text-align: right;
}
.woocommerce-table--order-details tr td.product-name {
font-family: "Nunito-Regular";
}
.woocommerce-table--order-details tr th {
font-family: "Nunito-Bold";
}
.woocommerce-table--order-details tfoot {
margin-top: 2.2222222222rem;
}
#login__content {
font-size: 1.1111111111rem;
margin-bottom: 2.2222222222rem;
text-align: center;
}
#login form {
margin: 0 auto;
max-width: 22.2222222222rem;
}
#login__buttons {
display: flex;
justify-content: center;
margin-top: 2.7777777778rem;
}
#login__buttons > div:not(:last-child) {
margin-right: 1.6666666667rem;
}
#login__buttons .login__button-label {
margin-bottom: 0.5555555556rem;
}
body.login-action-lostpassword,
body.login-action-checkemail {
opacity: 1;
}
body.login-action-lostpassword h1,
body.login-action-lostpassword #nav,
body.login-action-lostpassword #backtoblog,
body.login-action-lostpassword .language-switcher,
body.login-action-checkemail h1,
body.login-action-checkemail #nav,
body.login-action-checkemail #backtoblog,
body.login-action-checkemail .language-switcher {
display: none;
}
body.login-action-lostpassword .message,
body.login-action-checkemail .message {
border-left: 0;
}
@media only screen and (max-width: 767px) {
.cc .content.centered {
padding-top: 1.9444444444rem !important;
}
.cc__categories h3 {
margin-bottom: 2.2222222222rem;
}
.cc__categories .col-4 {
margin-bottom: 4.4444444444rem;
}
.cc__categories .col-4:last-child {
margin-bottom: 0;
}
.cc__products h4 {
margin-top: 2.2222222222rem;
}
#popup {
padding: 1.1111111111rem;
}
#popup__inner {
padding: 6.6666666667rem 1.1111111111rem 2.7777777778rem 1.1111111111rem;
}
#popup__close {
max-width: 1.1111111111rem;
}
#product .col-6 {
margin-right: 0;
width: 100%;
}
#product .col-6:first-child {
margin-bottom: 1.1111111111rem;
}
#product__related h2 {
font-size: 1.3333333333rem;
}
#product__related .col-3 {
margin-bottom: 2.2222222222rem;
}
#product__related .col-3:last-child {
margin-bottom: 0;
}
table.cart tr {
display: block;
}
table.cart tr th,
table.cart tr td {
padding-left: 0 !important;
width: 100% !important;
}
table.cart tr td {
margin-bottom: 0.5555555556rem;
}
table.cart tr td:before {
content: attr(data-title) ": ";
font-family: "Nunito-Bold";
}
table.cart tr td.product-thumbnail:before,
table.cart tr td.product-remove:before,
table.cart tr td.actions:before {
display: none;
}
table.cart thead {
display: none;
}
table.cart td.actions {
display: block;
}
table.cart td.actions .coupon {
display: block;
}
table.cart td.actions .coupon .btn {
margin-left: 0;
margin-top: 1.1111111111rem;
}
table.cart td.actions button[name="update_cart"] {
margin-top: 1.6666666667rem;
}
.cart-collaterals .cart_totals {
display: block;
}
form.checkout #customer_details {
display: block;
}
form.checkout #customer_details .col-1,
form.checkout #customer_details .col-2 {
padding: 0;
width: 100%;
}
form.checkout #customer_details .col-2 {
margin-top: 2.7777777778rem;
}
#login__buttons {
display: block;
}
#login__buttons > div:last-child {
margin-top: 1.6666666667rem;
}
}
#content__wrap {
padding: 2.7777777778rem 0;
}
#content__wrap h1 {
margin-bottom: 2.7777777778rem;
text-align: center;
}
article h1 {
font-size: 2.5555555556rem;
}
#article__meta {
margin-bottom: 2.6666666667rem;
max-width: 51.3888888889rem;
padding-left: 0.4444444444rem;
}
#article__breadcrumbs {
margin-bottom: 2.3333333333rem;
}
#article__top {
margin-bottom: 2rem;
}
#article__top img {
width: 100%;
}
#article__top-left {
margin-right: 3.6%;
width: 72.8%;
}
#article__top-right {
width: 23.6%;
}
#article__author {
font-family: "Nunito-Light";
max-width: 12.8888888889rem;
}
#article__author img {
margin-bottom: 1.1666666667rem;
}
#article__author-url {
margin-bottom: 1.6666666667rem;
}
#article__author-url a {
text-decoration: underline;
}
#article__author-social {
align-items: center;
display: flex;
}
#article__author-social a {
margin-right: 0.5555555556rem;
width: 1.6666666667rem;
}
#article__author-social a img {
margin-bottom: 0;
max-height: 1.3888888889rem;
}
#article__left {
margin-right: 3.6%;
width: 72.8%;
}
#article__left h2 {
margin-bottom: 1.1111111111rem;
}
#article__left h3 {
font-size: 1.2222222222rem;
line-height: 1.2;
margin-bottom: 1.1111111111rem;
}
#article__left h4 {
font-family: "Nunito-Semibold";
font-size: 1.1111111111rem;
margin-bottom: 0.2777777778rem;
}
#article__right {
width: 23.6%;
}
#article__right h4 {
font-family: "Nunito-Regular";
margin-bottom: 0.5555555556rem;
}
#article__main {
margin-bottom: 2.5rem;
}
#article__tags {
margin-bottom: 5.5555555556rem;
}
#article__tags-inner {
display: flex;
flex-wrap: wrap;
max-width: 12.7777777778rem;
}
#article__tags-inner a {
align-items: center;
background-color: #edf0f2;
display: flex;
height: 2rem;
margin-bottom: 0.3888888889rem;
margin-right: 0.3888888889rem;
padding: 0 0.5555555556rem;
}
#article__related {
padding-bottom: 3.8888888889rem;
}
#article__related h2 {
margin-bottom: 2.1111111111rem;
text-align: center;
}
#article__related a .article__img {
margin-bottom: 1rem;
padding-bottom: 89%;
position: relative;
}
#article__related a .article__img img {
height: 100%;
object-fit: cover;
object-position: top center;
position: absolute;
width: 100%;
}
#article__related a h4 {
font-family: "Nunito-Semibold";
font-size: 1.1666666667rem;
line-height: 1.28;
}
#article__other h4 {
margin-bottom: 0.8333333333rem;
}
#article__other > div {
border-bottom: 0.0555555556rem solid #d6a285;
padding: 1.3333333333rem 0;
}
#article__other > div:first-of-type {
padding-top: 0;
}
@media only screen and (max-width: 767px) {
.single-post #wrap,
.page-template-default #wrap {
padding-top: 7.3888888889rem;
}
#article__meta {
padding-left: 0;
}
#article__breadcrumbs {
margin-bottom: 1.3888888889rem;
}
#article__top-left,
#article__top-right {
margin-right: 0;
width: 100%;
}
#article__top-right {
display: none;
}
#article__left,
#article__right {
margin-right: 0;
width: 100%;
}
#article__right {
margin-top: 2.7777777778rem;
}
#article__tags {
margin-bottom: 2.7777777778rem;
}
#article__related .col-3 {
margin-bottom: 1.6666666667rem;
}
#article__related .col-3:last-child {
margin-bottom: 0;
}
#article__author {
border-bottom: none !important;
margin-bottom: 1.6666666667rem;
}
#article__other h4 {
margin-bottom: 0;
}
article h1 {
font-size: 2.5555555556rem;
}
}
.category #wrap,
.search #wrap,
.tag #wrap {
padding-top: 10.5555555556rem;
}
.category #pillars,
.search #pillars,
.tag #pillars {
padding-top: 0;
}
.category #pillars h2,
.search #pillars h2,
.tag #pillars h2 {
margin-bottom: 3.1111111111rem;
text-align: center;
}
.search h1,
.tag h1 {
margin-bottom: 1.6666666667rem;
}
#hero__sub {
margin-bottom: 2.2222222222rem;
}
#hero__sub img {
height: 100%;
object-fit: cover;
object-position: top center;
position: absolute;
width: 100%;
z-index: 1;
}
#hero__sub-inner {
height: 31.3333333333rem;
position: relative;
}
#hero__sub-content {
background-image: linear-gradient(to right, rgb(0, 43, 73), rgba(0, 43, 73, 0));
color: #fff;
height: 100%;
padding-top: 4.1111111111rem;
padding-left: 3.3333333333rem;
position: relative;
width: 60%;
z-index: 2;
}
#hero__sub-content h1 {
align-items: center;
display: flex;
font-size: 3.3888888889rem;
margin-bottom: 3.3333333333rem;
}
#hero__sub-content h1 span {
margin-left: 1.3888888889rem;
}
#hero__sub-content h1 span:only-child {
margin-left: 0;
}
#hero__sub-content-inner {
max-width: 19.6666666667rem;
}
#hero__sub-content-inner h4 {
font-family: "Nunito-Bold";
font-size: 1.2222222222rem;
line-height: 1.18;
margin-bottom: 0.2777777778rem;
}
#hero__sub-content-inner p {
margin-bottom: 2.7777777778rem;
}
#hero__sub-content-inner a.btn {
color: #fff;
}
#articles .col-6 {
background-color: #edf0f2;
margin-bottom: 2.7222222222rem;
}
#articles .col-6.hide {
display: none;
}
#articles article {
display: flex;
flex-direction: column;
height: 100%;
}
#articles article h2 {
font-size: 1.3888888889rem;
line-height: 1.28;
}
#articles article > a {
display: block;
padding-bottom: 62.8%;
position: relative;
}
#articles article > a img {
height: 100%;
object-fit: cover;
object-position: top center;
position: absolute;
width: 100%;
}
#articles article .article__inner {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 1.9444444444rem;
}
#articles article .article__inner p {
flex-grow: 1;
margin-bottom: 1.6666666667rem;
}
#articles article .article__inner a.btn {
color: #000;
font-size: 0.8611111111rem;
max-width: 7.1111111111rem;
padding: 0 0.8333333333rem;
}
#articles__load-more {
display: flex;
justify-content: center;
padding-bottom: 2.7777777778rem;
padding-top: 0.5rem;
}
#articles__load-more a {
color: #000;
}
#pillars {
padding-bottom: 0.8333333333rem;
}
#pillars a {
color: #fff;
display: flex;
flex-wrap: wrap;
padding: 0 1.1111111111rem;
padding-bottom: 1.6666666667rem;
padding-top: 2.4444444444rem;
width: 100%;
}
#pillars a .pillar__img {
display: flex;
justify-content: center;
margin-bottom: 1.8888888889rem;
width: 100%;
}
#pillars a .pillar__title {
font-family: "Nunito-Regular";
font-size: 1.4444444444rem;
line-height: 1.25;
text-align: center;
width: 100%;
}
#pillars .dark-blue {
background-color: #5690a5;
}
#pillars .blue {
background-color: #74c1bf;
}
#pillars .green {
background-color: #7ca592;
}
#pillars .brown {
background-color: #a7af8c;
}
#pillars .light-brown {
background-color: #dbb39e;
}
#pillars .red {
background-color: #cc665c;
}
#pillars .pink {
background-color: #c65978;
}
#pillars .dark-pink {
background-color: #9b3764;
}
#pillars .purple {
background-color: #683366;
}
#pillars .grey {
background-color: #edf0f2;
}
#pillars .col-4 {
margin-bottom: 2.2222222222rem;
}
@media only screen and (max-width: 1024px) {
#hero__sub-content {
padding-left: 2.2222222222rem;
padding-top: 2.2222222222rem;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.category #wrap,
.search #wrap,
.tag #wrap {
padding-top: 7.3888888889rem;
}
#hero__sub-content {
background-color: rgba(0, 43, 73, 0.5);
background-image: none;
padding: 1.1111111111rem;
}
#hero__sub-content h1 {
display: block;
font-size: 2.4444444444rem;
}
#hero__sub-content h1 span {
display: block;
margin-left: 0;
margin-top: 1.1111111111rem;
}
#hero__sub-content h1 svg {
max-width: 5.5555555556rem;
}
#hero__sub-inner {
height: auto;
}
#articles article .article__inner {
padding: 1.1111111111rem;
}
#articles .col-6 {
margin-bottom: 2.2222222222rem;
margin-right: 0;
width: 100%;
}
}
.page-template-template-blog #hero {
height: 35.7777777778rem;
position: relative;
}
.page-template-template-blog #hero img {
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.page-template-template-blog #hero__content {
bottom: 8.3333333333rem;
color: #fff;
font-family: "Nunito-Semibold";
font-size: 1.5555555556rem;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.page-template-template-blog #hero__content h1 {
margin-bottom: 1.1111111111rem;
}
.page-template-template-blog #hero__content p {
margin-bottom: 1.6666666667rem;
}
.page-template-template-blog #hero__content-inner {
margin: 0 auto;
max-width: 44rem;
}
.page-template-template-blog #hero__content-inner form {
display: flex;
}
.page-template-template-blog #hero__content-inner form input {
background-color: #fff;
border: none;
border-top-left-radius: 1.9444444444rem;
border-bottom-left-radius: 1.9444444444rem;
color: #666;
font-family: "Nunito-Regular";
font-size: 1.0388888889rem;
height: 3.1666666667rem;
padding-left: 1.6666666667rem;
}
.page-template-template-blog #hero__content-inner form button {
align-items: center;
border: none;
border-top-right-radius: 1.9444444444rem;
border-bottom-right-radius: 1.9444444444rem;
color: #fff;
display: flex;
font-family: "Nunito-Regular";
font-size: 1.1666666667rem;
flex-shrink: 0;
height: 3.1666666667rem;
padding: 0;
padding-left: 1.2777777778rem;
text-transform: uppercase;
width: 10.4444444444rem;
}
.page-template-template-blog #hero__content-inner form button svg {
margin-right: 1.0555555556rem;
}
#article__carousel {
padding: 2.2222222222rem 0;
}
#article__carousel-inner {
background-color: #edf0f2;
font-size: 1.1111111111rem;
padding: 1.5rem 1.1111111111rem;
text-align: center;
}
#article__carousel-inner a {
text-decoration: underline;
}
#content__top {
padding-bottom: 2.7777777778rem;
}
#content__top-inner {
margin: 0 auto;
max-width: 57.2222222222rem;
text-align: center;
}
#pillars {
padding-bottom: 0.8333333333rem;
}
#pillars a {
color: #fff;
display: flex;
flex-wrap: wrap;
padding: 0 1.1111111111rem;
padding-bottom: 1.6666666667rem;
padding-top: 2.4444444444rem;
width: 100%;
}
#pillars a .pillar__img {
display: flex;
justify-content: center;
margin-bottom: 1.8888888889rem;
width: 100%;
}
#pillars a .pillar__title {
font-family: "Nunito-Regular";
font-size: 1.4444444444rem;
line-height: 1.25;
text-align: center;
width: 100%;
}
#pillars .col-4 {
margin-bottom: 2.2222222222rem;
}
#full-width-image-text {
align-items: center;
display: flex;
height: 19.4444444444rem;
justify-content: center;
position: relative;
}
#full-width-image-text > div {
margin: 0 auto;
max-width: 60.3888888889rem;
padding: 0 1.6666666667rem;
}
#full-width-image-text img {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
#full-width-image-text .container {
padding: 0;
position: relative;
z-index: 2;
}
#full-width-image-text .container p {
color: #fff;
font-size: 1.6111111111rem;
text-align: center;
}
#content-rows {
padding-bottom: 2.5rem;
padding-top: 4.4444444444rem;
}
#content-rows .content-rows-el {
margin-bottom: 3.2222222222rem;
}
#content-rows .content-rows-el img {
width: 100%;
}
#content-rows .content-rows-el h2 {
font-size: 1.4444444444rem;
}
#content-rows .content-rows-el p:last-of-type {
display: inline;
}
#content-rows .content-rows-el .row > div:first-child {
margin-right: 5%;
width: 32%;
}
#content-rows .content-rows-el .row > div:last-child {
padding-top: 1.1111111111rem;
width: 63%;
}
#content-rows .content-rows-el:nth-child(2n + 2) .row > div:first-child {
margin-right: 0;
order: 2;
padding-top: 1.1111111111rem;
}
#content-rows .content-rows-el:nth-child(2n + 2) .row > div:last-child {
margin-right: 5%;
order: 1;
padding-top: 0;
}
#content-rows .content-rows-el:last-child {
margin-bottom: 0;
}
#videos {
padding-bottom: 3.3333333333rem;
padding-top: 2.5rem;
}
#videos h2 {
margin-bottom: 1.9444444444rem;
text-align: center;
}
@media only screen and (max-width: 767px) {
#hero__content {
font-size: 1.2222222222rem;
}
#hero__content-inner {
padding: 0 1.6666666667rem;
}
#hero__content-inner form {
display: block;
}
#hero__content-inner form input {
border-top-right-radius: 1.9444444444rem;
border-bottom-right-radius: 1.9444444444rem;
margin-bottom: 1.1111111111rem;
}
#hero__content-inner form button {
border-top-left-radius: 1.9444444444rem;
border-bottom-left-radius: 1.9444444444rem;
margin: 0 auto;
}
#full-width-image-text .container p {
font-size: 1rem;
}
#content-rows .content-rows-el .row {
display: block;
}
#content-rows .content-rows-el .row > div:first-child,
#content-rows .content-rows-el .row > div:last-child {
margin-right: 0;
padding-top: 0;
width: 100%;
}
#content-rows .content-rows-el .row > div:first-child {
margin-bottom: 1.6666666667rem;
}
}