.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//northbarker.com.au/wp-content/themes/northbarker/lib/owl.carousel/assets/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template,
[hidden] {
display: none;
}  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} dfn {
font-style: italic;
} h1,
.h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background-color: #ff0;
color: #000;
} small,
.small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em; } figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; }  button,
input,
select,
textarea {
font: inherit; margin: 0; } optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 1em;
line-height: 1.5;
font-family: 'Open Sans', sans-serif;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
html,
body {
min-height: 100%;
}
body {
background: #ffffff;
color: #666666;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-top: 2rem;
margin-bottom: 1rem;
font-weight: normal;
line-height: 1.2;
font-family: 'Karla', sans-serif;
color: #751313;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
margin-top: 0;
}
h1,
.h1 {
font-size: 1.5em;
}
h2,
.h2 {
font-size: 1.1875em;
}
h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
font-size: 1em;
}
small,
.small {
font-size: 0.875em;
}
p,
ol,
ul,
dl,
dd,
form,
table,
address,
pre {
margin: 0 0 1em 0;
}
embed,
iframe,
object,
video {
max-width: 100%;
}
ol,
ul {
padding-left: 10%;
}
@media (min-width: 480px) {
ol,
ul {
padding-left: 5%;
}
}
li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
li ol,
li ul {
margin: 0;
}
dt {
font-weight: bold;
}
table {
width: 100%;
font-size: inherit;
}
th,
td {
vertical-align: top;
padding: 0.25em 1em 0.25em 0;
}
th {
text-align: left;
}
blockquote {
margin: 0 5%;
}
ins {
text-decoration: none;
}
del {
-webkit-text-decoration: strikethrough;
text-decoration: strikethrough;
}
abbr {
cursor: help;
}
a {
text-decoration: none;
color: #751313;
-webkit-transition: color 150ms ease-out, border-color 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out;
transition: color 150ms ease-out, border-color 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out;
}
a:hover {
color: #4d4d4f;
}
img {
max-width: 100%;
height: auto;
}
figure {
margin: 0;
}
::-moz-selection {
background: #751313;
color: #FFF;
}
::selection {
background: #751313;
color: #FFF;
} button,
textarea,
[type="button"],
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select[multiple] {
-webkit-appearance: none;
}
button,
input,
select,
textarea,
fieldset {
max-width: 100%;
font-size: inherit;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
fieldset[disabled] {
opacity: 0.7;
cursor: default;
} button,
input,
textarea,
select {
padding: 0 0.4em;
border-width: 1px;
border-style: solid;
border-radius: 0;
-webkit-transition: 150ms ease-out;
transition: 150ms ease-out;
background: #ffffff;
border-color: rgba(102, 102, 102, 0.5);
color: #666666;
}
button:focus,
input:focus,
textarea:focus,
select:focus {
outline: none;
border-color: #751313;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
} button,
input,
select {
height: 2.5em;
line-height: normal;
} textarea,
select[multiple] {
vertical-align: top;
width: 100%;
height: auto;
padding: 0.4em;
} button,
[type="button"],
[type="submit"],
[type="reset"] {
padding: 0 1em;
text-align: center;
}
button:active,
[type="button"]:active,
[type="submit"]:active,
[type="reset"]:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
} [type="checkbox"],
[type="radio"],
[type="range"],
[type="file"],
[type="image"] {
height: auto;
padding: 0;
border: none;
background: transparent;
} legend {
font-weight: bold;
} .comments {
margin-bottom: 4em;
}
.comments__header {
margin-bottom: 2em;
}
.comment__list {
padding: 0;
} .comment,
.pingback,
.trackback {
list-style: none;
}
.comment-body {
margin-bottom: 2em;
}
.comment-meta {
position: relative;
margin-bottom: 0.75em;
}
.comment-metadata {
color: rgba(102, 102, 102, 0.5);
}
.comment-metadata a:not(:hover) {
color: inherit;
}
.comment-meta,
.comment-content,
.reply {
padding-left: 2.5rem;
}
@media (min-width: 480px) {
.comment-meta,
.comment-content,
.reply {
padding-left: 4.5rem;
}
}
.comment-author .avatar {
position: absolute;
left: 0;
top: 0;
max-width: 2rem;
width: auto;
height: auto;
border-radius: 50%;
}
@media (min-width: 480px) {
.comment-author .avatar {
max-width: 4rem;
}
}
.comment-edit-link {
margin-left: 0.5em;
}
.pingback .url,
.trackback .url {
font-style: italic;
} .comment-respond {
margin: 4em 0 0 0;
}
.comment-reply-title small,
.comment-reply-title .small {
display: block;
}
.comments .children {
padding-left: 5%;
}
.comment-form {
display: block;
}
.comment-form label {
display: block;
}
.required {
color: #C40233;
}
.comment-metadata,
.form-allowed-tags,
.pingback .edit-link,
.trackback .edit-link {
font-size: 0.8em;
}
#cancel-comment-reply-link {
font-size: 0.6em;
}
.gallery {
margin-left: -(0.25em / 2);
margin-right: -(0.25em / 2);
}
.gallery:after {
content: '';
display: block;
clear: both;
}
.gallery:after {
content: '';
display: block;
clear: both;
}
.gallery img {
display: block;
width: 100%;
}
.gallery .gallery-item {
float: left;
width: 50%;
margin: 0;
padding: 0 0.125em 0.25em 0.125em;
text-align: center;
}
.gallery .gallery-item:nth-of-type(2n+1) {
clear: left;
}
.gallery .gallery-caption {
margin: 0 0 1em 0;
font-size: 0.8em;
text-align: center;
}
.gallery-columns-1 .gallery-item {
clear: none;
width: 100%;
clear: both;
}
.gallery .gallery-caption,
.wp-caption-text,
.wp-caption-dd {
font-style: italic;
}
@media (min-width: 680px) {
.gallery-item.gallery-item:nth-of-type(2n+1) { clear: none;
}
.gallery-columns-9 .gallery-item {
width: 11.11111111%;
}
.gallery-columns-9 .gallery-item:nth-of-type(9n + 1) {
clear: left;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-8 .gallery-item:nth-of-type(8n + 1) {
clear: left;
}
.gallery-columns-7 .gallery-item {
width: 14.28571429%;
}
.gallery-columns-7 .gallery-item:nth-of-type(7n + 1) {
clear: left;
}
.gallery-columns-6 .gallery-item {
width: 16.66666667%;
}
.gallery-columns-6 .gallery-item:nth-of-type(6n + 1) {
clear: left;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-5 .gallery-item:nth-of-type(5n + 1) {
clear: left;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-4 .gallery-item:nth-of-type(4n + 1) {
clear: left;
}
.gallery-columns-3 .gallery-item {
width: 33.33333333%;
}
.gallery-columns-3 .gallery-item:nth-of-type(3n + 1) {
clear: left;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-2 .gallery-item:nth-of-type(2n + 1) {
clear: left;
}
}
.gallery-caption {
padding: 0 1em;
}
.alignnone,
.alignleft,
.aligncenter,
.alignright,
.alignnone.wp-caption,
.alignleft.wp-caption,
.aligncenter.wp-caption,
.alignright.wp-caption {
display: block;
margin: 0 0 1em 0;
}
.alignleft,
.alignright,
.alignleft.wp-caption,
.alignright.wp-caption {
margin-top: 0.25em;
}
.alignleft,
.alignleft.wp-caption {
float: left;
margin-right: 1em;
}
.alignright,
.alignright.wp-caption {
float: right;
margin-left: 1em;
}
.aligncenter,
.aligncenter.wp-caption {
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
}
.mejs-container {
margin-bottom: 1em;
}
.banner {
margin-top: 3em;
margin-bottom: 2em;
}
@media (min-width: 680px) {
.banner {
margin-top: 5em;
}
}
.banner__title {
font-size: 25px;
}
@media (min-width: 960px) {
.banner__title {
font-size: 32px;
}
}
@media (min-width: 960px) {
.banner__title {
font-size: 42px;
}
}
.clickable-panel {
position: relative;
padding: 2em 0 0;
}
.clickable-panel.clickable-panel--narrow {
display: block;
padding: 1em 0;
}
@media (min-width: 680px) {
.clickable-panel.clickable-panel--narrow {
padding: 1em 0 4em;
}
}
@media (min-width: 680px) {
.clickable-panel {
padding: 0 0 2em;
}
}
.clickable-panel__image {
height: 182px;
display: none;
margin-bottom: 1em;
}
.clickable-panel--narrow .clickable-panel__image {
display: block;
}
@media (min-width: 680px) {
.clickable-panel__image {
height: 282px;
}
}
@media (min-width: 960px) {
.clickable-panel__image {
height: 182px;
}
}
.clickable-panel__icon {
height: 59px;
width: 59px;
margin-right: 1.5em;
}
@media (min-width: 960px) {
.clickable-panel--wide .clickable-panel__icon {
position: absolute;
}
}
.clickable-panel__heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 1em;
}
.clickable-panel--narrow .clickable-panel__heading {
padding: 1em 0;
}
.clickable-panel--wide .clickable-panel__heading {
position: relative;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 960px) {
.clickable-panel__heading {
padding-bottom: 0;
}
}
.clickable-panel__title {
margin: 0;
color: #4d4d4f;
font-size: 18px;
width: 70%;
}
@media (min-width: 960px) {
.clickable-panel__title {
font-size: 22px;
}
}
@media (min-width: 960px) {
.clickable-panel--wide .clickable-panel__title {
padding-left: 3.9em;
margin-bottom: 0.5em;
}
}
.clickable-panel__content {
color: #666666;
margin-bottom: 1em;
}
.clickable-panel--narrow .clickable-panel__content {
padding-left: 0;
}
@media (min-width: 960px) {
.clickable-panel__content {
padding-left: 5.4em;
}
}
.clickable-panel__link {
display: none !important;
}
.clickable-panel--narrow .clickable-panel__link {
display: inline-block !important;
}
.entry {
margin-bottom: 2em;
-webkit-box-shadow: 0px 0px 5px 0px #b0b0b0;
box-shadow: 0px 0px 5px 0px #b0b0b0;
padding: 1em;
margin-bottom: 3em;
border-radius: 4px;
}
@media (min-width: 680px) {
.entry {
padding: 2em;
}
}
.entry__image {
display: block;
margin-bottom: 1.2em;
}
.entry__header {
margin-bottom: 1em;
}
.entry__title {
word-wrap: break-word;
font-size: 18px !important;
}
.entry__title a:not(:hover) {
color: inherit;
}
@media (min-width: 680px) {
.entry__title {
font-size: 22px !important;
}
}
.fine-print {
font-size: 0.85em;
text-align: center;
}
@media (min-width: 680px) {
.fine-print .fine-print__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.fine-print .fine-print__credit:before {
content: '|';
margin-left: 5px;
margin-right: 2px;
}
.fine-print .grid {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
.figure {
position: relative;
padding: 1em 0;
}
.figure__number {
font-size: 30px;
}
@media (min-width: 680px) {
.figure__number {
font-size: 40px;
}
}
@media (min-width: 960px) {
.figure__number {
font-size: 60px;
}
}
.figure__title {
font-size: 18px;
color: #4d4d4f;
margin: 0;
}
@media (min-width: 960px) {
.figure__title {
font-size: 22px;
}
}
.footer {
padding: 3.5em 0 1em;
background: #f5f5f5;
color: #666666;
text-align: center;
}
.footer a {
color: #666666;
}
.footer a:hover {
color: #751313;
}
@media (min-width: 680px) {
.footer {
text-align: left;
}
}
.footer:after {
content: '';
display: block;
clear: both;
}
.footer:after {
content: '';
display: block;
clear: both;
}
.grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -1rem;
margin-right: -1rem;
}
.grid:after {
content: '';
display: block;
clear: both;
}
.grid:after {
content: '';
display: block;
clear: both;
}
.grid--no-gutters {
margin: 0;
}
.grid--small-gutters {
margin: 0 -0.5rem;
}
@media (min-width: 960px) {
.grid--medium-gutters {
margin: 0 -1.53846154rem;
}
}
.grid--large-gutters {
margin: 0 -2rem;
}
.grid--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.grid--center-y {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.grid--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.grid__column {
display: block;
float: left;
width: 100%;
min-height: 1px;
padding: 0 1rem;
}
.grid--reverse > .grid__column {
float: right;
}
.grid--no-gutters > .grid__column {
padding: 0;
}
@media (min-width: 960px) {
.grid--medium-gutters > .grid__column {
padding: 0 1.53846154rem;
}
}
.grid--small-gutters > .grid__column {
padding: 0 0.5rem;
}
.grid--large-gutters > .grid__column {
padding: 0 2rem;
}
.grid__column--12 {
width: 100%;
}
.grid__column--11 {
width: 91.66666667%;
}
.grid__column--10 {
width: 83.33333333%;
}
.grid__column--9 {
width: 75%;
}
.grid__column--8 {
width: 66.66666667%;
}
.grid__column--7 {
width: 58.33333333%;
}
.grid__column--6 {
width: 50%;
}
.grid__column--5 {
width: 41.66666667%;
}
.grid__column--4 {
width: 33.33333333%;
}
.grid__column--3 {
width: 25%;
}
.grid__column--2 {
width: 16.66666667%;
}
.grid__column--1 {
width: 8.33333333%;
}
@media (min-width: 480px) {
.grid__column--s-12 {
width: 100%;
}
.grid__column--s-11 {
width: 91.66666667%;
}
.grid__column--s-10 {
width: 83.33333333%;
}
.grid__column--s-9 {
width: 75%;
}
.grid__column--s-8 {
width: 66.66666667%;
}
.grid__column--s-7 {
width: 58.33333333%;
}
.grid__column--s-6 {
width: 50%;
}
.grid__column--s-5 {
width: 41.66666667%;
}
.grid__column--s-4 {
width: 33.33333333%;
}
.grid__column--s-3 {
width: 25%;
}
.grid__column--s-2 {
width: 16.66666667%;
}
.grid__column--s-1 {
width: 8.33333333%;
}
}
@media (min-width: 680px) {
.grid__column--m-12 {
width: 100%;
}
.grid__column--m-11 {
width: 91.66666667%;
}
.grid__column--m-10 {
width: 83.33333333%;
}
.grid__column--m-9 {
width: 75%;
}
.grid__column--m-8 {
width: 66.66666667%;
}
.grid__column--m-7 {
width: 58.33333333%;
}
.grid__column--m-6 {
width: 50%;
}
.grid__column--m-5 {
width: 41.66666667%;
}
.grid__column--m-4 {
width: 33.33333333%;
}
.grid__column--m-3 {
width: 25%;
}
.grid__column--m-2 {
width: 16.66666667%;
}
.grid__column--m-1 {
width: 8.33333333%;
}
}
@media (min-width: 820px) {
.grid__column--ml-12 {
width: 100%;
}
.grid__column--ml-11 {
width: 91.66666667%;
}
.grid__column--ml-10 {
width: 83.33333333%;
}
.grid__column--ml-9 {
width: 75%;
}
.grid__column--ml-8 {
width: 66.66666667%;
}
.grid__column--ml-7 {
width: 58.33333333%;
}
.grid__column--ml-6 {
width: 50%;
}
.grid__column--ml-5 {
width: 41.66666667%;
}
.grid__column--ml-4 {
width: 33.33333333%;
}
.grid__column--ml-3 {
width: 25%;
}
.grid__column--ml-2 {
width: 16.66666667%;
}
.grid__column--ml-1 {
width: 8.33333333%;
}
}
@media (min-width: 960px) {
.grid__column--l-12 {
width: 100%;
}
.grid__column--l-11 {
width: 91.66666667%;
}
.grid__column--l-10 {
width: 83.33333333%;
}
.grid__column--l-9 {
width: 75%;
}
.grid__column--l-8 {
width: 66.66666667%;
}
.grid__column--l-7 {
width: 58.33333333%;
}
.grid__column--l-6 {
width: 50%;
}
.grid__column--l-5 {
width: 41.66666667%;
}
.grid__column--l-4 {
width: 33.33333333%;
}
.grid__column--l-3 {
width: 25%;
}
.grid__column--l-2 {
width: 16.66666667%;
}
.grid__column--l-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.grid__column--xl-12 {
width: 100%;
}
.grid__column--xl-11 {
width: 91.66666667%;
}
.grid__column--xl-10 {
width: 83.33333333%;
}
.grid__column--xl-9 {
width: 75%;
}
.grid__column--xl-8 {
width: 66.66666667%;
}
.grid__column--xl-7 {
width: 58.33333333%;
}
.grid__column--xl-6 {
width: 50%;
}
.grid__column--xl-5 {
width: 41.66666667%;
}
.grid__column--xl-4 {
width: 33.33333333%;
}
.grid__column--xl-3 {
width: 25%;
}
.grid__column--xl-2 {
width: 16.66666667%;
}
.grid__column--xl-1 {
width: 8.33333333%;
}
}
@media (min-width: 1440px) {
.grid__column--xl-12 {
width: 100%;
}
.grid__column--xl-11 {
width: 91.66666667%;
}
.grid__column--xl-10 {
width: 83.33333333%;
}
.grid__column--xl-9 {
width: 75%;
}
.grid__column--xl-8 {
width: 66.66666667%;
}
.grid__column--xl-7 {
width: 58.33333333%;
}
.grid__column--xl-6 {
width: 50%;
}
.grid__column--xl-5 {
width: 41.66666667%;
}
.grid__column--xl-4 {
width: 33.33333333%;
}
.grid__column--xl-3 {
width: 25%;
}
.grid__column--xl-2 {
width: 16.66666667%;
}
.grid__column--xl-1 {
width: 8.33333333%;
}
}
@media (min-width: 680px) {
.grid--2-columns > .grid__column {
width: 50%;
}
.grid--2-columns > .grid__column:nth-child(2n+1) {
clear: left;
}
.grid--reverse.grid--2-columns > .grid__column:nth-child(2n+1) {
clear: right;
}
}
@media (min-width: 680px) {
.grid--3-columns > .grid__column {
width: 33.333%;
}
.grid--3-columns > .grid__column:nth-child(3n+1) {
clear: left;
}
.grid--reverse.grid--3-columns > .grid__column:nth-child(3n+1) {
clear: right;
}
}
@media (min-width: 480px) {
.grid--4-columns > .grid__column {
width: 50%;
}
.grid--4-columns > .grid__column:nth-child(2n+1) {
clear: left;
}
.grid--reverse.grid--4-columns > .grid__column:nth-child(2n+1) {
clear: right;
}
}
@media (min-width: 680px) {
.grid--4-columns > .grid__column {
width: 25%;
}
.grid--4-columns > .grid__column:nth-child(2n+1) {
clear: none;
}
.grid--reverse.grid--4-columns > .grid__column:nth-child(2n+1) {
clear: none;
}
.grid--4-columns > .grid__column:nth-child(4n+1) {
clear: left;
}
.grid--reverse.grid--4-columns > .grid__column:nth-child(4n+1) {
clear: right;
}
}
@media (min-width: 480px) {
.grid--5-columns > .grid__column {
width: 50%;
}
.grid--5-columns > .grid__column:nth-child(2n+1) {
clear: left;
}
.grid--reverse.grid--5-columns > .grid__column:nth-child(2n+1) {
clear: right;
}
}
@media (min-width: 680px) {
.grid--5-columns > .grid__column {
width: 20%;
}
.grid--5-columns > .grid__column:nth-child(2n+1) {
clear: none;
}
.grid--reverse.grid--5-columns > .grid__column:nth-child(2n+1) {
clear: none;
}
.grid--5-columns > .grid__column:nth-child(5n+1) {
clear: left;
}
.grid--reverse.grid--5-columns > .grid__column:nth-child(5n+1) {
clear: right;
}
}
@media (min-width: 480px) {
.grid--6-columns > .grid__column {
width: 50%;
}
.grid--6-columns > .grid__column:nth-child(2n+1) {
clear: left;
}
.grid--reverse.grid--6-columns > .grid__column:nth-child(2n+1) {
clear: right;
}
}
@media (min-width: 680px) {
.grid--6-columns > .grid__column {
width: 33.3333%;
}
.grid--6-columns > .grid__column:nth-child(2n+1) {
clear: none;
}
.grid--reverse.grid--6-columns > .grid__column:nth-child(2n+1) {
clear: none;
}
.grid--6-columns > .grid__column:nth-child(3n+1) {
clear: left;
}
.grid--reverse.grid--6-columns > .grid__column:nth-child(3n+1) {
clear: right;
}
}
@media (min-width: 960px) {
.grid--6-columns > .grid__column {
width: 16.66666%;
}
.grid--6-columns > .grid__column:nth-child(3n+1) {
clear: none;
}
.grid--reverse.grid--6-columns > .grid__column:nth-child(3n+1) {
clear: none;
}
.grid--6-columns > .grid__column:nth-child(6n+1) {
clear: left;
}
.grid--reverse.grid--6-columns > .grid__column:nth-child(6n+1) {
clear: right;
}
}
.header {
padding-top: 1em;
-webkit-box-shadow: 0px 2px 5px -3px rgba(0, 0, 0, 0.75);
box-shadow: 0px 2px 5px -3px rgba(0, 0, 0, 0.75);
z-index: 1;
margin-bottom: 2px;
}
@media (min-width: 960px) {
.header {
padding: 0.5em 0.5em;
}
.header.sticky {
position: fixed;
width: 100%;
-webkit-box-shadow: 0px 0px 6px 1px #c7c7c7;
box-shadow: 0px 0px 6px 1px #c7c7c7;
padding: 0.5em;
background: #ffffff;
z-index: 9999999;
}
.header.sticky .header__logo {
width: 170px;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
}
@media (min-width: 1200px) {
.header {
margin-left: 0;
padding: 1.5em 1em;
}
}
.header__logo {
display: block;
margin: auto;
position: relative;
z-index: 9;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
.header__logo img {
display: block;
}
@media (min-width: 680px) {
.header__logo {
width: 288px;
}
}
@media (min-width: 1200px) {
.header__logo {
margin-left: 0;
}
}
.header__nav {
z-index: 9;
position: relative;
}
.header__nav .header__toggle-nav {
width: 50%;
}
.header__nav .header__search-toggle .header__search {
position: absolute;
width: 250px;
right: 0;
}
.header__nav .header__search-toggle .search-form {
margin-bottom: 0;
}
.header__nav .header__search-toggle .search-form__input {
border-radius: 4px;
}
.header__nav .header__search-toggle .search-form__button {
fill: #ffffff;
color: #ffffff;
background: #751313;
border-radius: 4px;
}
@media (max-width: 960px) {
.header__nav .header__search-toggle .search-form__input {
border-radius: 14px;
}
.header__nav .header__search-toggle .search-form__input {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
}
@media (max-width: 1200px) {
.header__nav {
font-size: 13px;
top: -4em;
}
.header__nav .header__search-toggle .header__search {
width: 100%;
}
.header__nav .header__toggle--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__nav .header__toggle--wrap .header__search-toggle {
text-align: right;
}
.header__nav .header__toggle--wrap .header__search-toggle .header__search {
right: 0;
bottom: -2.85em;
z-index: 99;
}
}
@media (max-width: 680px) {
.header__nav {
top: -3em;
}
.header__nav .header__search-toggle .header__search {
width: 100%;
}
}
@media (min-width: 1200px) {
.header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.header__nav .header__toggle-nav {
width: 5%;
margin-left: 1.5em;
}
.header__nav .navigation {
width: 95%;
}
}
.header__search {
display: none;
}
@media (min-width: 1200px) {
.header__search {
display: none;
margin-top: 5px;
}
}
.header__logo .header__logo-bpages {
display: block;
}
.home .header__logo .header__logo-bpages {
display: none;
}
.header__logo .header__logo-home {
display: none !important;
}
.home .header__logo .header__logo-home {
display: block !important;
}
.header__menu-toggle--search.menu-toggle {
fill: #751313;
background: #ffffff;
border: 1px solid #751313;
border-radius: 50%;
padding: 5px !important;
margin-left: 2em;
}
.header__menu-toggle--search.menu-toggle:hover {
fill: #ffffff;
background: #751313;
}
.header__nav-toggle .menu-toggle {
background: #751313;
padding: 7px;
fill: #ffffff;
border-radius: 4px;
border: 0;
}
@media (max-width: 1200px) {
.header-nav--grid__column {
background: #751313;
padding-top: 3px;
padding-bottom: 3px;
}
}
@media (min-width: 1200px) {
.header-nav--grid__column {
padding-right: 0;
}
}
@media (min-width: 1200px) {
.header__contact a {
border: 1px solid #751313;
padding-left: 1em !important;
padding-right: 3.5em !important;
border-radius: 1.5em;
display: inline-block;
aposition: relative;
}
.header__contact a::after {
display: inline-block;
content: url(//northbarker.com.au/wp-content/themes/northbarker/images/icons/expand.svg) !important;
-webkit-filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
height: 18px !important;
width: 18px !important;
bottom: 3px;
right: 0.7em !important;
left: auto !important;
position: absolute;
}
.header__contact.is-current a,
.header__contact a:hover {
background: #751313 !important;
color: #ffffff !important;
}
.header__contact.is-current a::after,
.header__contact a:hover::after {
background: transparent !important;
-webkit-filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(138deg) brightness(103%) contrast(101%);
filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(138deg) brightness(103%) contrast(101%);
}
}
.hero {
position: relative;
margin-bottom: 3em;
}
.hero.call-to-action {
margin-bottom: 0;
margin-top: 4em;
}
@media (min-width: 960px) {
.hero.call-to-action {
margin-top: 5em;
}
}
@media (min-width: 960px) {
.hero.project__call-to-action {
margin-top: 7em;
}
}
.hero-slideshow {
position: absolute;
z-index: 3;
}
.hero__content-holder {
width: 100%;
position: relative;
z-index: 3;
}
.hero__image {
height: 230px;
}
@media (min-width: 680px) {
.hero__image {
height: 400px;
}
}
@media (min-width: 960px) {
.hero__image {
height: 530px;
padding-top: 0;
}
}
.hero__header {
margin-bottom: 1.5em;
}
.hero__content-wrap {
position: relative;
padding-top: 7em;
}
@media (min-width: 680px) {
.hero__content-wrap {
padding-top: 15em;
}
}
@media (min-width: 960px) {
.hero__content-wrap {
height: 530px;
padding-top: 0;
}
}
.call-to-action .hero__content-wrap {
height: auto;
padding-top: 3em;
padding-bottom: 3em;
background: #f9f9f9;
}
.call-to-action--bg {
padding-top: 0;
height: 240px;
}
@media (min-width: 960px) {
.call-to-action--bg {
height: 340px;
}
}
.hero__content-helper {
background: rgba(255, 255, 255, 0.95);
padding: 2em 1em;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px #b0b0b0;
box-shadow: 0px 0px 5px 0px #b0b0b0;
bottom: -3em;
position: relative;
}
@media (min-width: 680px) {
.hero__content-helper {
padding: 2em;
}
}
@media (min-width: 960px) {
.hero__content-helper {
padding: 3em;
position: absolute;
bottom: -3em;
}
}
@media (min-width: 1200px) {
.hero__content-helper {
max-width: 920px;
}
}
.call-to-action .hero__content-helper {
bottom: auto;
top: 0;
position: relative;
max-width: 100%;
text-align: center;
}
.project__call-to-action .hero__content-helper {
top: 0;
}
.hero__title {
font-size: 25px;
}
@media (min-width: 680px) {
.hero__title {
font-size: 32px;
}
}
@media (min-width: 960px) {
.hero__title {
font-size: 42px;
}
}
.hero__buttons {
margin-top: 2em;
}
.link {
position: relative;
display: inline-block;
padding-right: 2em;
font-family: 'Nunito Sans', sans-serif;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
font-size: 14px;
}
.link span {
display: inline-block;
fill: #751313;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
position: absolute;
right: 0;
}
.link span svg {
width: 16px;
height: 16px;
}
.link:hover {
color: #4d4d4f;
}
.link:hover span {
fill: #4d4d4f;
}
.logo {
position: relative;
}
.logo__helper {
margin: 10px 5px;
padding: 0.5em 1.5em;
-webkit-box-shadow: 0px 0px 5px 0px #b0b0b0;
box-shadow: 0px 0px 5px 0px #b0b0b0;
border-radius: 4px;
overflow: hidden;
}
.logo__image {
height: 112px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.logo {
padding-top: 3.5em;
}
.magicdust-button {
display: inline-block;
vertical-align: top;
position: relative;
padding: 0.9em 3em 0.9em 1.5em;
line-height: 1;
text-align: left;
border-radius: 1.5em;
letter-spacing: 1px;
color: #751313;
border: 1px solid #751313;
text-transform: uppercase;
font-family: 'Nunito Sans', sans-serif;
min-width: 100%;
margin: 5px 0;
line-height: 1.3;
letter-spacing: 0.5px;
}
button.magicdust-button,
input.magicdust-button {
padding-top: 0;
padding-bottom: 0;
}
button.magicdust-button:not(:focus),
input.magicdust-button:not(:focus) {
border-color: transparent;
}
.magicdust-button:first-of-type {
margin-left: 0;
}
@media (max-width: 680px) {
.magicdust-button {
font-size: 14px;
}
}
@media (min-width: 680px) {
.magicdust-button {
min-width: 200px;
margin: 0 10px;
}
}
.magicdust-button span {
display: inline-block;
fill: #751313;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
position: absolute;
right: 1em;
}
.magicdust-button span svg {
width: 18px;
height: 18px;
}
.magicdust-button:hover {
color: #ffffff;
background: #751313;
}
.magicdust-button:hover span {
fill: #ffffff;
}
.more .magicdust-button {
width: 90%;
}
.main__sidebar .magicdust-button {
border: 0;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px 0px #b0b0b0;
box-shadow: 0px 0px 5px 0px #b0b0b0;
display: inline-block;
width: 100%;
font-size: 20px;
padding: 1.6em 2em 1.6em 1em;
text-transform: capitalize;
position: relative;
}
.main__sidebar .magicdust-button::after {
display: inline-block;
position: relative;
content: url(//northbarker.com.au/wp-content/themes/northbarker/images/icons/expand.svg);
-webkit-filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 18px;
width: 18px;
right: 1.5em;
position: absolute;
top: 43%;
-webkit-transform: rotate(-90deg), translateX(-50%);
transform: rotate(-90deg), translateX(-50%);
}
.main__sidebar .magicdust-button:hover {
background: rgba(117, 19, 19, 0.4);
color: #751313;
}
@media (min-width: 680px) {
.main__sidebar .magicdust-button {
font-size: 22px;
}
}
.magicdust-button.ninja-forms-field {
border: 1px solid #751313 !important;
height: auto !important;
padding: 0.9em 3em 0.9em 1.5em;
cursor: pointer;
}
.magicdust-button.ninja-forms-field::after {
display: inline-block;
content: url(//northbarker.com.au/wp-content/themes/northbarker/images/icons/expand.svg) !important;
-webkit-filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
height: 18px !important;
width: 18px !important;
bottom: 3px;
right: 0.7em !important;
left: auto !important;
position: absolute;
}
.magicdust-button.ninja-forms-field:hover {
background: #751313 !important;
color: #ffffff !important;
}
.magicdust-button.ninja-forms-field:hover::after {
background: transparent !important;
-webkit-filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(138deg) brightness(103%) contrast(101%);
filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(138deg) brightness(103%) contrast(101%);
}
.main {
display: block;
}
.main:focus {
outline: none;
}
.main__content {
margin-bottom: 3em;
}
.error404 .main__content {
text-align: center;
}
.main__content h2,
.main__content h3,
.main__content h4,
.main__content .h2,
.main__content .h3,
.main__content .h4 {
color: #4d4d4f;
}
.main__content h2 + h3,
.main__content .h2 + h3,
.main__content h2 + .h3 {
margin-top: 0;
}
.main__content h3 + h4,
.main__content .h3 + h4,
.main__content h3 + .h4 {
margin-top: 0;
}
.main__content h2,
.main__content .h2 {
font-size: 23px;
}
@media (min-width: 680px) {
.main__content h2,
.main__content .h2 {
font-size: 28px;
}
}
.main__content h3,
.main__content .h3 {
font-size: 20px;
}
@media (min-width: 680px) {
.main__content h3,
.main__content .h3 {
font-size: 22px;
}
}
.main__content h4,
.main__content .h4 {
font-size: 16px;
font-family: 'Nunito Sans', sans-serif;
text-transform: uppercase;
}
.main__sidebar {
margin-bottom: 3em;
}
.main-category__menu {
padding: 2em 0;
}
.main-category__menu .main-category__menu-title {
text-transform: uppercase;
font-family: 'Nunito Sans', sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.main-category__menu:after {
content: '';
display: block;
clear: both;
}
.main-category__menu:after {
content: '';
display: block;
clear: both;
}
.main-category__menu ul {
margin-left: 0;
padding-left: 0;
}
.main-category__menu ul li {
position: relative;
display: block;
margin: 2px 0;
margin-right: 0.7em;
}
@media (min-width: 680px) {
.main-category__menu ul li {
display: inline-block;
}
}
.main-category__menu ul li a {
color: #666666;
}
.main-category__menu ul li a:before {
content: '';
width: 12px;
height: 12px;
border: 1px solid #751313;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
padding: 1px;
border-style: double;
}
.main-category__menu ul li.is-current a:before,
.main-category__menu ul li a:hover:before {
border: 2px solid #ffffff;
background: #751313;
-webkit-box-shadow: 0px 0px 0px 1px #751313;
box-shadow: 0px 0px 0px 1px #751313;
}
.menu-toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: auto;
padding: 0;
background: transparent;
border-color: transparent;
color: inherit;
}
@media (max-width: 1200px) {
.menu-toggle {
font-size: 10px;
}
}
.no-js .menu-toggle {
display: none;
}
.header__search-toggle .menu-toggle {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (min-width: 1200px) {
.menu-toggle {
display: none;
}
}
.menu-toggle__icon {
display: block;
width: 1.5em;
height: 1.5em;
}
.menu-toggle__icon--open {
display: block;
}
.is-open > .menu-toggle__icon--open {
display: none;
}
.menu-toggle__icon--close {
display: none;
}
.is-open > .menu-toggle__icon--close {
display: block;
}
.menu-toggle__label {
padding-left: 0.25em;
line-height: 1;
}
.meta {
text-transform: uppercase;
font-family: 'Nunito Sans', sans-serif;
}
.meta a:not(:hover) {
color: inherit;
}
.module {
padding: 3em 0 2em;
}
@media (max-width: 680px) {
.module.module--figures {
text-align: center;
}
}
@media (min-width: 680px) {
.module {
padding: 4em 0 3em;
}
}
.module--projects {
position: relative;
}
@media (min-width: 960px) {
.module--projects {
padding-bottom: 18em;
margin-bottom: 15em;
}
}
.module--clickable-panels { }
.module--clickable-panels .grid {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
overflow: hidden;
}
.module--clickable-panels .container--wide {
position: relative;
}
.hero + .module {
padding: 3em 0;
}
@media (min-width: 960px) {
.hero + .module {
padding: 5em 0;
}
}
.module__header {
margin-bottom: 1.5em;
}
@media (min-width: 960px) {
.module--clickable-panels .module__header {
margin-bottom: 4em;
}
}
@media (min-width: 680px) {
.module__header {
margin-bottom: 2em;
}
}
.module__title {
font-size: 25px;
}
@media (min-width: 680px) {
.module__title {
font-size: 32px;
}
}
@media (min-width: 960px) {
.module__title {
font-size: 42px;
}
}
.module__title.h3 {
font-size: 22px;
color: #4d4d4f;
}
@media (min-width: 960px) {
.module__title.h3 {
font-size: 25px;
}
}
@media (min-width: 960px) {
.module__title.h3 {
font-size: 28px;
}
}
.module__image {
height: 300px;
display: none;
}
.module__image.module__image-mobile {
display: block;
margin-bottom: 1.5em;
}
@media (min-width: 960px) {
.module__image.module__image-mobile {
display: none;
}
}
@media (min-width: 960px) {
.module__image {
height: 428px;
}
}
@media (min-width: 960px) {
.module__image {
display: block;
}
}
.module__button {
margin-top: 2em;
}
.navbar {
display: none;
margin-top: 0.5em;
border-bottom: 1px solid #751313;
}
.navbar:after {
content: '';
display: block;
clear: both;
}
.navbar:after {
content: '';
display: block;
clear: both;
}
.no-js .navbar,
.navbar.is-open {
display: block;
}
.navbar__list {
margin: 0;
padding: 0;
text-align: left;
}
.navbar__item {
position: relative;
display: block;
margin: 0;
}
.navbar__item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1em;
line-height: 1;
background: #ffffff;
text-transform: uppercase;
}
.navbar__item a:hover,
.navbar__item.is-open > a,
.navbar__item.is-current > a {
background: #751313;
color: #ffffff;
}
.navbar__item a[aria-haspopup] {
cursor: default;
}
.navbar__expand {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
width: 0.8rem;
height: 0.8rem;
margin-left: 0.2rem;
fill: currentColor;
-webkit-transition: -webkit-transform 150ms ease-out;
transition: -webkit-transform 150ms ease-out;
transition: transform 150ms ease-out;
transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
}
.is-open > a > .navbar__expand {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
@media (min-width: 1200px) {
.navbar {
display: block !important;
margin-top: 0;
border: 0;
}
.navbar__item--level-0 {
margin-left: 1.5em;
}
.navbar__item--level-0 a {
color: #751313;
background: transparent;
padding: 0.9em 0;
}
.navbar__item--level-0 a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 0;
height: 0.15em;
-webkit-transition: width 150ms ease-out;
transition: width 150ms ease-out;
}
.navbar__item--level-0 a:hover,
.navbar__item--level-0.is-open > a,
.navbar__item--level-0.is-current > a {
color: #751313;
background: transparent;
}
.navbar__item--level-0 a:hover:after,
.navbar__item--level-0.is-open > a:after,
.navbar__item--level-0.is-current > a:after {
width: 100%;
background-color: #751313;
}
.navbar__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.navbar-dropdown {
will-change: auto;
display: none;
padding: 0;
}
.is-open > .navbar-dropdown {
display: block;
}
.navbar-dropdown:focus {
outline: none;
}
.navbar-dropdown__item a {
font-size: 0.85em;
}
@media (min-width: 1200px) {
.navbar-dropdown {
position: absolute;
z-index: 10;
top: 0;
left: 100%;
min-width: 16em;
padding: 0 0 0 5px !important;
text-align: left;
white-space: nowrap;
-webkit-box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.5);
}
.navbar-dropdown--level-0 {
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 5px 0 0 0 !important;
}
.navbar-dropdown__item {
margin: 0;
}
.navbar-dropdown__item a {
padding: 1em;
background: #2f2d2e;
color: #ffffff;
}
.navbar-dropdown__item a:hover,
.navbar-dropdown__item.is-current > a {
background: #222121;
color: #ffffff;
}
.navbar-dropdown__item:last-child > a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.navbar-dropdown__item:first-child > a {
position: relative;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.navbar-dropdown__item:first-child > a:before {
content: '';
position: absolute;
right: 100%;
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
display: block;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent #2f2d2e transparent transparent;
}
.navbar-dropdown--level-0 > .navbar-dropdown__item:first-child > a:before {
right: 50%;
bottom: 100%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
border-color: transparent transparent #2f2d2e transparent;
}
.navbar-dropdown__expand {
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.is-open > a > .navbar-dropdown__expand {
-webkit-transform: rotateZ(-90deg) rotateX(-180deg);
transform: rotateZ(-90deg) rotateX(-180deg);
}
}
.navigation {
position: relative;
text-align: center;
}
.pagination {
clear: both;
text-align: center;
}
.pagination:after {
content: '';
display: block;
clear: both;
}
.pagination:after {
content: '';
display: block;
clear: both;
}
.pagination > a,
.pagination > span {
display: inline-block;
margin: 0.15em;
padding: 0.25em 0.75em;
}
.pagination > span {
color: rgba(102, 102, 102, 0.5);
}
.pagination .dots {
border-color: transparent;
}
.pagination,
.post-navigation {
margin-top: 2em;
}
.pagination__previous a,
.pagination__next a,
.pagination__previous span,
.pagination__next span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
border: 1px solid #751313 !important;
border-radius: 50% !important;
width: 40px;
height: 40px;
margin-right: 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination__previous a:hover,
.pagination__next a:hover {
opacity: 0.5;
}
.pagination__previous span,
.pagination__next span {
opacity: 0.5;
}
.pagination__previous svg,
.pagination__next svg {
height: 15px;
width: 15px;
fill: #751313;
}
.pagination__previous svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.pagination__next svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.pagination__count {
display: inline-block;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
padding-left: 1em;
padding-right: 1em;
}
.project {
position: relative;
}
.project .owl-stage {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.project .owl-stage .owl-item {
height: 100%;
}
@media (min-width: 960px) {
.project__slide-holder {
position: absolute;
max-width: 2000px;
}
}
.project__top {
margin-bottom: 2.5em;
text-align: right;
position: relative;
}
@media (max-width: 680px) {
.project__top {
margin-bottom: 5em;
}
}
@media (min-width: 680px) {
.project__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.project__top .module__button {
margin-top: 0;
margin-right: 0;
}
.project__top .project__slide-counter {
float: left;
text-align: left;
font-family: 'Nunito Sans', sans-serif;
font-size: 600;
font-size: 20px;
letter-spacing: 1px;
}
@media (max-width: 680px) {
.project__top .project__slide-counter {
text-align: right;
top: 1.2em;
position: relative;
}
}
.project__top .module__button,
.project__top .project__slide-counter {
display: inline;
width: 100%;
}
@media (min-width: 680px) {
.project__top .module__button,
.project__top .project__slide-counter {
width: 42%;
}
}
@media (min-width: 960px) {
.project__top .module__button,
.project__top .project__slide-counter {
width: 44.8%;
}
}
.project__wrap {
-webkit-box-shadow: 0px 0px 5px 0px #b0b0b0;
box-shadow: 0px 0px 5px 0px #b0b0b0;
margin: 2px;
}
.project--solo {
-webkit-box-shadow: 0px 0px 5px 0px #b0b0b0;
box-shadow: 0px 0px 5px 0px #b0b0b0;
padding: 1em;
margin-bottom: 3em;
border-radius: 4px;
}
@media (min-width: 680px) {
.project--solo {
padding: 1em 3.5em 2em;
}
}
.project__wrap {
background: #ffffff;
padding: 1em;
border-radius: 5px;
height: 100%;
}
@media (min-width: 680px) {
.project__wrap {
padding: 2em;
}
}
.project__title {
margin-top: 0;
margin-bottom: 0.8em;
}
.project__image {
height: 235px;
}
.project__icon {
height: 44px;
width: 44px;
margin-right: 1em;
}
.project__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2em 0 1em;
}
.clickable-panel--wide .project__header {
padding: 1em 0 0.5em;
}
.project__category {
text-transform: uppercase;
color: #4d4d4f;
font-weight: 600;
font-family: 'Nunito Sans', sans-serif;
width: 80%;
}
.project__content {
color: #666666;
}
.project__description {
max-width: 800px;
}
.search-form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main__content .search-form {
width: 20em;
max-width: 100%;
margin: 2em auto;
}
.search-form__input {
width: 100%;
padding-right: 2.5em;
position: relative;
background: #ffffff !important;
}
.search-form__input::-webkit-input-placeholder {
text-align: center;
text-indent: 2.5em;
}
.search-form__input::-moz-placeholder {
text-align: center;
text-indent: 2.5em;
}
.search-form__input:-ms-input-placeholder {
text-align: center;
text-indent: 2.5em;
}
.search-form__input::-ms-input-placeholder {
text-align: center;
text-indent: 2.5em;
}
.search-form__input::placeholder {
text-align: center;
text-indent: 2.5em;
}
.search-form__button {
position: absolute;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.5em;
padding: 0;
background: transparent;
border-color: transparent;
color: #666666;
}
.search-form__icon {
width: 1.25em;
height: 1.25em;
fill: currentColor;
}
.social-menu-item {
display: inline-block;
vertical-align: top;
margin: 0;
}
.social-menu-item a {
display: block;
color: inherit;
}
.social-menu-item__icon {
display: block;
width: 2em;
height: 2em;
fill: currentColor;
}
.social-menu-item__label {
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
left: -9999px;
}
.social-menu {
padding: 0;
list-style: none;
}
.tabs__tablist {
display: none;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 960px) {
.tabs__tablist {
display: block;
}
}
.tabs__tablist li {
display: inline-block;
margin: 0;
}
.tabs__tab {
display: block;
}
@media (min-width: 960px) {
.tabs__tab {
display: none;
}
.tabs__tablist .tabs__tab {
display: block;
}
}
.tabs__panel {
overflow: hidden;
}
.tabs__panel[aria-hidden="true"] {
display: none;
}
.tool {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tool:not(:hover) {
color: inherit;
}
.tool__icon {
display: block;
width: 1.5em;
height: 1.5em;
fill: currentColor;
}
.tool__badge {
position: absolute;
top: 0;
left: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 1.5em;
padding: 0 0.25em;
border-radius: 0.75em;
font-size: 0.625em;
line-height: 1.5em;
text-align: center;
white-space: nowrap;
background: #C40233;
color: #ffffff;
}
.widget {
margin-bottom: 2em;
}
.widget ul {
padding: 0;
list-style: none;
}
.widget ul ul {
padding-left: 5%;
}
.fine-print .widget {
margin-bottom: 0;
}
.widget__header {
margin-bottom: 1em;
}
.widget__title {
margin: 0;
font-size: 1em;
position: relative;
z-index: 2;
}
.main__sidebar .widget__title {
font-size: 22px;
}
.footer .widget__title {
text-transform: uppercase;
color: #751313;
font-family: 'Nunito Sans', sans-serif;
border-bottom: 1px solid #751313;
padding-bottom: 5px;
font-weight: 600;
letter-spacing: 0.5px;
}
.main__sidebar .widget_nav_menu,
.main__sidebar .widget_categories {
position: relative;
background-image: url(//northbarker.com.au/wp-content/themes/northbarker/images/img3.jpg);
background-position: center;
background-size: cover;
padding: 2em;
}
.main__sidebar .widget_nav_menu:before,
.main__sidebar .widget_categories:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(245, 245, 245, 0.97);
}
.main__sidebar .widget_nav_menu ul,
.main__sidebar .widget_categories ul {
margin-bottom: 0;
}
.main__sidebar .widget_nav_menu ul li,
.main__sidebar .widget_categories ul li {
border-top: 1px solid #751313;
padding-top: 0.8em;
margin-top: 0.8em;
z-index: 2;
position: relative;
}
.main__sidebar .widget_nav_menu ul li a,
.main__sidebar .widget_categories ul li a {
position: relative;
display: inline-block;
width: 100%;
padding-right: 2em;
}
.main__sidebar .widget_nav_menu ul li a:after,
.main__sidebar .widget_categories ul li a:after {
display: inline-block;
position: relative;
content: url(//northbarker.com.au/wp-content/themes/northbarker/images/icons/expand.svg);
-webkit-filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 15px;
width: 15px;
bottom: 3px;
right: 0;
position: absolute;
}
.main__sidebar .widget_magicdust_button {
margin-bottom: 5px;
}
.fine-print .widget_media_image {
text-align: left;
}
.main__sidebar .widget_media_image {
margin-bottom: 0.5em;
}
.main__sidebar .widget_media_image figure {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.5em;
-webkit-box-shadow: 0px 0px 5px 0px #bdbdbd;
box-shadow: 0px 0px 5px 0px #bdbdbd;
border-radius: 5px;
}
.main__sidebar .widget_media_image figure img {
width: 70px;
margin-right: 1em;
}
.main__sidebar .widget_media_image figure .wp-caption-text {
font-style: normal !important;
font-size: 15px;
word-break: break-all;
}
@media (min-width: 680px) {
.main__sidebar .widget_media_image {
width: 50%;
display: inline-block;
}
}
@media (min-width: 960px) {
.main__sidebar .widget_media_image {
width: 100%;
}
}
.team {
position: relative;
}
.team__content {
margin-bottom: 2em;
max-width: 700px;
}
.team__helper {
margin-bottom: 2em;
}
@media (min-width: 680px) {
.team__helper {
margin-bottom: 3em;
}
}
@media (min-width: 960px) {
.team__helper {
margin: 1em 0 3em;
}
}
.team__helper:hover {
position: relative;
}
.team__helper:hover .team__image-more {
bottom: 0;
display: block;
-webkit-transition: bottom 200ms ease-in-out;
transition: bottom 200ms ease-in-out;
}
.team__image {
height: 15.9375em;
position: relative;
margin-bottom: 1em;
overflow: hidden;
}
@media (min-width: 680px) {
.team__image {
height: 12.5em;
}
}
@media (min-width: 960px) {
.team__image {
height: 15.9375em;
}
}
.team__popup .team__image {
width: 255px;
height: 255px;
float: left;
}
@media (min-width: 680px) {
.team__popup .team__image {
margin-right: 2em;
}
}
.team__image-more {
margin-top: 8px;
}
.team__image-more span {
display: inline-block;
fill: #751313;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
position: relative;
top: 0.125em;
border: 1px solid #751313;
border-radius: 50%;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.team__image-more span svg {
width: 1em;
height: 1em;
}
.team__header {
margin-bottom: 0.3em;
}
.team__name {
font-size: 18px;
color: #666666;
margin-bottom: 0;
}
@media (min-width: 960px) {
.team__name {
font-size: 22px;
}
}
#fancybox-outer {
border-radius: 4px !important;
}
.team__details {
font-family: 'Nunito Sans', sans-serif;
text-transform: uppercase;
color: #666666;
letter-spacing: 1px;
}
.team__popup .team__details {
margin-bottom: 1em;
}
.team__popup {
padding: 0.5em 1em 1em;
font-size: 18px;
max-width: 60em !important;
}
@media (min-width: 680px) {
.team__popup {
padding: 0.5em 2em 1em;
}
}
@media (min-width: 960px) {
.team__popup {
padding: 1em 2em 2.5em;
}
}
@media (max-width: 960px) {
.team__popup .grid--large-gutters > .grid__column {
padding: 0 1rem !important;
}
}
.team__popup-contact {
border-top: 1px solid #751313;
padding-top: 1.5em;
margin-top: 1.5em;
font-size: 0.8125em;
text-align: center;
}
@media (min-width: 680px) {
.team__popup-contact {
text-align: left;
}
}
@media (min-width: 960px) {
.team__popup-contact {
font-size: 1em;
}
}
.team__popup-contact-spacer {
display: inline-block;
margin: 0 0.3em;
}
.team__popup-contact-details {
text-align: center;
}
@media (min-width: 680px) {
.team__popup-contact-details {
text-align: left;
}
}
.team__phone,
.team__email {
color: #751313;
}
.team__phone:hover,
.team__email:hover {
color: #666666;
}
.team__phone .team__popup-contact-icon,
.team__email .team__popup-contact-icon {
display: inline-block;
border: 1px solid #751313;
border-radius: 50%;
padding: 7.3px 10.5px;
margin-right: 8px;
}
.team__phone .team__popup-contact-icon .icon,
.team__email .team__popup-contact-icon .icon {
display: inline-block;
width: 1em;
height: 1em;
position: relative;
fill: #751313;
}
@media (min-width: 680px) {
.team__phone .team__popup-contact-icon .icon,
.team__email .team__popup-contact-icon .icon {
width: 1.25em;
height: 1.25em;
top: 2px;
}
}
@media (min-width: 680px) {
.team__phone .team__popup-contact-icon,
.team__email .team__popup-contact-icon {
padding: 7.3px 9.7px;
}
}
@media (min-width: 960px) {
.team__phone .team__popup-contact-icon,
.team__email .team__popup-contact-icon {
padding: 7.3px 10.5px;
}
}
#fancybox-close {
position: absolute;
background: transparent !important;
border: 1px solid #751313 !important;
border-radius: 50%;
padding: 10.7px 11.76px 6.4px !important;
cursor: pointer;
z-index: 111103;
width: auto !important;
height: auto !important;
}
#fancybox-close:before {
content: url(//northbarker.com.au/wp-content/themes/northbarker/images/icons/close.svg);
-webkit-filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
width: 1.25em;
height: 1.25em;
display: inline-block;
}
@media (min-width: 680px) {
#fancybox-close {
padding: 10.7px 11.76px 6.4px !important;
bottom: 1.75em !important;
right: 2.9em !important;
top: auto !important;
}
}
@media (min-width: 960px) {
#fancybox-close {
padding: 10.7px 11.76px 6.4px !important;
bottom: 3.4em !important;
}
}
#fancybox-close:hover {
background: #751313 !important;
}
#fancybox-close:hover:before {
-webkit-filter: invert(90%) sepia(0%) saturate(7420%) hue-rotate(316deg) brightness(112%) contrast(102%);
filter: invert(90%) sepia(0%) saturate(7420%) hue-rotate(316deg) brightness(112%) contrast(102%);
}
.helper {
position: relative;
overflow: hidden;
}
.container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 960px;
margin: 0 auto;
padding-left: 1rem;
padding-right: 1rem;
}
.container--narrow {
max-width: 680px;
}
.container--wide {
max-width: 1200px;
}
.container--extra-wide {
max-width: 1440px;
}
.container--full {
max-width: 100%;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
.u-wide {
width: 100%;
}
.u-text-center {
text-align: center;
}
.u-text-right {
text-align: right;
}
.u-text-left {
text-align: left;
}
.screen-reader-text {
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
left: -9999px;
z-index: 100000;
}
.screen-reader-text:focus {
clip: auto;
left: 5px;
top: 5px;
height: 1px;
width: 1px;
width: auto;
height: auto;
padding: 0.5em 1.5em;
border-radius: 3px;
background: #009F6B;
color: #FFF;
}
.u-overlay {
position: relative;
background: center center / cover no-repeat;
}
.u-overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(245, 245, 245, 0.97);
}
.u-overlay.dark:before {
background: rgba(77, 77, 79, 0.9);
}
.u-overlay .container {
z-index: 2;
position: relative;
}
.u-bg {
background: center center / cover no-repeat;
}
.nf-form-wrap .label-above .nf-field-label {
margin-bottom: 0.5em;
}
.nf-form-wrap .nf-field-container {
margin-bottom: 1em;
}
.nf-form-wrap .nf-field-element input,
.nf-form-wrap .nf-field-element select {
height: 2.5em;
}
.nf-form-wrap .nf-field-element input[multiple],
.nf-form-wrap .nf-field-element select[multiple],
.nf-form-wrap .nf-field-element input[type="checkbox"],
.nf-form-wrap .nf-field-element select[type="checkbox"],
.nf-form-wrap .nf-field-element input[type="radio"],
.nf-form-wrap .nf-field-element select[type="radio"],
.nf-form-wrap .nf-field-element input[type="range"],
.nf-form-wrap .nf-field-element select[type="range"],
.nf-form-wrap .nf-field-element input[type="file"],
.nf-form-wrap .nf-field-element select[type="file"],
.nf-form-wrap .nf-field-element input[type="image"],
.nf-form-wrap .nf-field-element select[type="image"] {
height: auto;
}
.nf-form-wrap .nf-field-element textarea {
vertical-align: top;
}
.nf-form-wrap .nf-input-limit:empty {
margin-top: 0;
}
.nf-form-wrap .nf-error-msg,
.nf-form-wrap .ninja-forms-req-symbol {
color: #C40233;
}
.nf-form-wrap .nf-error .ninja-forms-field {
border-color: #C40233;
} .woocommerce-LoopProduct-link:link {
color: inherit;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font: inherit;
color: inherit;
} .woocommerce span.onsale {
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-color: #C40233;
} .woocommerce .products .star-rating {
display: inline-block;
}
.woocommerce .star-rating span {
color: #FCB805;
} .woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-weight: bold;
color: inherit;
}
.woocommerce ul.products li.product .price {
font-size: 1em;
} .woocommerce.woocommerce #respond input#submit,
.woocommerce.woocommerce a.button,
.woocommerce.woocommerce button.button,
.woocommerce.woocommerce input.button {
border-radius: 0;
font-weight: inherit;
}
.woocommerce.woocommerce #respond input#submit,
.woocommerce.woocommerce a.button,
.woocommerce.woocommerce button.button,
.woocommerce.woocommerce input.button,
.woocommerce.woocommerce #respond input#submit[disabled],
.woocommerce.woocommerce a.button[disabled],
.woocommerce.woocommerce button.button[disabled],
.woocommerce.woocommerce input.button[disabled],
.woocommerce.woocommerce #respond input#submit[disabled]:hover,
.woocommerce.woocommerce a.button[disabled]:hover,
.woocommerce.woocommerce button.button[disabled]:hover,
.woocommerce.woocommerce input.button[disabled]:hover {
background: #EBE9EB;
color: #222222;
}
.woocommerce.woocommerce #respond input#submit:hover,
.woocommerce.woocommerce a.button:hover,
.woocommerce.woocommerce button.button:hover,
.woocommerce.woocommerce input.button:hover {
background: #d3ced3;
color: #222222;
}
.woocommerce.woocommerce ul.products li.product .button,
.woocommerce.woocommerce #respond input#submit.alt,
.woocommerce.woocommerce a.button.alt,
.woocommerce.woocommerce button.button.alt,
.woocommerce.woocommerce input.button.alt,
.woocommerce.woocommerce ul.products li.product .button[disabled],
.woocommerce.woocommerce #respond input#submit.alt[disabled],
.woocommerce.woocommerce a.button.alt[disabled],
.woocommerce.woocommerce button.button.alt[disabled],
.woocommerce.woocommerce input.button.alt[disabled],
.woocommerce.woocommerce ul.products li.product .button[disabled]:hover,
.woocommerce.woocommerce #respond input#submit.alt[disabled]:hover,
.woocommerce.woocommerce a.button.alt[disabled]:hover,
.woocommerce.woocommerce button.button.alt[disabled]:hover,
.woocommerce.woocommerce input.button.alt[disabled]:hover {
background-color: #751313;
color: #FFF;
}
.woocommerce.woocommerce ul.products li.product .button:hover,
.woocommerce.woocommerce #respond input#submit.alt:hover,
.woocommerce.woocommerce a.button.alt:hover,
.woocommerce.woocommerce button.button.alt:hover,
.woocommerce.woocommerce input.button.alt:hover {
background-color: #490c0c;
color: #FFF;
} @media (min-width: 769px) {
#coupon_code {
width: auto;
}
}
.slideshow .owl-nav {
position: absolute;
top: -4em;
padding: 0 0.3rem;
}
@media (min-width: 680px) {
.slideshow .owl-nav {
padding: 0 0.3rem;
}
}
@media (min-width: 960px) {
.slideshow .owl-nav {
padding: 0 0.3rem;
}
}
.slideshow .owl-nav .owl-prev,
.slideshow .owl-nav .owl-next {
border: 1px solid #751313 !important;
border-radius: 50% !important;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 1em;
}
.slideshow .owl-nav .owl-prev:hover,
.slideshow .owl-nav .owl-next:hover {
opacity: 0.5;
}
.slideshow .owl-nav .owl-prev {
float: left;
content: "";
}
.slideshow .owl-nav .owl-prev:before {
display: inline-block;
position: relative;
content: url(//northbarker.com.au/wp-content/themes/northbarker/images/icons/expand.svg);
-webkit-filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
height: 15px;
width: 15px;
right: -3px;
}
.slideshow .owl-nav .owl-next {
float: right;
content: "";
}
.slideshow .owl-nav .owl-next:after {
display: inline-block;
position: relative;
content: url(//northbarker.com.au/wp-content/themes/northbarker/images/icons/expand.svg);
-webkit-filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
filter: invert(11%) sepia(68%) saturate(2611%) hue-rotate(344deg) brightness(107%) contrast(100%);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 15px;
width: 15px;
left: -2px;
}
.module--projects .owl-nav {
top: -5.2em;
}
@media (max-width: 680px) {
.module--projects .owl-nav {
top: -4em;
}
}
.horizontal-line{
border-bottom: 1px solid #751313;
margin-bottom: 30px;
}
.justify-left{
justify-content: left;
}
.team__popup .team__position, .team__popup .memebr__bio,.team__popup .team__name{
padding:0 20px;
}
footer.fine-print section#media_image-2{text-align: center;}