@charset "UTF-8";
   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,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } 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: 1em 40px; } hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box;
box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }  .image-replacement {
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }   span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic; }  @font-face {
font-family: 'Bodoni';
src: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/fonts/bodoni-11-medium-webfont.woff2) format("woff2"), url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/fonts/bodoni-11-medium-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Bodoni';
src: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/fonts/bodoni-11-book-italic-webfont.woff2) format("woff2"), url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/fonts/bodoni-11-book-italic-webfont.woff) format("woff");
font-weight: 600;
font-style: italic; }  .slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear; }
.slide-in-down.mui-enter {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-left.mui-enter {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-in-up.mui-enter {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-right.mui-enter {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-out-down.mui-leave {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.slide-out-right.mui-leave {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.slide-out-up.mui-leave {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.slide-out-left.mui-leave {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.fade-in.mui-enter {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.scale-in-up.mui-enter {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
-webkit-transition-duration: 750ms !important;
transition-duration: 750ms !important; }
.fast {
-webkit-transition-duration: 250ms !important;
transition-duration: 250ms !important; }
.linear {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important; }
.ease {
-webkit-transition-timing-function: ease !important;
transition-timing-function: ease !important; }
.ease-in {
-webkit-transition-timing-function: ease-in !important;
transition-timing-function: ease-in !important; }
.ease-out {
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important; }
.ease-in-out {
-webkit-transition-timing-function: ease-in-out !important;
transition-timing-function: ease-in-out !important; }
.bounce-in {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
-webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
-webkit-transition-delay: 300ms !important;
transition-delay: 300ms !important; }
.long-delay {
-webkit-transition-delay: 700ms !important;
transition-delay: 700ms !important; }  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,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } 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: 1em 40px; } hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: not-allowed; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box;
box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }   legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
.foundation-mq {
font-family: "small=0em&medium=48em&large=63.9375em&xlarge=79.9375em&xxlarge=90em&xxxlarge=100em"; }
html {
font-size: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
body {
padding: 0;
margin: 0;
font-family: "Bodoni", sans-serif;
font-weight: normal;
line-height: 1.5;
color: #000000;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px;
border-radius: 0; }
select {
width: 100%;
border-radius: 0; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
button {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 0;
line-height: 1; }
[data-whatinput='mouse'] button {
outline: 0; }
.is-visible {
display: block !important; }
.is-hidden {
display: none !important; }
.row {
max-width: 75rem;
margin-left: auto;
margin-right: auto; }
.row::before, .row::after {
content: ' ';
display: table; }
.row::after {
clear: both; }
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row .row {
max-width: none;
margin-left: -0.9375rem;
margin-right: -0.9375rem; }
.row .row.collapse {
margin-left: 0;
margin-right: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-left: auto;
margin-right: auto; }
.column, .columns {
width: 100%;
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left; }
.column.row.row, .row.row.columns {
float: none; }
.row .column.row.row, .row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0; }
.small-1 {
width: 8.33333%; }
.small-push-1 {
position: relative;
left: 8.33333%; }
.small-pull-1 {
position: relative;
left: -8.33333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
width: 16.66667%; }
.small-push-2 {
position: relative;
left: 16.66667%; }
.small-pull-2 {
position: relative;
left: -16.66667%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-3 {
width: 25%; }
.small-push-3 {
position: relative;
left: 25%; }
.small-pull-3 {
position: relative;
left: -25%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-4 {
width: 33.33333%; }
.small-push-4 {
position: relative;
left: 33.33333%; }
.small-pull-4 {
position: relative;
left: -33.33333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
width: 41.66667%; }
.small-push-5 {
position: relative;
left: 41.66667%; }
.small-pull-5 {
position: relative;
left: -41.66667%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-6 {
width: 50%; }
.small-push-6 {
position: relative;
left: 50%; }
.small-pull-6 {
position: relative;
left: -50%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-7 {
width: 58.33333%; }
.small-push-7 {
position: relative;
left: 58.33333%; }
.small-pull-7 {
position: relative;
left: -58.33333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
width: 66.66667%; }
.small-push-8 {
position: relative;
left: 66.66667%; }
.small-pull-8 {
position: relative;
left: -66.66667%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-9 {
width: 75%; }
.small-push-9 {
position: relative;
left: 75%; }
.small-pull-9 {
position: relative;
left: -75%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-10 {
width: 83.33333%; }
.small-push-10 {
position: relative;
left: 83.33333%; }
.small-pull-10 {
position: relative;
left: -83.33333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
width: 91.66667%; }
.small-push-11 {
position: relative;
left: 91.66667%; }
.small-pull-11 {
position: relative;
left: -91.66667%; }
.small-offset-10 {
margin-left: 83.33333%; }
.small-12 {
width: 100%; }
.small-offset-11 {
margin-left: 91.66667%; }
.small-up-1 > .column, .small-up-1 > .columns {
width: 100%;
float: left; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left; }
.small-up-2 > .column, .small-up-2 > .columns {
width: 50%;
float: left; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left; }
.small-up-3 > .column, .small-up-3 > .columns {
width: 33.33333%;
float: left; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left; }
.small-up-4 > .column, .small-up-4 > .columns {
width: 25%;
float: left; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left; }
.small-up-5 > .column, .small-up-5 > .columns {
width: 20%;
float: left; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left; }
.small-up-6 > .column, .small-up-6 > .columns {
width: 16.66667%;
float: left; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left; }
.small-up-7 > .column, .small-up-7 > .columns {
width: 14.28571%;
float: left; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left; }
.small-up-8 > .column, .small-up-8 > .columns {
width: 12.5%;
float: left; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left; }
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.small-collapse .row {
margin-left: 0;
margin-right: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.small-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; }
@media screen and (min-width: 48em) {
.medium-1 {
width: 8.33333%; }
.medium-push-1 {
position: relative;
left: 8.33333%; }
.medium-pull-1 {
position: relative;
left: -8.33333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
width: 16.66667%; }
.medium-push-2 {
position: relative;
left: 16.66667%; }
.medium-pull-2 {
position: relative;
left: -16.66667%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-3 {
width: 25%; }
.medium-push-3 {
position: relative;
left: 25%; }
.medium-pull-3 {
position: relative;
left: -25%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-4 {
width: 33.33333%; }
.medium-push-4 {
position: relative;
left: 33.33333%; }
.medium-pull-4 {
position: relative;
left: -33.33333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
width: 41.66667%; }
.medium-push-5 {
position: relative;
left: 41.66667%; }
.medium-pull-5 {
position: relative;
left: -41.66667%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-6 {
width: 50%; }
.medium-push-6 {
position: relative;
left: 50%; }
.medium-pull-6 {
position: relative;
left: -50%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-7 {
width: 58.33333%; }
.medium-push-7 {
position: relative;
left: 58.33333%; }
.medium-pull-7 {
position: relative;
left: -58.33333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
width: 66.66667%; }
.medium-push-8 {
position: relative;
left: 66.66667%; }
.medium-pull-8 {
position: relative;
left: -66.66667%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-9 {
width: 75%; }
.medium-push-9 {
position: relative;
left: 75%; }
.medium-pull-9 {
position: relative;
left: -75%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-10 {
width: 83.33333%; }
.medium-push-10 {
position: relative;
left: 83.33333%; }
.medium-pull-10 {
position: relative;
left: -83.33333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
width: 91.66667%; }
.medium-push-11 {
position: relative;
left: 91.66667%; }
.medium-pull-11 {
position: relative;
left: -91.66667%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-12 {
width: 100%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
width: 100%;
float: left; }
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left; }
.medium-up-2 > .column, .medium-up-2 > .columns {
width: 50%;
float: left; }
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left; }
.medium-up-3 > .column, .medium-up-3 > .columns {
width: 33.33333%;
float: left; }
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left; }
.medium-up-4 > .column, .medium-up-4 > .columns {
width: 25%;
float: left; }
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left; }
.medium-up-5 > .column, .medium-up-5 > .columns {
width: 20%;
float: left; }
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left; }
.medium-up-6 > .column, .medium-up-6 > .columns {
width: 16.66667%;
float: left; }
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left; }
.medium-up-7 > .column, .medium-up-7 > .columns {
width: 14.28571%;
float: left; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left; }
.medium-up-8 > .column, .medium-up-8 > .columns {
width: 12.5%;
float: left; }
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left; }
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.medium-collapse .row {
margin-left: 0;
margin-right: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.medium-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; } }
@media screen and (min-width: 63.9375em) {
.large-1 {
width: 8.33333%; }
.large-push-1 {
position: relative;
left: 8.33333%; }
.large-pull-1 {
position: relative;
left: -8.33333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
width: 16.66667%; }
.large-push-2 {
position: relative;
left: 16.66667%; }
.large-pull-2 {
position: relative;
left: -16.66667%; }
.large-offset-1 {
margin-left: 8.33333%; }
.large-3 {
width: 25%; }
.large-push-3 {
position: relative;
left: 25%; }
.large-pull-3 {
position: relative;
left: -25%; }
.large-offset-2 {
margin-left: 16.66667%; }
.large-4 {
width: 33.33333%; }
.large-push-4 {
position: relative;
left: 33.33333%; }
.large-pull-4 {
position: relative;
left: -33.33333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
width: 41.66667%; }
.large-push-5 {
position: relative;
left: 41.66667%; }
.large-pull-5 {
position: relative;
left: -41.66667%; }
.large-offset-4 {
margin-left: 33.33333%; }
.large-6 {
width: 50%; }
.large-push-6 {
position: relative;
left: 50%; }
.large-pull-6 {
position: relative;
left: -50%; }
.large-offset-5 {
margin-left: 41.66667%; }
.large-7 {
width: 58.33333%; }
.large-push-7 {
position: relative;
left: 58.33333%; }
.large-pull-7 {
position: relative;
left: -58.33333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
width: 66.66667%; }
.large-push-8 {
position: relative;
left: 66.66667%; }
.large-pull-8 {
position: relative;
left: -66.66667%; }
.large-offset-7 {
margin-left: 58.33333%; }
.large-9 {
width: 75%; }
.large-push-9 {
position: relative;
left: 75%; }
.large-pull-9 {
position: relative;
left: -75%; }
.large-offset-8 {
margin-left: 66.66667%; }
.large-10 {
width: 83.33333%; }
.large-push-10 {
position: relative;
left: 83.33333%; }
.large-pull-10 {
position: relative;
left: -83.33333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
width: 91.66667%; }
.large-push-11 {
position: relative;
left: 91.66667%; }
.large-pull-11 {
position: relative;
left: -91.66667%; }
.large-offset-10 {
margin-left: 83.33333%; }
.large-12 {
width: 100%; }
.large-offset-11 {
margin-left: 91.66667%; }
.large-up-1 > .column, .large-up-1 > .columns {
width: 100%;
float: left; }
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left; }
.large-up-2 > .column, .large-up-2 > .columns {
width: 50%;
float: left; }
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left; }
.large-up-3 > .column, .large-up-3 > .columns {
width: 33.33333%;
float: left; }
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left; }
.large-up-4 > .column, .large-up-4 > .columns {
width: 25%;
float: left; }
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left; }
.large-up-5 > .column, .large-up-5 > .columns {
width: 20%;
float: left; }
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left; }
.large-up-6 > .column, .large-up-6 > .columns {
width: 16.66667%;
float: left; }
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left; }
.large-up-7 > .column, .large-up-7 > .columns {
width: 14.28571%;
float: left; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left; }
.large-up-8 > .column, .large-up-8 > .columns {
width: 12.5%;
float: left; }
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left; }
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.large-collapse .row {
margin-left: 0;
margin-right: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.large-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; } }
@media screen and (min-width: 79.9375em) {
.xlarge-1 {
width: 8.33333%; }
.xlarge-push-1 {
position: relative;
left: 8.33333%; }
.xlarge-pull-1 {
position: relative;
left: -8.33333%; }
.xlarge-offset-0 {
margin-left: 0%; }
.xlarge-2 {
width: 16.66667%; }
.xlarge-push-2 {
position: relative;
left: 16.66667%; }
.xlarge-pull-2 {
position: relative;
left: -16.66667%; }
.xlarge-offset-1 {
margin-left: 8.33333%; }
.xlarge-3 {
width: 25%; }
.xlarge-push-3 {
position: relative;
left: 25%; }
.xlarge-pull-3 {
position: relative;
left: -25%; }
.xlarge-offset-2 {
margin-left: 16.66667%; }
.xlarge-4 {
width: 33.33333%; }
.xlarge-push-4 {
position: relative;
left: 33.33333%; }
.xlarge-pull-4 {
position: relative;
left: -33.33333%; }
.xlarge-offset-3 {
margin-left: 25%; }
.xlarge-5 {
width: 41.66667%; }
.xlarge-push-5 {
position: relative;
left: 41.66667%; }
.xlarge-pull-5 {
position: relative;
left: -41.66667%; }
.xlarge-offset-4 {
margin-left: 33.33333%; }
.xlarge-6 {
width: 50%; }
.xlarge-push-6 {
position: relative;
left: 50%; }
.xlarge-pull-6 {
position: relative;
left: -50%; }
.xlarge-offset-5 {
margin-left: 41.66667%; }
.xlarge-7 {
width: 58.33333%; }
.xlarge-push-7 {
position: relative;
left: 58.33333%; }
.xlarge-pull-7 {
position: relative;
left: -58.33333%; }
.xlarge-offset-6 {
margin-left: 50%; }
.xlarge-8 {
width: 66.66667%; }
.xlarge-push-8 {
position: relative;
left: 66.66667%; }
.xlarge-pull-8 {
position: relative;
left: -66.66667%; }
.xlarge-offset-7 {
margin-left: 58.33333%; }
.xlarge-9 {
width: 75%; }
.xlarge-push-9 {
position: relative;
left: 75%; }
.xlarge-pull-9 {
position: relative;
left: -75%; }
.xlarge-offset-8 {
margin-left: 66.66667%; }
.xlarge-10 {
width: 83.33333%; }
.xlarge-push-10 {
position: relative;
left: 83.33333%; }
.xlarge-pull-10 {
position: relative;
left: -83.33333%; }
.xlarge-offset-9 {
margin-left: 75%; }
.xlarge-11 {
width: 91.66667%; }
.xlarge-push-11 {
position: relative;
left: 91.66667%; }
.xlarge-pull-11 {
position: relative;
left: -91.66667%; }
.xlarge-offset-10 {
margin-left: 83.33333%; }
.xlarge-12 {
width: 100%; }
.xlarge-offset-11 {
margin-left: 91.66667%; }
.xlarge-up-1 > .column, .xlarge-up-1 > .columns {
width: 100%;
float: left; }
.xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
float: left; }
.xlarge-up-2 > .column, .xlarge-up-2 > .columns {
width: 50%;
float: left; }
.xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
float: left; }
.xlarge-up-3 > .column, .xlarge-up-3 > .columns {
width: 33.33333%;
float: left; }
.xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
float: left; }
.xlarge-up-4 > .column, .xlarge-up-4 > .columns {
width: 25%;
float: left; }
.xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
float: left; }
.xlarge-up-5 > .column, .xlarge-up-5 > .columns {
width: 20%;
float: left; }
.xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
float: left; }
.xlarge-up-6 > .column, .xlarge-up-6 > .columns {
width: 16.66667%;
float: left; }
.xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
float: left; }
.xlarge-up-7 > .column, .xlarge-up-7 > .columns {
width: 14.28571%;
float: left; }
.xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
float: left; }
.xlarge-up-8 > .column, .xlarge-up-8 > .columns {
width: 12.5%;
float: left; }
.xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
float: left; }
.xlarge-collapse > .column, .xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.xlarge-collapse .row {
margin-left: 0;
margin-right: 0; }
.xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.xlarge-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.xlarge-uncentered,
.xlarge-push-0,
.xlarge-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; } }
@media screen and (min-width: 90em) {
.xxlarge-1 {
width: 8.33333%; }
.xxlarge-push-1 {
position: relative;
left: 8.33333%; }
.xxlarge-pull-1 {
position: relative;
left: -8.33333%; }
.xxlarge-offset-0 {
margin-left: 0%; }
.xxlarge-2 {
width: 16.66667%; }
.xxlarge-push-2 {
position: relative;
left: 16.66667%; }
.xxlarge-pull-2 {
position: relative;
left: -16.66667%; }
.xxlarge-offset-1 {
margin-left: 8.33333%; }
.xxlarge-3 {
width: 25%; }
.xxlarge-push-3 {
position: relative;
left: 25%; }
.xxlarge-pull-3 {
position: relative;
left: -25%; }
.xxlarge-offset-2 {
margin-left: 16.66667%; }
.xxlarge-4 {
width: 33.33333%; }
.xxlarge-push-4 {
position: relative;
left: 33.33333%; }
.xxlarge-pull-4 {
position: relative;
left: -33.33333%; }
.xxlarge-offset-3 {
margin-left: 25%; }
.xxlarge-5 {
width: 41.66667%; }
.xxlarge-push-5 {
position: relative;
left: 41.66667%; }
.xxlarge-pull-5 {
position: relative;
left: -41.66667%; }
.xxlarge-offset-4 {
margin-left: 33.33333%; }
.xxlarge-6 {
width: 50%; }
.xxlarge-push-6 {
position: relative;
left: 50%; }
.xxlarge-pull-6 {
position: relative;
left: -50%; }
.xxlarge-offset-5 {
margin-left: 41.66667%; }
.xxlarge-7 {
width: 58.33333%; }
.xxlarge-push-7 {
position: relative;
left: 58.33333%; }
.xxlarge-pull-7 {
position: relative;
left: -58.33333%; }
.xxlarge-offset-6 {
margin-left: 50%; }
.xxlarge-8 {
width: 66.66667%; }
.xxlarge-push-8 {
position: relative;
left: 66.66667%; }
.xxlarge-pull-8 {
position: relative;
left: -66.66667%; }
.xxlarge-offset-7 {
margin-left: 58.33333%; }
.xxlarge-9 {
width: 75%; }
.xxlarge-push-9 {
position: relative;
left: 75%; }
.xxlarge-pull-9 {
position: relative;
left: -75%; }
.xxlarge-offset-8 {
margin-left: 66.66667%; }
.xxlarge-10 {
width: 83.33333%; }
.xxlarge-push-10 {
position: relative;
left: 83.33333%; }
.xxlarge-pull-10 {
position: relative;
left: -83.33333%; }
.xxlarge-offset-9 {
margin-left: 75%; }
.xxlarge-11 {
width: 91.66667%; }
.xxlarge-push-11 {
position: relative;
left: 91.66667%; }
.xxlarge-pull-11 {
position: relative;
left: -91.66667%; }
.xxlarge-offset-10 {
margin-left: 83.33333%; }
.xxlarge-12 {
width: 100%; }
.xxlarge-offset-11 {
margin-left: 91.66667%; }
.xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
width: 100%;
float: left; }
.xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
float: left; }
.xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
width: 50%;
float: left; }
.xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
float: left; }
.xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
width: 33.33333%;
float: left; }
.xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
float: left; }
.xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
width: 25%;
float: left; }
.xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
float: left; }
.xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
width: 20%;
float: left; }
.xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
float: left; }
.xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
width: 16.66667%;
float: left; }
.xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
float: left; }
.xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
width: 14.28571%;
float: left; }
.xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
float: left; }
.xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
width: 12.5%;
float: left; }
.xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
float: left; }
.xxlarge-collapse > .column, .xxlarge-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.xxlarge-collapse .row {
margin-left: 0;
margin-right: 0; }
.xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.xxlarge-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.xxlarge-uncentered,
.xxlarge-push-0,
.xxlarge-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; } }
@media screen and (min-width: 100em) {
.xxxlarge-1 {
width: 8.33333%; }
.xxxlarge-push-1 {
position: relative;
left: 8.33333%; }
.xxxlarge-pull-1 {
position: relative;
left: -8.33333%; }
.xxxlarge-offset-0 {
margin-left: 0%; }
.xxxlarge-2 {
width: 16.66667%; }
.xxxlarge-push-2 {
position: relative;
left: 16.66667%; }
.xxxlarge-pull-2 {
position: relative;
left: -16.66667%; }
.xxxlarge-offset-1 {
margin-left: 8.33333%; }
.xxxlarge-3 {
width: 25%; }
.xxxlarge-push-3 {
position: relative;
left: 25%; }
.xxxlarge-pull-3 {
position: relative;
left: -25%; }
.xxxlarge-offset-2 {
margin-left: 16.66667%; }
.xxxlarge-4 {
width: 33.33333%; }
.xxxlarge-push-4 {
position: relative;
left: 33.33333%; }
.xxxlarge-pull-4 {
position: relative;
left: -33.33333%; }
.xxxlarge-offset-3 {
margin-left: 25%; }
.xxxlarge-5 {
width: 41.66667%; }
.xxxlarge-push-5 {
position: relative;
left: 41.66667%; }
.xxxlarge-pull-5 {
position: relative;
left: -41.66667%; }
.xxxlarge-offset-4 {
margin-left: 33.33333%; }
.xxxlarge-6 {
width: 50%; }
.xxxlarge-push-6 {
position: relative;
left: 50%; }
.xxxlarge-pull-6 {
position: relative;
left: -50%; }
.xxxlarge-offset-5 {
margin-left: 41.66667%; }
.xxxlarge-7 {
width: 58.33333%; }
.xxxlarge-push-7 {
position: relative;
left: 58.33333%; }
.xxxlarge-pull-7 {
position: relative;
left: -58.33333%; }
.xxxlarge-offset-6 {
margin-left: 50%; }
.xxxlarge-8 {
width: 66.66667%; }
.xxxlarge-push-8 {
position: relative;
left: 66.66667%; }
.xxxlarge-pull-8 {
position: relative;
left: -66.66667%; }
.xxxlarge-offset-7 {
margin-left: 58.33333%; }
.xxxlarge-9 {
width: 75%; }
.xxxlarge-push-9 {
position: relative;
left: 75%; }
.xxxlarge-pull-9 {
position: relative;
left: -75%; }
.xxxlarge-offset-8 {
margin-left: 66.66667%; }
.xxxlarge-10 {
width: 83.33333%; }
.xxxlarge-push-10 {
position: relative;
left: 83.33333%; }
.xxxlarge-pull-10 {
position: relative;
left: -83.33333%; }
.xxxlarge-offset-9 {
margin-left: 75%; }
.xxxlarge-11 {
width: 91.66667%; }
.xxxlarge-push-11 {
position: relative;
left: 91.66667%; }
.xxxlarge-pull-11 {
position: relative;
left: -91.66667%; }
.xxxlarge-offset-10 {
margin-left: 83.33333%; }
.xxxlarge-12 {
width: 100%; }
.xxxlarge-offset-11 {
margin-left: 91.66667%; }
.xxxlarge-up-1 > .column, .xxxlarge-up-1 > .columns {
width: 100%;
float: left; }
.xxxlarge-up-1 > .column:nth-of-type(1n), .xxxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-1 > .column:nth-of-type(1n+1), .xxxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.xxxlarge-up-1 > .column:last-child, .xxxlarge-up-1 > .columns:last-child {
float: left; }
.xxxlarge-up-2 > .column, .xxxlarge-up-2 > .columns {
width: 50%;
float: left; }
.xxxlarge-up-2 > .column:nth-of-type(1n), .xxxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-2 > .column:nth-of-type(2n+1), .xxxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.xxxlarge-up-2 > .column:last-child, .xxxlarge-up-2 > .columns:last-child {
float: left; }
.xxxlarge-up-3 > .column, .xxxlarge-up-3 > .columns {
width: 33.33333%;
float: left; }
.xxxlarge-up-3 > .column:nth-of-type(1n), .xxxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-3 > .column:nth-of-type(3n+1), .xxxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.xxxlarge-up-3 > .column:last-child, .xxxlarge-up-3 > .columns:last-child {
float: left; }
.xxxlarge-up-4 > .column, .xxxlarge-up-4 > .columns {
width: 25%;
float: left; }
.xxxlarge-up-4 > .column:nth-of-type(1n), .xxxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-4 > .column:nth-of-type(4n+1), .xxxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.xxxlarge-up-4 > .column:last-child, .xxxlarge-up-4 > .columns:last-child {
float: left; }
.xxxlarge-up-5 > .column, .xxxlarge-up-5 > .columns {
width: 20%;
float: left; }
.xxxlarge-up-5 > .column:nth-of-type(1n), .xxxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-5 > .column:nth-of-type(5n+1), .xxxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.xxxlarge-up-5 > .column:last-child, .xxxlarge-up-5 > .columns:last-child {
float: left; }
.xxxlarge-up-6 > .column, .xxxlarge-up-6 > .columns {
width: 16.66667%;
float: left; }
.xxxlarge-up-6 > .column:nth-of-type(1n), .xxxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-6 > .column:nth-of-type(6n+1), .xxxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.xxxlarge-up-6 > .column:last-child, .xxxlarge-up-6 > .columns:last-child {
float: left; }
.xxxlarge-up-7 > .column, .xxxlarge-up-7 > .columns {
width: 14.28571%;
float: left; }
.xxxlarge-up-7 > .column:nth-of-type(1n), .xxxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-7 > .column:nth-of-type(7n+1), .xxxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.xxxlarge-up-7 > .column:last-child, .xxxlarge-up-7 > .columns:last-child {
float: left; }
.xxxlarge-up-8 > .column, .xxxlarge-up-8 > .columns {
width: 12.5%;
float: left; }
.xxxlarge-up-8 > .column:nth-of-type(1n), .xxxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.xxxlarge-up-8 > .column:nth-of-type(8n+1), .xxxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.xxxlarge-up-8 > .column:last-child, .xxxlarge-up-8 > .columns:last-child {
float: left; }
.xxxlarge-collapse > .column, .xxxlarge-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.xxxlarge-collapse .row {
margin-left: 0;
margin-right: 0; }
.xxxlarge-uncollapse > .column, .xxxlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.xxxlarge-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.xxxlarge-uncentered,
.xxxlarge-push-0,
.xxxlarge-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; } }
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
p {
font-size: inherit;
line-height: 1.6;
margin-bottom: 1rem;
text-rendering: optimizeLegibility; }
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Bodoni", sans-serif;
font-weight: normal;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.4; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
color: #bec0c2;
line-height: 0; }
h1 {
font-size: 1.5rem; }
h2 {
font-size: 1.25rem; }
h3 {
font-size: 1.1875rem; }
h4 {
font-size: 1.125rem; }
h5 {
font-size: 1.0625rem; }
h6 {
font-size: 1rem; }
@media screen and (min-width: 48em) {
h1 {
font-size: 3rem; }
h2 {
font-size: 2.5rem; }
h3 {
font-size: 1.9375rem; }
h4 {
font-size: 1.5625rem; }
h5 {
font-size: 1.25rem; }
h6 {
font-size: 1rem; } }
a {
color: #000;
text-decoration: none;
line-height: inherit;
cursor: pointer; }
a:hover, a:focus {
color: black; }
a img {
border: 0; }
hr {
max-width: 75rem;
height: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #bec0c2;
border-left: 0;
margin: 1.25rem auto;
clear: both; }
ul,
ol,
dl {
line-height: 1.6;
margin-bottom: 1rem;
list-style-position: outside; }
li {
font-size: inherit; }
ul {
list-style-type: disc;
margin-left: 1.25rem; }
ol {
margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }
dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #bec0c2; }
blockquote, blockquote p {
line-height: 1.6;
color: #61666a; }
cite {
display: block;
font-size: 0.8125rem;
color: #61666a; }
cite:before {
content: '\2014 \0020'; }
abbr {
color: #000000;
cursor: help;
border-bottom: 1px dotted #000000; }
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #000000;
background-color: #ccc;
border: 1px solid #bec0c2;
padding: 0.125rem 0.3125rem 0.0625rem; }
kbd {
padding: 0.125rem 0.25rem 0;
margin: 0;
background-color: #ccc;
color: #000000;
font-family: Consolas, "Liberation Mono", Courier, monospace; }
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #61666a; }
.lead {
font-size: 125%;
line-height: 1.6; }
.stat {
font-size: 2.5rem;
line-height: 1; }
p + .stat {
margin-top: -1rem; }
.no-bullet {
margin-left: 0;
list-style: none; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
@media screen and (min-width: 48em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
text-align: right; }
.medium-text-center {
text-align: center; }
.medium-text-justify {
text-align: justify; } }
@media screen and (min-width: 63.9375em) {
.large-text-left {
text-align: left; }
.large-text-right {
text-align: right; }
.large-text-center {
text-align: center; }
.large-text-justify {
text-align: justify; } }
@media screen and (min-width: 79.9375em) {
.xlarge-text-left {
text-align: left; }
.xlarge-text-right {
text-align: right; }
.xlarge-text-center {
text-align: center; }
.xlarge-text-justify {
text-align: justify; } }
@media screen and (min-width: 90em) {
.xxlarge-text-left {
text-align: left; }
.xxlarge-text-right {
text-align: right; }
.xxlarge-text-center {
text-align: center; }
.xxlarge-text-justify {
text-align: justify; } }
@media screen and (min-width: 100em) {
.xxxlarge-text-left {
text-align: left; }
.xxxlarge-text-right {
text-align: right; }
.xxxlarge-text-center {
text-align: center; }
.xxxlarge-text-justify {
text-align: justify; } }
.show-for-print {
display: none !important; }
@media print {
* {
background: transparent !important;
color: black !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #61666a;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
.button {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 0;
padding: 0.85em 1em;
margin: 0 0 55px 0;
font-size: 0.9rem;
background-color: #000;
color: #fff; }
[data-whatinput='mouse'] .button {
outline: 0; }
.button:hover, .button:focus {
background-color: black;
color: #fff; }
.button.tiny {
font-size: 0.6rem; }
.button.small {
font-size: 0.75rem; }
.button.large {
font-size: 1.25rem; }
.button.expanded {
display: block;
width: 100%;
margin-left: 0;
margin-right: 0; }
.button.primary {
background-color: #2199e8;
color: #fff; }
.button.primary:hover, .button.primary:focus {
background-color: #147cc0;
color: #fff; }
.button.secondary {
background-color: #777;
color: #fff; }
.button.secondary:hover, .button.secondary:focus {
background-color: #5f5f5f;
color: #fff; }
.button.success {
background-color: #3adb76;
color: #fff; }
.button.success:hover, .button.success:focus {
background-color: #22bb5b;
color: #fff; }
.button.warning {
background-color: #ffae00;
color: #fff; }
.button.warning:hover, .button.warning:focus {
background-color: #cc8b00;
color: #fff; }
.button.alert {
background-color: #ec5840;
color: #fff; }
.button.alert:hover, .button.alert:focus {
background-color: #da3116;
color: #fff; }
.button.hollow {
border: 1px solid #2199e8;
color: #2199e8; }
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent; }
.button.hollow:hover, .button.hollow:focus {
border-color: #0c4d78;
color: #0c4d78; }
.button.hollow.primary {
border: 1px solid #2199e8;
color: #2199e8; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #0c4d78;
color: #0c4d78; }
.button.hollow.secondary {
border: 1px solid #777;
color: #777; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #3c3c3c;
color: #3c3c3c; }
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #157539;
color: #157539; }
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805700;
color: #805700; }
.button.hollow.alert {
border: 1px solid #ec5840;
color: #ec5840; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #881f0e;
color: #881f0e; }
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.button.dropdown::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 0.4em;
border-color: #fff transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
position: relative;
top: 0.4em;
float: right;
margin-left: 1em;
display: inline-block; }
.button.arrow-only::after {
margin-left: 0;
float: none;
top: -0.1em; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.5625rem;
padding: 0.5rem;
border: 1px solid #bec0c2;
margin: 0 0 1rem;
font-family: inherit;
font-size: 1.125rem;
color: #000;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 0;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
border: 1px solid #61666a;
background-color: #fff;
outline: none;
-webkit-box-shadow: 0 0 5px #bec0c2;
box-shadow: 0 0 5px #bec0c2;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #bec0c2; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #bec0c2; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #bec0c2; }
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #bec0c2; }
input::placeholder,
textarea::placeholder {
color: #bec0c2; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #ccc;
cursor: default; }
[type='submit'],
[type='button'] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none; }
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.5rem; }
[type='file'] {
width: 100%; }
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #000000; }
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0; }
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #333; }
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem; }
.input-group > :first-child {
border-radius: 0 0 0 0; }
.input-group > :last-child > * {
border-radius: 0 0 0 0; }
.input-group-label, .input-group-field, .input-group-button {
margin: 0;
display: table-cell;
vertical-align: middle; }
.input-group-label {
text-align: center;
padding: 0 1rem;
background: #ccc;
color: #000000;
border: 1px solid #bec0c2;
white-space: nowrap;
width: 1%;
height: 100%; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }
.input-group-field {
border-radius: 0;
height: 2.625rem; }
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
height: 100%;
width: 1%; }
.input-group-button a,
.input-group-button input,
.input-group-button button {
margin: 0; }
.input-group .input-group-button {
display: table-cell; }
fieldset {
border: 0;
padding: 0;
margin: 0; }
legend {
margin-bottom: 0.5rem;
max-width: 100%; }
.fieldset {
border: 1px solid #bec0c2;
padding: 1.25rem;
margin: 1.125rem 0; }
.fieldset legend {
background: #fff;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem; }
select {
height: 2.5625rem;
padding: 0.5rem;
border: 1px solid #bec0c2;
margin: 0 0 1rem;
font-size: 1.125rem;
font-family: inherit;
line-height: normal;
color: #000;
background-color: #fafafa;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2851, 51, 51%29"></polygon></svg>');
background-size: 9px 6px;
background-position: right center;
background-origin: content-box;
background-repeat: no-repeat; }
@media screen and (min-width: 0\0) {
select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==); } }
select:disabled {
background-color: #ccc;
cursor: default; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }
.is-invalid-input:not(:focus) {
background-color: rgba(236, 88, 64, 0.1);
border-color: #ec5840; }
.is-invalid-label {
color: #ec5840; }
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #ec5840; }
.form-error.is-visible {
display: block; }
.hide {
display: none !important; }
.invisible {
visibility: hidden; }
@media screen and (max-width: 47.9375em) {
.hide-for-small-only {
display: none !important; } }
@media screen and (max-width: 0em), screen and (min-width: 48em) {
.show-for-small-only {
display: none !important; } }
@media screen and (min-width: 48em) {
.hide-for-medium {
display: none !important; } }
@media screen and (max-width: 47.9375em) {
.show-for-medium {
display: none !important; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.hide-for-medium-only {
display: none !important; } }
@media screen and (max-width: 47.9375em), screen and (min-width: 63.9375em) {
.show-for-medium-only {
display: none !important; } }
@media screen and (min-width: 63.9375em) {
.hide-for-large {
display: none !important; } }
@media screen and (max-width: 63.875em) {
.show-for-large {
display: none !important; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.hide-for-large-only {
display: none !important; } }
@media screen and (max-width: 63.875em), screen and (min-width: 79.9375em) {
.show-for-large-only {
display: none !important; } }
@media screen and (min-width: 79.9375em) {
.hide-for-xlarge {
display: none !important; } }
@media screen and (max-width: 79.875em) {
.show-for-xlarge {
display: none !important; } }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.hide-for-xlarge-only {
display: none !important; } }
@media screen and (max-width: 79.875em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important; } }
@media screen and (min-width: 90em) {
.hide-for-xxlarge {
display: none !important; } }
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge {
display: none !important; } }
@media screen and (min-width: 90em) and (max-width: 99.9375em) {
.hide-for-xxlarge-only {
display: none !important; } }
@media screen and (max-width: 89.9375em), screen and (min-width: 100em) {
.show-for-xxlarge-only {
display: none !important; } }
@media screen and (min-width: 100em) {
.hide-for-xxxlarge {
display: none !important; } }
@media screen and (max-width: 99.9375em) {
.show-for-xxxlarge {
display: none !important; } }
@media screen and (min-width: 100em) {
.hide-for-xxxlarge-only {
display: none !important; } }
@media screen and (max-width: 99.9375em) {
.show-for-xxxlarge-only {
display: none !important; } }
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0); }
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.show-for-landscape,
.hide-for-portrait {
display: block !important; }
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important; } }
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important; } }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important; } }
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-center {
display: block;
margin-left: auto;
margin-right: auto; }
.clearfix::before, .clearfix::after {
content: ' ';
display: table; }
.clearfix::after {
clear: both; }
.accordion {
list-style-type: none;
background: #fff;
border: 1px solid #ccc;
border-bottom: 0;
border-radius: 0;
margin-left: 0; }
.accordion-title {
display: block;
padding: 1.25rem 1rem;
line-height: 1;
font-size: 0.75rem;
color: #000;
position: relative;
border-bottom: 1px solid #ccc; }
.accordion-title:hover, .accordion-title:focus {
background-color: #ccc; }
.accordion-title::before {
content: '+';
position: absolute;
right: 1rem;
top: 50%;
margin-top: -0.5rem; }
.is-active > .accordion-title::before {
content: '–'; }
.accordion-content {
padding: 1rem;
display: none;
border-bottom: 1px solid #ccc;
background-color: #fff; }
.is-accordion-submenu-parent > a {
position: relative; }
.is-accordion-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: #2199e8 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
position: absolute;
top: 50%;
margin-top: -4px;
right: 1rem; }
.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleY(-1);
transform: scaleY(-1); }
.close-button {
position: absolute;
color: #61666a;
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1;
cursor: pointer; }
[data-whatinput='mouse'] .close-button {
outline: 0; }
.close-button:hover, .close-button:focus {
color: #000000; }
.is-drilldown {
position: relative;
overflow: hidden; }
.is-drilldown li {
display: block !important; }
.is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
height: 100%;
width: 100%;
background: #fff;
-webkit-transition: -webkit-transform 0.15s linear;
transition: -webkit-transform 0.15s linear;
transition: transform 0.15s linear;
transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
.is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.is-drilldown-submenu-parent > a {
position: relative; }
.is-drilldown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent transparent transparent #2199e8;
border-left-style: solid;
border-right-width: 0;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem; }
.js-drilldown-back > a::before {
content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent #2199e8 transparent transparent;
border-right-style: solid;
border-left-width: 0;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem; }
.dropdown-pane {
background-color: #fff;
border: 1px solid #bec0c2;
border-radius: 0;
display: block;
font-size: 16rem;
padding: 1rem;
position: absolute;
visibility: hidden;
width: 300px;
z-index: 10; }
.dropdown-pane.is-open {
visibility: visible; }
.dropdown-pane.tiny {
width: 100px; }
.dropdown-pane.small {
width: 200px; }
.dropdown-pane.large {
width: 400px; }
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #000 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px; }
[data-whatinput='mouse'] .dropdown.menu a {
outline: 0; }
.no-js .dropdown.menu ul {
display: none; }
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%; }
.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.vertical > li > a::after {
right: 14px;
margin-top: -3px; }
.dropdown.menu.vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #000 transparent transparent;
border-right-style: solid;
border-left-width: 0; }
.dropdown.menu.vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000;
border-left-style: solid;
border-right-width: 0; }
@media screen and (min-width: 48em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%; }
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #000 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px; }
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%; }
.dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
margin-top: -3px; }
.dropdown.menu.medium-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #000 transparent transparent;
border-right-style: solid;
border-left-width: 0; }
.dropdown.menu.medium-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000;
border-left-style: solid;
border-right-width: 0; } }
@media screen and (min-width: 63.9375em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%; }
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #000 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px; }
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%; }
.dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
margin-top: -3px; }
.dropdown.menu.large-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #000 transparent transparent;
border-right-style: solid;
border-left-width: 0; }
.dropdown.menu.large-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000;
border-left-style: solid;
border-right-width: 0; } }
@media screen and (min-width: 79.9375em) {
.dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%; }
.dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%; }
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative; }
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #000 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px; }
.dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%; }
.dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.xlarge-vertical > li > a::after {
right: 14px;
margin-top: -3px; }
.dropdown.menu.xlarge-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #000 transparent transparent;
border-right-style: solid;
border-left-width: 0; }
.dropdown.menu.xlarge-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000;
border-left-style: solid;
border-right-width: 0; } }
@media screen and (min-width: 90em) {
.dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%; }
.dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%; }
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative; }
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #000 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px; }
.dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.xxlarge-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%; }
.dropdown.menu.xxlarge-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.xxlarge-vertical > li > a::after {
right: 14px;
margin-top: -3px; }
.dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #000 transparent transparent;
border-right-style: solid;
border-left-width: 0; }
.dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000;
border-left-style: solid;
border-right-width: 0; } }
@media screen and (min-width: 100em) {
.dropdown.menu.xxxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%; }
.dropdown.menu.xxxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%; }
.dropdown.menu.xxxlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative; }
.dropdown.menu.xxxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #000 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px; }
.dropdown.menu.xxxlarge-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.xxxlarge-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%; }
.dropdown.menu.xxxlarge-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.xxxlarge-vertical > li > a::after {
right: 14px;
margin-top: -3px; }
.dropdown.menu.xxxlarge-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #000 transparent transparent;
border-right-style: solid;
border-left-width: 0; }
.dropdown.menu.xxxlarge-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000;
border-left-style: solid;
border-right-width: 0; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
left: auto;
right: 0; }
.is-dropdown-menu.vertical {
width: 100px; }
.is-dropdown-menu.vertical.align-right {
float: right; }
.is-dropdown-submenu-parent {
position: relative; }
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
margin-top: -2px; }
.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
top: 100%; }
.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
left: auto;
right: 100%; }
.is-dropdown-submenu {
display: none;
position: absolute;
top: 0;
left: 100%;
min-width: 200px;
z-index: 1;
background: #fff;
border: 1px solid #bec0c2; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
margin-top: -3px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #000 transparent transparent;
border-right-style: solid;
border-left-width: 0; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000;
border-left-style: solid;
border-right-width: 0; }
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; }
.is-dropdown-submenu > li {
width: 100%; }
.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
display: block; }
.menu {
margin: 0;
list-style-type: none; }
.menu > li {
display: table-cell;
vertical-align: middle; }
[data-whatinput='mouse'] .menu > li {
outline: 0; }
.menu > li > a {
display: block;
padding: 0.7rem 0;
line-height: 1; }
.menu input,
.menu a,
.menu button {
margin-bottom: 0; }
.menu > li > a img,
.menu > li > a i {
vertical-align: middle; }
.menu > li > a i + span,
.menu > li > a img + span {
vertical-align: middle; }
.menu > li > a img,
.menu > li > a i {
margin-right: 0.25rem;
display: inline-block; }
.menu > li {
display: table-cell; }
.menu.vertical > li {
display: block; }
@media screen and (min-width: 48em) {
.menu.medium-horizontal > li {
display: table-cell; }
.menu.medium-vertical > li {
display: block; } }
@media screen and (min-width: 63.9375em) {
.menu.large-horizontal > li {
display: table-cell; }
.menu.large-vertical > li {
display: block; } }
@media screen and (min-width: 79.9375em) {
.menu.xlarge-horizontal > li {
display: table-cell; }
.menu.xlarge-vertical > li {
display: block; } }
@media screen and (min-width: 90em) {
.menu.xxlarge-horizontal > li {
display: table-cell; }
.menu.xxlarge-vertical > li {
display: block; } }
@media screen and (min-width: 100em) {
.menu.xxxlarge-horizontal > li {
display: table-cell; }
.menu.xxxlarge-vertical > li {
display: block; } }
.menu.simple li {
line-height: 1;
display: inline-block;
margin-right: 0; }
.menu.simple a {
padding: 0; }
.menu.align-right::before, .menu.align-right::after {
content: ' ';
display: table; }
.menu.align-right::after {
clear: both; }
.menu.align-right > li {
float: right; }
.menu.expanded {
width: 100%;
display: table;
table-layout: fixed; }
.menu.expanded > li:first-child:last-child {
width: 100%; }
.menu.icon-top > li > a {
text-align: center; }
.menu.icon-top > li > a img,
.menu.icon-top > li > a i {
display: block;
margin: 0 auto 0.25rem; }
.menu.nested {
margin-left: 1rem; }
.menu .active > a {
color: #fff;
background: #2199e8; }
.menu-text {
font-weight: bold;
color: inherit;
line-height: 1;
padding-top: 0;
padding-bottom: 0;
padding: 0.7rem 0; }
.menu-centered {
text-align: center; }
.menu-centered > .menu {
display: inline-block; }
.no-js [data-responsive-menu] ul {
display: none; }
html,
body {
height: 100%; }
.off-canvas-wrapper {
width: 100%;
overflow-x: hidden;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: auto; }
.off-canvas-wrapper-inner {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
content: ' ';
display: table; }
.off-canvas-wrapper-inner::after {
clear: both; }
.off-canvas-content,
.off-canvas-content {
min-height: 100%;
background: #fff;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
padding-bottom: 0.1px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.js-off-canvas-exit {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.25);
cursor: pointer;
-webkit-transition: background 0.5s ease;
transition: background 0.5s ease; }
.off-canvas {
position: absolute;
background: #ccc;
z-index: -1;
max-height: 100%;
overflow-y: auto;
-webkit-transform: translateX(0);
transform: translateX(0); }
[data-whatinput='mouse'] .off-canvas {
outline: 0; }
.off-canvas.position-left {
left: -250px;
top: 0;
width: 250px; }
.is-open-left {
-webkit-transform: translateX(250px);
transform: translateX(250px); }
.off-canvas.position-right {
right: -250px;
top: 0;
width: 250px; }
.is-open-right {
-webkit-transform: translateX(-250px);
transform: translateX(-250px); }
@media screen and (min-width: 48em) {
.position-left.reveal-for-medium {
left: 0;
z-index: auto;
position: fixed; }
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-medium {
right: 0;
z-index: auto;
position: fixed; }
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px; } }
@media screen and (min-width: 63.9375em) {
.position-left.reveal-for-large {
left: 0;
z-index: auto;
position: fixed; }
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-large {
right: 0;
z-index: auto;
position: fixed; }
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px; } }
@media screen and (min-width: 79.9375em) {
.position-left.reveal-for-xlarge {
left: 0;
z-index: auto;
position: fixed; }
.position-left.reveal-for-xlarge ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-xlarge {
right: 0;
z-index: auto;
position: fixed; }
.position-right.reveal-for-xlarge ~ .off-canvas-content {
margin-right: 250px; } }
@media screen and (min-width: 90em) {
.position-left.reveal-for-xxlarge {
left: 0;
z-index: auto;
position: fixed; }
.position-left.reveal-for-xxlarge ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-xxlarge {
right: 0;
z-index: auto;
position: fixed; }
.position-right.reveal-for-xxlarge ~ .off-canvas-content {
margin-right: 250px; } }
@media screen and (min-width: 100em) {
.position-left.reveal-for-xxxlarge {
left: 0;
z-index: auto;
position: fixed; }
.position-left.reveal-for-xxxlarge ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-xxxlarge {
right: 0;
z-index: auto;
position: fixed; }
.position-right.reveal-for-xxxlarge ~ .off-canvas-content {
margin-right: 250px; } }
.pagination {
margin-left: 0;
margin-bottom: 55px; }
.pagination::before, .pagination::after {
content: ' ';
display: table; }
.pagination::after {
clear: both; }
.pagination li {
font-size: 0.875rem;
margin-right: 0.0625rem;
border-radius: 0;
display: none; }
.pagination li:last-child, .pagination li:first-child {
display: inline-block; }
@media screen and (min-width: 48em) {
.pagination li {
display: inline-block; } }
.pagination a,
.pagination button {
color: #000000;
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0; }
.pagination a:hover,
.pagination button:hover {
background: #ccc; }
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #000;
color: #fff;
cursor: default; }
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #bec0c2;
cursor: not-allowed; }
.pagination .disabled:hover {
background: transparent; }
.pagination .ellipsis::after {
content: '\2026';
padding: 0.1875rem 0.625rem;
color: #000000; }
.pagination-previous a::before,
.pagination-previous.disabled::before {
content: '\00ab';
display: inline-block;
margin-right: 0.5rem; }
.pagination-next a::after,
.pagination-next.disabled::after {
content: '\00bb';
display: inline-block;
margin-left: 0.5rem; }
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #ccc;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none; }
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #bec0c2;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging {
-webkit-transition: all 0s linear;
transition: all 0s linear; }
.slider-handle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
background-color: #000;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation;
border-radius: 0; }
[data-whatinput='mouse'] .slider-handle {
outline: 0; }
.slider-handle:hover {
background-color: black; }
.slider-handle.is-dragging {
-webkit-transition: all 0s linear;
transition: all 0s linear; }
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1, -1);
transform: scale(1, -1); }
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%; }
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.switch {
margin-bottom: 55px;
outline: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
font-weight: bold;
font-size: 0.875rem; }
.switch-input {
opacity: 0;
position: absolute; }
.switch-paddle {
background: #bec0c2;
cursor: pointer;
display: block;
position: relative;
width: 4rem;
height: 2rem;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
border-radius: 0;
color: inherit;
font-weight: inherit; }
input + .switch-paddle {
margin: 0; }
.switch-paddle::after {
background: #fff;
content: '';
display: block;
position: absolute;
height: 1.5rem;
left: 0.25rem;
top: 0.25rem;
width: 1.5rem;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 0; }
input:checked ~ .switch-paddle {
background: #000; }
input:checked ~ .switch-paddle::after {
left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
outline: 0; }
.switch-active, .switch-inactive {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.switch-active {
left: 8%;
display: none; }
input:checked + label > .switch-active {
display: block; }
.switch-inactive {
right: 15%; }
input:checked + label > .switch-inactive {
display: none; }
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
width: 1rem;
height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem; }
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem; }
.switch.small .switch-paddle::after {
width: 1.25rem;
height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem; }
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem; }
.switch.large .switch-paddle::after {
width: 2rem;
height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem; }
.tabs {
margin: 0;
list-style-type: none;
background: #fff;
border: 1px solid #ccc; }
.tabs::before, .tabs::after {
content: ' ';
display: table; }
.tabs::after {
clear: both; }
.tabs.vertical > li {
width: auto;
float: none;
display: block; }
.tabs.simple > li > a {
padding: 0; }
.tabs.simple > li > a:hover {
background: transparent; }
.tabs.primary {
background: #2199e8; }
.tabs.primary > li > a {
color: #fff; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #1893e4; }
.tabs-title {
float: left; }
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
line-height: 1;
font-size: 0.75rem; }
.tabs-title > a:hover {
background: #fff; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
background: #ccc; }
.tabs-content {
background: #fff;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #ccc;
border-top: 0; }
.tabs-content.vertical {
border: 1px solid #ccc;
border-left: 0; }
.tabs-panel {
display: none;
padding: 1rem; }
.tabs-panel.is-active {
display: block; }
.thumbnail {
border: solid 4px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
display: inline-block;
line-height: 0;
max-width: 100%;
-webkit-transition: -webkit-box-shadow 200ms ease-out;
transition: -webkit-box-shadow 200ms ease-out;
transition: box-shadow 200ms ease-out;
transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out;
border-radius: 0;
margin-bottom: 55px; }
.thumbnail:hover, .thumbnail:focus {
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.5); }
.title-bar {
background: #000000;
color: #fff;
padding: 0.5rem; }
.title-bar::before, .title-bar::after {
content: ' ';
display: table; }
.title-bar::after {
clear: both; }
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.5rem; }
.title-bar-left {
float: left; }
.title-bar-right {
float: right;
text-align: right; }
.title-bar-title {
font-weight: bold;
vertical-align: middle;
display: inline-block; }
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 20px;
height: 16px; }
.menu-icon.dark::after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 2px;
background: #000000;
top: 0;
left: 0;
-webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; }
.menu-icon.dark:hover::after {
background: #61666a;
-webkit-box-shadow: 0 7px 0 #61666a, 0 14px 0 #61666a;
box-shadow: 0 7px 0 #61666a, 0 14px 0 #61666a; }
.top-bar {
padding: 0; }
.top-bar::before, .top-bar::after {
content: ' ';
display: table; }
.top-bar::after {
clear: both; }
.top-bar,
.top-bar ul {
background-color: #fff; }
.top-bar input {
max-width: 200px;
margin-right: 1rem; }
.top-bar .input-group-field {
width: 100%;
margin-right: 0; }
.top-bar input.button {
width: auto; }
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: 100%; }
@media screen and (min-width: 48em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: auto; } }
@media screen and (max-width: 63.875em) {
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
width: 100%; } }
@media screen and (max-width: 79.875em) {
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
width: 100%; } }
@media screen and (max-width: 89.9375em) {
.top-bar.stacked-for-xlarge .top-bar-left,
.top-bar.stacked-for-xlarge .top-bar-right {
width: 100%; } }
@media screen and (max-width: 99.9375em) {
.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
width: 100%; } }
.top-bar.stacked-for-xxxlarge .top-bar-left,
.top-bar.stacked-for-xxxlarge .top-bar-right {
width: 100%; }
.top-bar-title {
float: left;
margin-right: 1rem; }
.top-bar-left {
float: left; }
.top-bar-right {
float: right; }   a:link, a:visited:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none; } .header ul.off-canvas-list li {
list-style: none; } .top-bar .title-area {
z-index: 1; }
.off-canvas-list ul {
margin-left: 0; }
.off-canvas-list ul li a {
border-bottom: 0px; }
.off-canvas-list ul .dropdown {
margin-left: 20px; } #content #inner-content {
padding: 1rem 0rem; }
.page-title .vcard {
border: 0px;
padding: 0px; }
.byline {
color: #999; }
.entry-content img {
max-width: 100%;
height: auto; }
.entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left; }
.entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right; }
.entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both; }
.entry-content video, .entry-content object {
max-width: 100%;
height: auto; }
.entry-content pre {
background: #eee;
border: 1px solid #cecece;
padding: 10px; }
.wp-caption {
max-width: 100%;
background: #eee;
padding: 5px; }
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%; }
.wp-caption p.wp-caption-text {
font-size: 0.85em;
margin: 4px 0 7px;
text-align: center; }
.post-password-form input[type="submit"] {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 0;
padding: 0.85em 1em;
margin: 0 0 55px 0;
font-size: 0.9rem;
background-color: #000;
color: #fff; }
[data-whatinput='mouse'] .post-password-form input[type="submit"] {
outline: 0; }
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
background-color: black;
color: #fff; }  .page-navigation {
margin-top: 1rem; } #comments .commentlist {
margin-left: 0px; }
#respond ul {
margin-left: 0px; }
.commentlist li {
position: relative;
clear: both;
overflow: hidden;
list-style-type: none;
margin-bottom: 1.5em;
padding: 0.7335em 10px; }
.commentlist li:last-child {
margin-bottom: 0; }
.commentlist li ul.children {
margin: 0; }
.commentlist li[class*=depth-] {
margin-top: 1.1em; }
.commentlist li.depth-1 {
margin-left: 0;
margin-top: 0; }
.commentlist li:not(.depth-1) {
margin-left: 10px;
margin-top: 0;
padding-bottom: 0; }
.commentlist .vcard {
margin-left: 50px; }
.commentlist .vcard cite.fn {
font-weight: 700;
font-style: normal; }
.commentlist .vcard time {
float: right; }
.commentlist .vcard time a {
color: #999;
text-decoration: none; }
.commentlist .vcard time a:hover {
text-decoration: underline; }
.commentlist .vcard img.avatar {
position: absolute;
left: 10px;
padding: 2px;
border: 1px solid #cecece;
background: #fff; }
.commentlist .comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em; }
.commentlist .comment-reply-link {
float: right; } .respond-form {
margin: 1.5em 10px;
padding-bottom: 2.2em; }
.respond-form form {
margin: 0.75em 0; }
.respond-form form li {
list-style-type: none;
clear: both;
margin-bottom: 0.7335em; }
.respond-form form li label,
.respond-form form li small {
display: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
padding: 3px 6px;
background: #efefef;
border: 2px solid #cecece;
line-height: 1.5em; }
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
background: #fff; }
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
outline: none;
border-color: #fbc2c4;
background-color: #f6e7eb;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
max-width: 400px;
min-width: 250px; }
.respond-form form textarea {
resize: none;
width: 97.3%;
height: 150px; }
#comment-form-title {
margin: 0 0 1.1em; }
#allowed_tags {
margin: 1.5em 10px 0.7335em 0; }
.nocomments {
margin: 0 20px 1.1em; } .widget ul {
margin: 0; }
.widget ul li {
list-style: none; } .footer {
clear: both;
margin-top: 1em; }  .gform_body ul {
list-style: none outside none;
margin: 0; }
@media screen and (min-width: 90em) {
.row {
max-width: 87.5rem; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.row {
max-width: 60rem; } }
@media screen and (max-width: 63.875em) {
.columns {
padding-left: 1.25rem;
padding-right: 1.25rem; } }
body { font-family: "Montserrat", sans-serif;
color: #2e2e33; }
h1, h1, h3, h3 {
font-family: "Bodoni", serif; }
.header {
width: 100%;
z-index: 1000;
height: 71px;
position: fixed;
top: 0px;
right: auto;
bottom: auto;
left: auto; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.header {
height: 61px; } }
@media screen and (max-width: 63.875em) {
.header {
height: 61px; } }
.logged-in .header {
top: 32px; }
@media screen and (max-width: 63.875em) {
.logged-in .header {
top: 0; } }
.home .header {
height: auto;
margin-top: 32px;
position: absolute;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border-collapse: separate; }
@media screen and (max-width: 63.875em) {
.home .header {
position: fixed;
top: 0; } }
.intro-bar {
width: 100%;
height: 50px;
padding: 0px 30px;
color: #fff;
background-color: #000000; }
@media screen and (max-width: 63.875em) {
.intro-bar {
display: none; } }
.intro-bar > div {
height: 100%;
float: left;
line-height: 1em;
height: auto; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.intro-bar > div {
width: auto; } }
@media screen and (max-width: 63.875em) {
.intro-bar > div {
width: 100%;
padding-top: 5px; } }
.intro-bar-left {
width: 20%;
margin-top: 16px; }
.intro-bar-left a:link {
color: #fff;
text-transform: uppercase;
font-size: 12px;
margin-right: 40px; }
.intro-bar-left a:visited {
color: #fff; }
.intro-bar-middle {
width: 55%;
text-align: center;
margin-top: 19px; }
@media screen and (max-width: 63.875em) {
.intro-bar-middle {
padding: 0 0 0 20px;
padding-top: 0px;
width: 68%; } }
@media screen and (max-width: 47.9375em) {
.intro-bar-middle {
padding-left: 10px; } }
.intro-bar-right {
width: 25%;
margin-top: 16px; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.intro-bar-right {
width: 32%;
padding-right: 20px; } }
@media screen and (max-width: 47.9375em) {
.intro-bar-right {
width: 32%;
padding-right: 10px; } }
.intro-bar-menu {
position: relative;
top: 8px;
display: inline-block; }
@media screen and (max-width: 63.875em) {
.intro-bar-menu {
display: none; } }
.intro-bar-middle-info {
display: inline-block;
position: relative;
top: -4px; }
.intro-bar-middle-info a:link {
color: #fff;
font-size: 12px;
font-weight: 500;
margin-right: 30px; }
@media screen and (max-width: 63.875em) {
.intro-bar-middle-info a:link {
font-weight: 400; } }
.intro-bar-middle-info a:link strong {
font-weight: 500; }
.intro-bar-middle-info a:visited {
color: #fff; }
.intro-bar-middle-info a:hover {
color: #fff; }
.intro-bar-middle-info a:active {
color: #fff; }
.intro-bar-links {
text-align: right; }
.intro-bar-links a:link {
color: #fff;
font-weight: 400;
font-size: 12px;
float: right; }
.intro-bar-links a:visited {
color: #fff; }
.intro-bar-links .icon {
margin-left: 25px; }
@media screen and (max-width: 63.875em) {
.intro-bar-links .icon {
margin-left: 7px; } }
@media screen and (max-width: 47.9375em) {
.intro-bar-links .icon {
position: relative;
top: 2px; } }
@media screen and (max-width: 79.875em) {
.header-main {
position: relative; } }
@media screen and (max-width: 63.875em) {
.header-main {
height: 60px; } }
.header-main .menu-container { }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.header-main .menu {
text-align: center; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.header-main .medium-horizontal li {
display: inline-block; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.header-main .medium-horizontal a:link {
font-size: 13px;
text-align: left; } }
.header-main-top-mobile {
display: none;
width: 100%; }
@media screen and (max-width: 63.875em) {
.header-main-top-mobile {
display: block;
height: 60px;
z-index: 1000;
position: relative;
background-color: white; } }
@media screen and (max-width: 63.875em) {
.header-main-top-mobile .logo {
display: inline-block;
width: 250px;
-webkit-transform: scale(0.65);
transform: scale(0.65);
position: absolute;
left: 20px;
top: 1px;
margin-left: 0;
margin-top: 0;
border-bottom: none; } }
#menu-intro-menu {
float: right; }
@media screen and (min-width: 90em) and (max-width: 99.9375em) {
#menu-intro-menu {
font-size: 10px; } }
#menu-intro-menu li {
margin: 0 .5em;
display: inline-block; }
@media screen and (max-width: 63.875em) {
#menu-intro-menu li {
display: block; } }
#menu-intro-menu a:link {
color: #ccc;
font-size: 13px;
text-transform: initial;
font-weight: 400;
padding: 0; }
@media screen and (min-width: 90em) and (max-width: 99.9375em) {
#menu-intro-menu a:link {
margin: 10px 5px 0; } }
#menu-intro-menu a:visited {
color: #ccc; }
#menu-intro-menu a:hover {
color: #fff; }
#menu-intro-menu a:active {
color: #fff; }
#menu-intro-menu, #menu-main-menu {
font-family: "Montserrat", sans-serif; }
#menu-main-menu {
text-transform: uppercase; }
#menu-main-menu a:link {
font-size: 15px;
font-weight: bold; }
.top-bar #menu-intro-menu {
float: none;
display: inline-block; }
.home-top-bar {
width: 75rem;
margin: 2em auto; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.home-top-bar {
width: 60rem; } }
.logo {
padding: 21px 0px 12px;
height: 100%;
display: inline-block;
width: 100%;
text-align: center;
border-bottom: 1px solid #f0f0f0; }
@media screen and (max-width: 63.875em) {
.logo {
display: none;
width: auto;
text-align: left;
padding: 0;
height: 61px;
margin-top: 15px;
margin-left: 20px; } }
@media screen and (max-width: 47.9375em) {
.logo {
margin-top: 13px;
margin-left: 3px;
height: auto;
-webkit-transform: scale(0.8);
transform: scale(0.8); } }
.logo img {
width: 140px;
height: auto;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.logo img {
width: 120px; } }
.shrink .logo img {
width: 115px;
height: auto;
margin-top: 10px; }
@media screen and (max-width: 63.875em) {
.shrink .logo img {
width: 120px; } }
.home-top-bar .logo {
background-color: transparent;
padding: 0; }
@media screen and (max-width: 63.875em) {
.home-top-bar .logo {
background-color: #272e34;
padding-top: 16px; } }
.icon-logo.icon-logo-big {
display: none; }
.home-top-bar .icon-logo.icon-logo-big {
display: inline-block; }
@media screen and (max-width: 63.875em) {
.home-top-bar .icon-logo.icon-logo-big {
display: none; } }
.home-top-bar .icon-logo.icon-logo-small {
display: none; }
@media screen and (max-width: 63.875em) {
.home-top-bar .icon-logo.icon-logo-small {
display: inline-block; } }
.control-icons-header-desktop {
display: inline-block;
float: right; }
@media screen and (max-width: 63.875em) {
.control-icons-header-desktop {
display: none; } }
.control-icons-header {
float: right;
position: relative; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.control-icons-header {
position: absolute;
top: 0;
right: 0; } }
@media screen and (max-width: 79.875em) {
.control-icons-header {
display: inline-block; } }
.control-icons-header li {
position: relative;
list-style-type: none;
float: left;
margin: 0; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.control-icons-header li {
margin: 0 1em 0 .5em; } }
@media screen and (max-width: 47.9375em) {
.control-icons-header li {
margin: 0; } }
.control-icons-header li:last-child {
position: relative;
top: -3px; }
.control-icons-header .icon {
margin-right: 20px;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.control-icons-header .icon {
margin-top: 19px;
margin-right: 22px; } }
@media screen and (max-width: 47.9375em) {
.control-icons-header .icon {
margin-top: 19px;
margin-right: 19px; } }
.control-icons-header .cart-link-container {
position: absolute;
top: 3px;
left: 35px; }
.control-icons-header .icon-circle {
margin: 0;
position: absolute;
left: 0px;
top: -2px;
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.control-icons-header .icon-cart {
position: relative;
left: -5px; }
.control-icons-header .icon-divider-dark {
opacity: .1;
position: relative;
top: 5px; }
@media screen and (max-width: 63.875em) {
.control-icons-header .icon-divider-dark {
margin-right: 19px; } }
.control-icons-header li:nth-of-type(2) .icon-divider-dark {
margin-left: 25px;
margin-right: 20px; }
.control-icons-header .cart-contents-container,
.my-account-sidebar .cart-contents-container {
padding: 2px;
background-color: #fff;
position: absolute;
top: 46px;
left: 23px;
border-radius: 150px;
height: 25px;
width: 26px;
text-align: center;
display: table; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.control-icons-header .cart-contents-container {
top: 35px;
left: 30px; } }
@media screen and (max-width: 63.875em) {
.control-icons-header .cart-contents-container {
top: 47px;
left: 24px; } }
.control-icons-header .cart-link:link {
font-size: 13px;
color: #fff;
width: 20px;
height: 22px;
text-align: center;
line-height: 1.75em;
position: relative;
z-index: 1; }
.intro-bar .cart-contents-container {
background-color: transparent;
top: -3px;
left: 25px;
height: 15px;
width: 26px; }
.intro-bar .control-icons-header {
display: inline-block;
margin-right: 70px; }
.intro-bar .cart-link:link {
font-size: 12px; }
.intro-bar-controls {
float: right;
display: inline-block;
height: 100%;
padding-top: 14px; }
@media screen and (max-width: 79.875em) {
.intro-bar-controls {
display: none; } }
.intro-bar-controls ul {
margin-bottom: 0; }
.intro-bar-controls .icon {
width: 32px;
height: 30px;
margin-top: 0px;
margin-right: 0px;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.intro-bar-controls .icon {
margin-right: 30px; } }
@media screen and (max-width: 63.875em) {
.intro-bar-controls .icon {
margin-top: 38px;
margin-right: 7px; } }
@media screen and (max-width: 63.875em) {
.intro-bar-controls .control-icons-header {
display: none; } }
.intro-bar-controls .control-icon-cart-container {
margin-right: 40px; }
.intro-bar-controls .control-icon-cart-wishlist {
margin-right: 0px; }
.intro-bar-controls .icon-wishlist, .intro-bar-controls .icon-cart {
background-size: 790px 322px;
margin-right: 0; }
.intro-bar-controls .icon-cart {
width: 23px;
height: 23px; }
.intro-bar-controls .icon-wishlist {
background-position: -63px 0; }
#content {
position: relative;
z-index: 1;
background-color: #fff; }
.search-results #content {
background-color: #f7f7f7;
padding-top: 100px;
padding-bottom: 40px; }
@media screen and (max-width: 63.875em) {
.search-results #content {
padding-top: 0px;
background-color: #fff; } }
@media screen and (max-width: 63.875em) {
#content.hunter #inner-content,
#content #inner-content, #content #inner-content.single-post, #content #inner-content.contact {
padding-top: 80px; } }
@media screen and (max-width: 63.875em) {
#content.single-post #inner-content {
padding-bottom: 0px; } }
@media screen and (max-width: 63.875em) {
.home #content #inner-content {
padding-top: 0px;
padding-bottom: 0px; } }
.mega-menu {
width: 100%;
min-height: 240px;
background-color: #fff;
opacity: 0;
position: absolute;
font-family: "Bodoni", serif;
padding: 26px 60px 40px;
font-size: 18px;
display: none; }
@media screen and (max-width: 63.875em) {
.mega-menu {
display: none !important; } }
.mega-menu li {
margin-bottom: .5em; }
.mega-menu-list a:link {
color: #2e2e33; }
.mega-menu-list a:visited {
color: #2e2e33; }
.mega-menu-list a:hover {
color: #ff114c;
border-bottom: 1px solid #ff114c; }
.mega-menu-list a:active {
color: #2e2e33; }
.mega-menu-list {
float: left;
width: 260px;
padding: 0; }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.mega-menu-list {
width: 210px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.mega-menu-list {
width: 180px; } }
.mega-menu-list:first-child {
width: 230px; }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.mega-menu-list:first-child {
width: 210px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.mega-menu-list:first-child {
width: 180px; } }
.mega-menu-list:nth-of-type(2), .mega-menu-list:nth-of-type(3) {
margin-top: 1.6em; }
.mega-menu-list-heading {
text-transform: uppercase;
color: #ccc;
font-family: "Montserrat", sans-serif;
font-size: 12px;
letter-spacing: 2px; }
.mega-menu-image {
float: left;
width: 265px;
margin-right: 70px; }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.mega-menu-image {
width: 220px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.mega-menu-image {
width: 170px; } }
.mega-menu-lists {
position: relative; }
.mega-menu-categories {
display: none;
position: absolute;
left: 0; }
.mega-menu-categories-column {
margin-right: 6%; }
.mega-menu-categories-column li {
margin-bottom: 0;
font-size: 14px; }
.mega-menu-category:link {
color: #2e2e33;
border-bottom: 1px solid transparent;
display: inline-block; }
.mega-menu-category:visited {
color: #2e2e33; }
a.mega-menu-category:hover {
color: #ff114c;
border-bottom: 1px solid #ff114c; }
.mega-menu-category-top:link, .mega-menu-category-top-heading {
color: #2e2e33;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
border-bottom: 1px solid transparent;
margin-top: 9px; }
.mega-menu-categories-column li:first-child .mega-menu-category-top {
margin-top: 0; }
.mega-menu-category-top:visited {
color: #2e2e33; }
a.mega-menu-category-top:hover {
color: #ff114c;
border-bottom: 1px solid #ff114c; }
.mega-menu-category-sub:link {
font-size: 14px; }
.mega-menu-brands {
display: none; }
.mega-menu-drone, .woocommerce .mega-menu-drone {
margin-top: 40px;
max-width: 120px;
height: auto; }
.off-canvas.position-left {
-webkit-transform: translateX(-290px);
transform: translateX(-290px);
z-index: 2000;
width: 290px;
background-color: #f7f7f7; }
.off-canvas-shop.position-left, .off-canvas-my-account.position-left,
.off-canvas-about.position-left {
-webkit-transform: translateX(-275px);
transform: translateX(-275px);
z-index: 2001;
width: 275px;
background-color: #fff; }
.off-canvas.position-left, .off-canvas-shop.position-left,
.off-canvas-my-account.position-left, .off-canvas-about.position-left {
position: fixed;
top: 0;
bottom: 0;
left: inherit;
height: 100%;
-webkit-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
-transition: transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
.off-canvas-shop.move-right, .off-canvas-my-account.move-right,
.off-canvas-about.move-right {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
border-collapse: separate; }
.off-canvas.move-right, .off-canvas-shop.move-right,
.off-canvas-my-account.move-right, .off-canvas-about.move-right {
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
-transition: transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
.off-canvas .mobile-logo {
margin-left: 40px; }
.off-canvas #menu-intro-menu .menu-item a:link {
color: #2e2e33; }
.off-canvas #menu-intro-menu .menu-item a:visited {
color: #2e2e33; }
.off-canvas #menu-intro-menu .menu-item a:hover {
color: #2e2e33; }
.off-canvas #menu-intro-menu .menu-item a:active {
color: #2e2e33; }
.off-canvas #menu-intro-menu {
padding: 0 20px;
float: none; }
.off-canvas-top {
padding: 20px 0 25px;
background-color: #fff; }
.off-canvas-wrap-inner {
position: relative; }
.off-canvas-wrap .top-bar,
.off-canvas-wrap #content,
.off-canvas-wrap .slider-home .off-canvas-wrap footer {
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
-webkit-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
-transition: transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
.off-canvas-wrap.move-right .top-bar,
.off-canvas-wrap.move-right #content,
.off-canvas-wrap.move-right .slider-home .off-canvas-wrap.move-right footer {
-webkit-transform: translate(250px, 0);
transform: translate(250px, 0); }
.off-canvas-content {
background-color: #fff;
padding-bottom: 100px;
-webkit-box-shadow: none;
box-shadow: none; }
@media screen and (max-width: 63.875em) {
.off-canvas-content {
padding-bottom: 0px; } }
.off-canvas-l2 h2 {
color: #ff114c;
font-size: 26px;
margin: 40px 0 0 40px; }
.movable-panel .menu-big {
padding: 0 20px;
background-color: #fff;
border-bottom: 3px solid #e8e8e8; }
.movable-panel #menu-shop-drones-menu, .movable-panel #menu-my-account-menu {
border-bottom: none; }
.movable-panel #menu-shop-drones-menu .menu-item,
.movable-panel #menu-my-account-menu .menu-item {
border-top: none;
border-bottom: 1px solid #e8e8e8; }
.movable-panel #menu-shop-drones-menu .menu-item:first-child,
.movable-panel #menu-my-account-menu .menu-item:first-child {
border-top: 1px solid #e8e8e8; }
.movable-panel .menu-item {
padding: 15px 20px;
border-top: 1px solid #e8e8e8; }
.movable-panel .menu-item a:link {
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 15px; }
.exit-off-canvas {
display: none;
background-color: #2e2e33;
opacity: 0.8;
width: 100%;
height: 100%;
z-index: 1500;
position: absolute;
top: 0;
left: 0; }
.close-button {
top: 15px; } .home .off-canvas-content, .page-template-page-training-courses .off-canvas-content,
.page-template-page-contact .off-canvas-content, .woocommerce-cart .off-canvas-content,
.archive .off-canvas-content, .woocommerce.single .off-canvas-content {
padding-bottom: 0; }
.slider {
height: auto;
background-color: transparent; }
.slide {
width: 100%;
height: auto; }
.slider-home {
position: relative;
width: 100%;
padding-top: 141px;
z-index: 100; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.slider-home {
padding-top: 190px; } }
@media screen and (max-width: 63.875em) {
.slider-home {
padding-top: 145px; } }
.slider-home .slider-home-slide {
background-size: cover;
position: relative;
display: none; }
.slider-home .slider-home-slide:first-child {
display: block; }
.slider-home-slides.slick-initialized .slider-home-slide {
display: block; }
.slider-home-slides {
position: relative; }
.slider-special-heading {
width: auto;
max-width: 369px;
height: auto;
position: absolute;
top: 250px;
right: 150px;
bottom: auto;
left: auto; }
@media screen and (max-width: 63.875em) {
.slider-special-heading {
margin: 0 auto 50px;
width: 230px;
height: auto;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto; } }
.slider-tint {
width: 100%;
height: 100%;
opacity: 0.4;
z-index: 2;
position: absolute;
top: 0;
background-color: #3a3a3a; }
.slider-writeup {
margin-left: 50px;
z-index: 3;
position: absolute;
top: auto;
right: auto;
bottom: 150px;
left: auto; }
@media screen and (max-width: 63.875em) {
.slider-writeup {
margin: 0 auto 75px;
text-align: left;
width: 100%;
max-width: 400px;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto; } }
.slider-writeup .icon-slider-more:link {
-webkit-tap-highlight-color: black;
position: absolute;
top: -10px;
right: -250px;
bottom: auto;
left: auto; }
@media screen and (max-width: 63.875em) {
.slider-writeup .icon-slider-more:link {
position: absolute;
top: -30px;
right: -10px;
bottom: auto;
left: 10px; } }
.slider-home-slide-1 {
background-position: right top; }
.slider-home-slide-1 .icon-slider-more:link {
position: absolute;
top: -65px;
right: -50px;
bottom: auto;
left: auto; }
.writeup-box {
text-align: center;
position: relative; }
@media screen and (max-width: 63.875em) {
.writeup-box {
text-align: left;
margin-bottom: 50px; } }
.writeup-box p {
font-family: "Bodoni", serif; }
@media screen and (max-width: 63.875em) {
.writeup-box p {
font-size: 19px; } }
.featured-products {
background-color: #f7f7f7;
padding: 100px 0 20px; }
@media screen and (max-width: 63.875em) {
.featured-products {
padding: 60px 15px;
position: relative; } }
.featured-products .box-heading {
margin-bottom: 40px;
text-align: left;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.featured-products .box-heading {
font-size: 30px;
line-height: 1em; } }
.featured-products .slider-control .icon {
position: relative;
top: 32%;
cursor: pointer; }
.featured-products-headings {
text-align: center;
position: relative; }
@media screen and (max-width: 63.875em) {
.featured-products-headings {
position: initial; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.featured-products-headings .box-heading {
text-align: center; } }
@media screen and (max-width: 63.875em) {
.featured-products-headings .controls {
overflow-x: scroll;
white-space: nowrap; } }
.home .featured-products-headings .cta-button {
position: absolute;
top: 0;
right: 0; }
@media screen and (max-width: 63.875em) {
.home .featured-products-headings .cta-button {
top: auto;
bottom: 40px;
right: 20px;
width: auto;
padding: 20px 45px; } }
.controls {
text-align: center;
margin-bottom: 40px; }
.control, .control:link {
font-size: 14px;
font-weight: 700;
padding: .6em 28px;
color: #000000;
cursor: pointer;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.control, .control:link {
margin-bottom: 20px;
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.control:last-child {
margin-bottom: 0px; } }
.control:visited {
color: #000000; }
.control:hover {
color: #000000; }
.control:active {
color: #000000; }
.control.active {
color: #ff114c;
border: 2px solid #ff114c;
padding: 1em 26px;
border-radius: 40px; }
.featured-products-cta {
text-align: center; }
.slider-overlay.table {
width: 100%;
height: 400px; }
.slider-control-left, .slider-control-right {
background-color: rgba(247, 247, 247, 0.9); }
@media screen and (min-width: 90em) {
.slider-control-middle.cell {
width: 87.5rem; } }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.slider-control-middle.cell {
width: 75em; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.slider-control-middle.cell {
width: 60em; } }
.cta-button:visited {
color: #2e2e33; }
.cta-button.reverse-button {
color: #fff;
border: 2px solid #fff; }
.cta-button.checkout-button:link {
color: #fff;
background-color: #0091ea; }
@media screen and (max-width: 63.875em) {
.cta-button.checkout-button:link {
margin-top: 16px; } }
.woocommerce button.button:not(.single_add_to_cart_button) {
margin-top: 16px;
margin-bottom: 16px;
width: 100%; }
.woocommerce-page .wc-proceed-to-checkout a.checkout-button:link {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.woocommerce button.button:hover, .woocommerce a.wc-backward:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-page .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover,
.contact-form input[type="submit"]:hover {
background-color: #2e2e33;
color: #fff; }
.shipping-calculator .cart-box {
padding-bottom: 16px; }
.cart-box .woocommerce-shipping-calculator p {
margin-bottom: 0; }
.shipping-calculator-button:link {
font-family: "Montserrat", sans-serif;
font-size: 12px;
background-color: #2e2e33;
color: #fff;
border: none;
margin-top: 56px;
margin-bottom: 32px;
padding: 7px 2.3em; }
.featured-heading {
font-size: 60px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.featured-heading {
font-size: 52px; } }
@media screen and (max-width: 63.875em) {
.featured-heading {
font-size: 35px;
margin-top: 25px; } }
@media screen and (max-width: 63.875em) {
.featured-header-accommodation .featured-heading, .featured-header-blog .featured-heading {
font-size: 34px;
width: 100%; } }
.featured-header-blog .featured-heading {
line-height: 1.3em;
font-size: 40px;
font-style: italic;
margin-bottom: 120px; }
@media screen and (max-width: 63.875em) {
.featured-header-blog .featured-heading {
font-size: 34px;
width: 100%; } }
.featured-subheading {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.7em; }
.featured-header-blog .featured-subheading {
margin-bottom: 5em; }
.featured-heading, .featured-subheading {
color: #000000; }
.hero {
margin-top: 195px;
position: relative; }
@media screen and (max-width: 63.875em) {
.hero {
width: 100%;
height: 565px;
background-size: cover;
background-position: top right;
background-position-x: 70%;
background-position-y: top;
display: table;
margin-top: 60px; } }
.hero-background {
background-color: #fef3ec;
width: 100%;
height: 760px;
position: absolute;
top: 0; }
@media screen and (max-width: 63.875em) {
.hero-background {
height: 100%; } }
.hero-image {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 840px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-collapse: separate; }
@media screen and (max-width: 63.875em) {
.hero-image {
height: 320px;
width: 100%;
background-size: cover; } }
.hero .row, .hero .table {
height: 100%; }
.hero .table {
color: #fff;
width: 100%; }
@media screen and (min-width: 63.9375em) {
.hero .table {
min-height: 860px; } }
@media screen and (min-width: 63.9375em) {
.hero .table, .header-search-form .form-container {
max-width: 1030px; } }
.hero .cell {
text-align: left; }
@media screen and (max-width: 63.875em) {
.hero .cell {
vertical-align: bottom;
padding-bottom: 55px;
text-align: center; } }
.hero h1 {
font-size: 40px;
text-transform: uppercase;
margin-bottom: 15px;
line-height: 1.2em;
max-width: 475px; }
@media screen and (max-width: 63.875em) {
.hero h1 {
font-size: 22px;
max-width: 300px;
text-align: center;
line-height: 1.3em;
margin-left: auto;
margin-right: auto; } }
.hero h2 {
font-size: 12px;
margin-bottom: 45px;
line-height: 1.7em;
max-width: 340px; }
@media screen and (max-width: 63.875em) {
.hero h2 {
margin-bottom: 22px;
font-size: 11px;
font-weight: 400;
max-width: none;
text-align: center; } }
.search-disclaimer {
font-size: 15px; }
.hero h1, .hero h2, .search-disclaimer {
color: #000000; }
.hero h2, .search-disclaimer {
font-weight: 500;
font-family: "Montserrat", sans-serif; }
@media screen and (max-width: 63.875em) {
.hero h2, .search-disclaimer {
font-size: 11px;
font-weight: 400; } }
@media screen and (max-width: 63.875em) {
.hero .button {
width: 100%;
max-width: 450px; } }
.hero-menu-container {
width: 100%;
text-align: center;
margin-top: 85px;
margin-bottom: 40px; }
@media screen and (max-width: 63.875em) {
.hero-menu-container {
width: 100%;
max-width: 450px; } }
@media screen and (min-width: 63.9375em) {
.hero-menu-container {
border-bottom: 1px solid #e8e8e9; } }
.hero-menu {
list-style-type: none;
text-align: center;
display: inline-block;
margin-bottom: 0;
margin-left: 0; }
.hero-menu li {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500; }
.hero-menu a:link, .hero-menu span {
color: #000000;
padding: 0 0 20px;
margin: 0 17px;
display: inline-block;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (min-width: 63.9375em) {
.hero-menu a:link, .hero-menu span {
border-bottom: 1px solid #fff; } }
.hero-menu a:visited {
color: #000000; }
.hero-menu a:hover, .hero-menu span:hover {
color: #383c41; }
.hero-menu .toggle-active a:link, .hero-menu .toggle-active span {
color: #000000;
font-weight: 600; }
@media screen and (min-width: 63.9375em) {
.hero-menu .toggle-active a:link, .hero-menu .toggle-active span {
border-bottom: 1px solid #000000; } }
.hero-menu .toggle-active a:visited {
color: #000000; }
.hero-menu .toggle-active a:hover, .hero-menu .toggle-active span:hover {
color: #000000; }
@media screen and (min-width: 63.9375em) {
.hero-menu .toggle-active a:hover, .hero-menu .toggle-active span:hover {
border-bottom: 1px solid #000000; } }
.form-container {
position: relative; }
.form-container .icon {
position: absolute;
top: 20px;
left: 20px;
z-index: 100; }
@media screen and (max-width: 47.9375em) {
.form-container .icon {
left: 15px; } }
.form-container form {
background-color: #fff;
overflow: hidden;
margin-bottom: 22px;
border-radius: 5px;
background-clip: padding-box; }
.form-container input[type="search"], .form-container input[type="email"] {
font-family: "Montserrat", sans-serif;
font-size: 12px;
color: #fff;
padding: 23px;
background-color: transparent;
float: left;
margin-bottom: 0; }
@media screen and (max-width: 63.875em) {
.form-container input[type="submit"] {
padding: 18px 20px 19px; } }
@media screen and (max-width: 63.875em) {
.hero-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
margin-left: 0; } }
.search-disclaimer a:link {
color: #fff;
border-bottom: 1px solid #fff; }
.search-disclaimer a:visited {
color: #fff; }
.search-disclaimer a:hover {
color: #fff;
border-bottom: 1px solid #fff; }
@media screen and (max-width: 63.875em) {
.hero-inner {
padding: 0 30px; } }
@media screen and (max-width: 63.875em) {
.top-bar, .home .top-bar {
width: 100%; } }
@media screen and (max-width: 63.875em) {
.top-bar-left {
width: 70px;
height: 61px;
background-color: #fff;
float: left; } }
.top-bar .icon-phone {
position: relative;
top: 6px;
left: -8px; }
.top-bar ul {
background-color: transparent;
list-style-type: none;
margin-bottom: 0; }
@media screen and (min-width: 63.9375em) {
.top-bar ul > li > a {
padding: 0.25rem 0; } }
.top-bar ul > .menu-item:last-child > a {
border-bottom: none; }
.top-bar-info {
color: #fff;
font-size: 14px;
font-weight: 300; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.top-bar-info {
font-size: 12px; } }
@media screen and (max-width: 47.9375em) {
.top-bar-info {
font-size: 11px; } }
.top-bar-info .icon {
margin: 0 18px 0 16px;
opacity: .28;
position: relative;
top: 6px; }
@media screen and (max-width: 63.875em) {
.top-bar-info .icon {
margin: 0 7px 0 5px; } }
.shipping-disclaimer {
background-color: #2e2e33;
color: #fff;
position: relative; }
.shipping-disclaimer p {
font-size: 14px;
font-weight: 300;
margin-bottom: 0;
padding: 14px 0;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (max-width: 79.875em) {
.shipping-disclaimer p {
font-size: 13px; } }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 14px 65px 14px 20px; } }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer.active p {
overflow: visible;
white-space: initial;
line-height: 1.2em; } }
.shipping-disclaimer em {
font-style: normal;
text-transform: uppercase;
font-weight: 500; }
.shipping-disclaimer .icon {
position: absolute;
top: 11px;
right: 30px; }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer .icon {
right: 20px; } }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer .icon-close {
display: none; } }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer.active .icon-close {
display: inline-block; } }
.shipping-disclaimer .icon-open {
display: none; }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer .icon-open {
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer.active .icon-open {
display: none; } }
@media screen and (max-width: 63.875em) {
.top-bar .mobile-menu-toggle-container {
width: auto;
height: auto;
position: relative;
top: 45px;
left: 20px; } }
.menu-toggle-container {
width: 60px;
height: 60px;
z-index: 2750;
padding: 18px;
position: absolute;
left: 0;
top: 0; }
.menu-toggle {
cursor: pointer;
width: 20px;
height: 20px;
padding-top: 10px;
position: relative; }
.menu-toggle .menu-toggle-icon {
background-color: #000; }
.menu-toggle .menu-toggle-icon,
.menu-toggle .menu-toggle-icon:after,
.menu-toggle .menu-toggle-icon:before {
background-color: #000;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 20px;
background: #111;
position: absolute;
right: 0;
content: ""; }
.menu-toggle .menu-toggle-icon:before {
top: -6px; }
.menu-toggle .menu-toggle-icon:after {
bottom: -6px; }
.menu-toggle.open .menu-toggle-icon {
background-color: transparent; }
.menu-toggle.open .menu-toggle-icon:before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.menu-toggle.open .menu-toggle-icon:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.top-bar .menu > .menu-item-home {
display: none; }
@media screen and (max-width: 63.875em) {
.home .top-bar, .top-bar, .home .header {
margin-top: 0;
margin-bottom: 0; } }
.home .alternate-top-bar {
background-color: #fff;
position: fixed;
top: 0;
width: 100%; }
@media screen and (max-width: 63.875em) {
.home .alternate-top-bar {
background-color: #fff;
position: initial; } }
.home.logged-in .alternate-top-bar {
top: 46px; }
@media screen and (max-width: 63.875em) {
.home.logged-in .home-top-bar {
position: fixed;
top: 46px; } }
.home .menu-container {
position: static; }
.top-bar .menu-container {
display: inline-block;
vertical-align: top;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.top-bar .menu-container {
top: 0; } }
@media screen and (max-width: 63.875em) {
.top-bar .menu-container {
display: none;
margin-left: 0;
width: 100%;
background-color: #fff;
text-align: center;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
height: 102vh;
padding: 60px 0px 40px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1;
overflow-y: scroll; } }
@media screen and (max-width: 63.875em) {
.top-bar .menu-container.open {
display: block; } }
.top-bar .menu-container > ul, .top-bar .menu-container > .search {
float: left; }
@media screen and (max-width: 63.875em) {
.top-bar .menu-container > ul {
padding: 0 20px; } }
.top-bar .menu-container > .search {
position: relative;
top: 16px;
margin-left: 40px; }
@media screen and (max-width: 63.875em) {
.top-bar .mobile-menu {
padding-bottom: 70px;
display: none; } }
.mobile-menu .menu-item a:link, .mobile-menu a:link {
color: #272e34; }
.mobile-menu .menu-item a:visited, .mobile-menu a:visited {
color: #272e34; }
.mobile-menu .menu-item a:hover, .mobile-menu a:hover {
color: #272e34; }
.mobile-menu .menu-item a:active, .mobile-menu a:active {
color: #272e34; }
.menu.medium-horizontal > li {
position: relative; }
@media screen and (max-width: 63.875em) {
.menu.medium-horizontal > li {
padding: 0;
float: left;
display: inline-block;
position: initial;
width: 100%;
text-align: left;
border-top: 1px solid #eee; } }
@media screen and (max-width: 47.9375em) {
.menu.medium-horizontal > li.menu-item-two-lines {
width: 36%; } }
.header-main [data-responsive-menu] ul {
position: absolute; }
@media screen and (max-width: 63.875em) {
.header-main [data-responsive-menu] ul {
position: initial; } }
.menu-item {
padding: 0; }
@media screen and (min-width: 79.9375em) {
.header-main .menu-item {
float: left; } }
@media screen and (min-width: 63.9375em) {
.menu-container > .menu > .menu-item {
margin-right: 0; } }
@media screen and (max-width: 63.875em) {
.menu-container > .menu > .menu-open {
background-color: #0091ea; } }
@media screen and (min-width: 63.9375em) {
.menu-container > .menu > .menu-item-has-children > .menu > .menu-item-has-children:hover > .menu {
display: block; } }
@media screen and (min-width: 63.9375em) {
.menu-container > .menu > .menu-item-has-children:hover > .menu {
display: block; } }
@media screen and (max-width: 63.875em) {
.menu-container > .menu > .menu-open > .menu {
display: block;
max-height: 68vh;
max-height: calc(100vh - 208px);
overflow-y: scroll; } }
@media screen and (max-width: 63.875em) {
.shipping-disclaimer-closed .menu-container > .menu > .menu-open > .menu {
max-height: 74vh;
max-height: calc(100vh - 167px); } }
.menu-item-has-children:hover > a::before, .menu-item-arrow-down:hover > a::after {
opacity: 1; }
.menu-container > .menu > .menu-item > a:link {
padding: 20px;
margin: 0;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #2e2e33; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.menu-container > .menu > .menu-item > a:link {
padding: 46px 30px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.menu-container > .menu > .menu-item > a:link {
padding: 20px 25px; } }
@media screen and (max-width: 47.9375em) {
.menu-container > .menu > .menu-item > a:link {
padding: 20px 5px;
font-size: 14px; } }
@media screen and (max-width: 63.875em) {
.menu-container > .menu > .menu-open > a:link {
color: #fff; } }
@media screen and (max-width: 63.875em) {
.menu-container > .menu > .menu-open > a:visited {
color: #fff; } }
.menu-container > .menu > .menu-open .menu-top-item-toggle::before,
.menu-container > .menu > .menu-open .menu-top-item-toggle::after {
opacity: 1; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.menu-container > .menu > .menu-item-two-lines > a:link {
padding: 21px 25px 20px 10px; } }
@media screen and (max-width: 47.9375em) {
.menu-container > .menu > .menu-item-two-lines > a:link {
padding-left: 8px;
padding-right: 0; } }
@media screen and (max-width: 63.875em) {
.menu-container > .menu > .menu-item-arrow-down > a:link {
padding: 20px 4px 20px 25px; } }
.menu-item a:link, .menu-item span {
font-size: 13px;
font-family: "Montserrat", sans-serif;
font-weight: bold; }
@media screen and (max-width: 63.875em) {
.menu-item a:link, .menu-item span {
display: inline-block;
font-size: 12px; } }
@media screen and (max-width: 63.875em) {
.menu-item span {
-webkit-transition: "none";
-ms-transition: "none";
-o-transition: "none";
-transition: "none";
transition: "none"; } }
.menu-item a:visited {
color: #272e34; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.menu > li:not(.menu-text) > a {
padding: 0.5rem 0; } }
@media screen and (max-width: 63.875em) {
.menu > li:not(.menu-text) > a {
display: inline-block; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.home-top-bar .menu-item {
padding: 0 .9em; } }
.home-top-bar .menu-item a:link, .home-top-bar .menu-item-special span {
font-size: 14px;
color: #fff;
border-bottom: 2px solid transparent; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.home-top-bar .menu-item a:link, .home-top-bar .menu-item-special span {
font-size: 12px; } }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item a:link, .home-top-bar .menu-item-special span {
color: #272e34;
font-size: 12px; } }
.home-top-bar .menu-item a:visited {
color: #fff; }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item a:visited {
color: #272e34; } }
.home-top-bar .menu-item a:hover {
border-bottom: 2px solid #fff; }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item a:hover {
color: #272e34;
border-bottom: 2px solid #272e34; } }
.home-top-bar .menu-item a:active {
border-bottom: 2px solid #fff; }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item a:active {
color: #272e34;
border-bottom: 2px solid #272e34; } }
.home-top-bar .menu-item-special a:link, .home-top-bar .menu-item-special span {
color: #000; }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item-special a:link, .home-top-bar .menu-item-special span {
color: #272e34; } }
.home-top-bar .menu-item-special a:visited {
color: #000; }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item-special a:visited {
color: #272e34; } }
.home-top-bar .menu-item-special a:hover {
border-bottom: 2px solid #000; }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item-special a:hover {
color: #272e34;
border-bottom: 2px solid #272e34; } }
.home-top-bar .menu-item-special a:active {
border-bottom: 2px solid #000; }
@media screen and (max-width: 63.875em) {
.home-top-bar .menu-item-special a:active {
color: #272e34;
border-bottom: 2px solid #272e34; } }
.menu ul {
min-width: 290px;
padding: 10px 0; }
@media screen and (max-width: 63.875em) {
.menu ul {
min-width: 100vw;
border-bottom: 1px solid #eee; } }
@media screen and (max-width: 63.875em) {
.menu-container > .menu > .menu-item > ul ul {
min-width: 0; } }
.menu ul li {
padding: 0 20px;
width: 100%;
position: relative; }
@media screen and (max-width: 63.875em) {
.menu ul li {
display: block;
padding: 0 45px;
text-align: left; } }
@media screen and (max-width: 63.875em) {
.menu ul li a:link,
.header-main [data-responsive-menu] > .menu-item-has-children li a:link {
color: #000000;
opacity: 1;
font-size: 12px; } }
@media screen and (max-width: 63.875em) {
.menu .menu .menu > li {
border-bottom: none; } }
.menu ul a:link {
color: #fff;
font-size: 14px;
font-weight: 500;
-webkit-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.menu ul a:link {
text-align: left;
width: 100%;
border-bottom: none;
width: auto;
font-weight: 300; } }
.menu ul a:visited {
color: #fff; }
.menu ul a:hover {
opacity: 1; }
.menu ul ul {
left: 290px;
top: -10px;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 63.875em) {
.menu ul ul {
-webkit-box-shadow: none;
box-shadow: none;
display: none;
padding: 0 10px;
margin-bottom: 15px; } }
@media screen and (min-width: 63.9375em) {
.menu ul li:last-child ul {
top: -76px; } }
@media screen and (max-width: 63.875em) {
.menu .current-menu-item > a:link {
font-weight: 500; } }
@media screen and (max-width: 63.875em) {
.menu ul ul a:link {
padding: 0;
margin-top: 0; } }
@media screen and (max-width: 63.875em) {
.menu ul ul a::before {
content: "\00BB\00a0\00a0";
font-weight: 300; } }
@media screen and (max-width: 63.875em) {
.menu .menu .current-menu-item a:link {
opacity: 1; } }
.menu .menu .current-menu-item .submenu-toggle {
opacity: 1; }
@media screen and (max-width: 63.875em) {
.no-js [data-responsive-menu] .current-menu-item.active ul {
display: block; } }
.menu .active a:link {
background-color: transparent; }
.alternate-top-bar {
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
border-collapse: separate; }
.alternate-top-bar .menu-item-special a:link {
color: #272e34;
border-bottom: 2px solid transparent; }
.alternate-top-bar .menu-item-special a:hover {
border-bottom: 2px solid #272e34; }
.mobile-cta {
display: none; }
@media screen and (max-width: 63.875em) {
.mobile-cta {
width: 100%;
padding: 13px 30px;
font-size: 12px;
font-weight: 600;
text-align: center;
color: #fff;
background-color: #000000;
display: block; } }
.mobile-cta a:link {
color: #fff; }
.mobile-cta a:visited {
color: #fff; }
.header-search-form {
width: 100%;
background-color: #fff;
position: fixed;
top: 0;
padding: 110px 30px;
z-index: 1001;
-webkit-transform: translateY(-486px);
transform: translateY(-486px);
-webkit-transition: transform 0.4s ease-in-out;
-ms-transition: transform 0.4s ease-in-out;
-o-transition: transform 0.4s ease-in-out;
-transition: transform 0.4s ease-in-out;
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }
@media screen and (max-width: 63.875em) {
.header-search-form {
-webkit-transform: translateY(-550px);
transform: translateY(-550px); } }
.header-search-form.active {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
.header-search-form .row {
position: relative; }
.header-search-form .icon-close-search {
position: absolute;
top: -45px;
right: 0;
cursor: pointer; }
.header-search-form .search-form input[type="search"],
#post-not-found .form-container input[type="search"] {
background-color: #f7f7f7;
-webkit-box-shadow: none;
box-shadow: none; }
.header-search-form-background {
background-color: #322f34;
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 1000;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.header-search-form-background.active {
opacity: .7;
visibility: visible; }
.header-search-form h2 {
color: #2e2e33;
font-size: 40px;
font-family: "Bodoni", serif;
margin-bottom: 1.2em;
text-transform: uppercase; }
.header-search-form p {
color: #2e2e33; }
.header-search-form a:link {
color: #0091ea;
opacity: .6;
padding-bottom: 0px; }
.header-search-form a:visited {
color: #0091ea; }
.header-search-form a:hover {
opacity: 1;
border-bottom: 1px solid #0091ea; }
#post-not-found .entry-content {
padding-top: 0px; }
@media screen and (max-width: 63.875em) {
#post-not-found .entry-content {
padding: 0; } }
#post-not-found .form-container form {
margin-bottom: 100px; }
@media screen and (max-width: 63.875em) {
#post-not-found .form-container form {
margin-bottom: 40px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.home .cta-button:link {
padding: 2em 2.5em; } }
@media screen and (max-width: 63.875em) {
#main.column, #main.columns, #main.columns {
padding: 0 30px; } }
@media screen and (max-width: 63.875em) {
.home #main.column, .home #main.columns, .home #main.columns,
.archive #main.column,
.archive #main.columns, .archive #main.columns {
padding: 0; } }
.box {
margin-bottom: 115px; }
.box-writeup-container {
padding: 0 95px; }
@media screen and (max-width: 63.875em) {
.box-writeup-container {
padding: 0 30px;
width: 100%; } }
@media screen and (max-width: 63.875em) {
.box-writeup-container.title-only {
padding: 0 30px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.home .box-writeup-container {
padding: 0 60px; } }
@media screen and (max-width: 63.875em) {
.home .box-writeup-container {
padding-bottom: 60px;
width: 100%; } }
.box-writeup-container-2 {
padding-top: 95px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.home .box-writeup-container-2 {
padding-top: 50px; } }
.box-writeup-paragraphs, .box-subheading {
margin-bottom: 55px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.box-writeup-paragraphs, .box-subheading {
margin-bottom: 45px; } }
.box-writeup-paragraphs p {
padding: 0 95px; }
@media screen and (max-width: 63.875em) {
.box-writeup-paragraphs p {
padding: 0 30px;
width: 100%; } }
.box-writeup-paragraphs p:first-child {
padding-right: 0; }
@media screen and (max-width: 63.875em) {
.box-writeup-paragraphs p:first-child {
padding-right: 30px; } }
.container-big {
width: 670px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.container-big {
width: 500px; } }
@media screen and (max-width: 63.875em) {
.container-big {
width: 100%; } }
.container-small {
width: 500px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.container-small {
width: 430px; } }
@media screen and (max-width: 63.875em) {
.container-small {
width: 100%; } }
.box-image-2-medium {
display: none; }
@media screen and (max-width: 63.875em) {
.box-image-2-medium {
display: block; } }
.box-writeup {
font-size: 12px;
line-height: 2.6em; }
.box-heading, .box-heading-smaller {
font-family: "Montserrat", sans-serif;
display: block; }
.box-heading {
font-size: 40px;
font-family: "Bodoni", serif;
margin-bottom: 1em;
text-align: center; }
@media screen and (max-width: 63.875em) {
.box-heading {
margin-bottom: 30px;
text-align: left; } }
.box-heading strong {
font-weight: 800; }
.box-heading-smaller {
font-size: 9px; }
.box-subheading {
font-size: 23px;
font-weight: 700;
line-height: 1.6em; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.box-subheading {
font-size: 26px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.box-subheading {
font-size: 24px;
padding: 0 30px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.box-subheading {
padding: 0; } }
.reverse .box-heading, .reverse .box-subheading {
color: #fff; }
.box-inner .box-subheading {
padding: 0 15px; }
.box-image {
z-index: 1;
position: relative; }
.box-image-1 {
z-index: 100; }
.box-image-2 {
position: relative;
top: -50px;
right: auto;
bottom: auto;
left: auto; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.box-image-2 {
top: auto; } }
@media screen and (max-width: 63.875em) {
.box-image-2 {
position: static;
display: none; } }
.award {
position: absolute;
top: -65px;
left: -63px; }
@media screen and (max-width: 63.875em) {
.award {
display: none; } }
.slider-home-2 .slider-control, .wp-caption {
padding: 1.5em;
color: #bec0c2;
border-bottom: 2px solid #bec0c2;
cursor: pointer;
font-size: 12px;
font-style: italic; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.slider-home-2 .slider-control, .wp-caption {
min-height: 100px; } }
@media screen and (max-width: 63.875em) {
.slider-home-2 .slider-control {
width: 100%;
text-align: center;
padding: 2em 6em;
display: none; } }
@media screen and (max-width: 63.875em) {
.slider-home-2 .slider-control.active {
display: block; } }
.slider-home-2 .slider-control.active, .slider-home-2 .slider-control:hover, .wp-caption:hover {
color: #272e34;
border-bottom: 2px solid #272e34; }
.slider-control {
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } .about-slider-footer {
padding: 50px 0; }
.about-slider-footer > div {
float: left; }
.about-slider-image-headings {
padding: 0 30px 0 300px;
font-size: 12px; }
.about-slider-controls {
position: relative;
top: -10px; }
.about-the-company {
text-align: center; }
.about-the-company > .row > div {
float: left; }
.about-the-company span {
display: block; }
.about-the-company-header, .about-the-company-stats {
margin-bottom: 100px; }
.big-number {
font-family: "Bodoni", serif;
font-size: 40px;
width: 100%; }
.company-stats-writeup {
font-size: 12px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
max-width: 300px;
margin: 0 auto; }
.logo-container {
text-align: center;
padding: 60px 30px 90px; }
.logo-container h2 {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 50px; }
@media screen and (max-width: 63.875em) {
.logo-container h2 {
font-size: 10px;
margin-bottom: 18px; } }
.featured img {
max-width: 80%;
height: auto; }
@media screen and (max-width: 63.875em) {
.featured img {
display: none; } }
.featured .featured-mobile {
max-width: 100%;
display: none;
margin-left: auto;
margin-right: auto; }
@media screen and (max-width: 63.875em) {
.featured .featured-mobile {
display: block; } }
@media screen and (max-width: 63.875em) {
.shop-other-categories > .row {
height: 460px; } }
.shop-other-categories > .row > div {
width: 33%;
float: left;
text-align: center; }
@media screen and (max-width: 63.875em) {
.shop-other-categories > .row > div {
width: 85%;
float: none; } }
.shop-other-categories > .row > div:nth-child(1),
.shop-other-categories > .row > div:nth-child(1) > .shop-other-category-bottom {
padding: 0 20px 0 0; }
@media screen and (max-width: 63.875em) {
.shop-other-categories > .row > div:nth-child(1),
.shop-other-categories > .row > div:nth-child(1) > .shop-other-category-bottom {
padding-right: 4px; } }
.shop-other-categories > .row > div:nth-child(2),
.shop-other-categories > .row > div:nth-child(2) > .shop-other-category-bottom {
padding: 0 10px; }
@media screen and (max-width: 63.875em) {
.shop-other-categories > .row > div:nth-child(2),
.shop-other-categories > .row > div:nth-child(2) > .shop-other-category-bottom {
padding: 0 2px; } }
.shop-other-categories > .row > div:nth-child(3),
.shop-other-categories > .row > div:nth-child(3) > .shop-other-category-bottom {
padding: 0 0 0 20px; }
@media screen and (max-width: 63.875em) {
.shop-other-categories > .row > div:nth-child(3),
.shop-other-categories > .row > div:nth-child(3) > .shop-other-category-bottom {
padding-left: 4px; } }
.shop-other-category h2 {
color: #fff;
text-transform: uppercase;
font-size: 40px;
margin-bottom: 80px; }
@media screen and (max-width: 63.875em) {
.shop-other-category h2 {
font-size: 22px;
margin-bottom: 30px;
letter-spacing: 1px; } }
.shop-other-category .button {
font-size: 12px; }
.shop-other-category {
position: relative; }
.shop-other-category-bottom {
width: 100%;
position: absolute;
left: 0;
bottom: -25px;
z-index: 10; }
.info {
position: relative;
padding: 130px 0 200px; }
@media screen and (max-width: 63.875em) {
.info {
padding: 45px 30px 30px;
background-color: #f1f1f1;
margin-top: 30px; } }
.info > .row {
position: relative; }
.info-box {
float: left;
width: 20%;
text-align: center;
padding: 0 50px;
z-index: 10;
position: relative; }
@media screen and (max-width: 63.875em) {
.info-box {
width: 100%;
max-width: 400px;
min-height: 115px;
margin: 0 auto;
float: none;
padding: 0 5%; } }
@media screen and (max-width: 63.875em) {
.info-box > div {
float: left;
margin-right: 20px;
margin-bottom: 15px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: left;
transform-origin: left; } }
.info-box h2 {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.info-box h2 {
text-transform: none;
text-align: left;
padding-top: 30px;
font-size: 12px; } }
.info-background {
width: 100%;
position: absolute;
bottom: -70px;
height: 215px;
background-color: #fef3ec;
z-index: 1; }
@media screen and (max-width: 63.875em) {
.info-background {
display: none; } }
.my-account .off-canvas-content {
background-color: #f7f7f7; }
.my-account.logged-in .off-canvas-content {
background-color: transparent; }
.my-account #content {
background-color: transparent; }
@media screen and (max-width: 63.875em) {
.my-account #content {
padding: 0 15px; } }
@media screen and (min-width: 63.9375em) {
.my-account.logged-in #content {
padding-right: 100px; } }
.my-account .page-header {
padding-bottom: 10px; }
.my-account .page-header p {
font-family: "Montserrat", sans-serif;
font-size: 18px;
opacity: 0.68;
font-weight: 300;
margin-bottom: 40px; }
.my-account .entry-content h1 {
font-size: 40px;
margin-bottom: 5px; }
.my-account #customer-login-register .form-row {
position: relative; }
.my-account #customer-login-register .form-row .icon {
position: absolute;
right: 30px;
top: 23px; }
#customer-login-register .register .form-row:nth-of-type(1) .icon {
top: 26px; }
.my-account #customer-login-register .form-switch .icon {
position: initial; }
.my-account #customer-login-register input {
background-color: #fff;
height: 60px; }
.my-account #customer-login-register input[type="submit"] {
background-color: #2e2e33;
color: #fff;
width: 100%;
opacity: 1;
font-style: normal;
font-size: 14px; }
.my-account .form-controls {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
text-transform: initial;
margin-bottom: 30px;
opacity: 1;
padding: 0 20px; }
.my-account .form-controls input[type="checkbox"] {
position: relative;
top: 1px; }
.my-account .form-controls label, .my-account .form-controls p {
display: inline-block; }
.my-account .form-controls .icon {
position: relative;
top: 3px; }
.my-account .qualities-container {
margin-top: 185px; }
.my-account .qualities {
padding: 0; }
.my-account .writeup-box {
position: relative;
padding-left: 70px;
margin-bottom: 45px; }
.my-account .writeup-box, .my-account .box-heading {
text-align: left;
width: 100%; }
.my-account .writeup-box .icon {
position: absolute;
top: 0;
left: 0; }
.lost-password {
text-align: right;
float: right; }
.lost-password a:link {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 700;
color: #0091ea; }
.lost-password a:visited {
color: #0091ea; }
.lost-password a:hover {
color: #2e2e33; }
.lost-password a:active {
color: #2e2e33; }
.lost-password .icon-question {
position: relative;
top: 3px;
left: -2px;
display: inline-block; }
.entry-content .lost-password {
margin-bottom: 0;
opacity: 1; }
#customer-login-register {
margin-top: 175px;
position: relative;
min-height: 550px; }
@media screen and (max-width: 63.875em) {
#customer-login-register {
margin-top: 75px; } }
#customer-login-register > .form {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%; }
#customer-login-register .form.active {
display: block; }
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
margin-bottom: 50px; }
@media screen and (min-width: 63.9375em) {
.woocommerce-account .woocommerce-MyAccount-content {
padding: 0 5px; } }
@media screen and (max-width: 63.875em) {
.woocommerce-account .woocommerce-MyAccount-content {
padding: 0 20px; } }
.woocommerce-account .woocommerce-MyAccount-content a:link {
font-weight: bold; }
.woocommerce-account .woocommerce-MyAccount-content .button:link {
font-weight: normal;
color: #fff; }
.woocommerce-account .woocommerce-MyAccount-content .button:visited {
color: #fff; }
.my-account-sidebar {
margin-top: 105px; }
@media screen and (max-width: 63.875em) {
.my-account-sidebar {
display: none; } }
.my-account-sidebar .user-info-submenu {
display: table;
width: 100%;
padding: 30px 0;
background-color: #f7f7f7; }
.my-account-sidebar .user-info {
display: table;
width: 100%; }
.my-account-sidebar .user-info-inner {
padding: 0 8% 10%;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%; }
.my-account-sidebar .user-info-name {
font-weight: 700; }
.my-account-sidebar .user-info-avatar {
position: relative; }
.my-account-sidebar .user-info-avatar img {
position: relative;
top: -37px;
width: 70px;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 50px;
background-clip: padding-box; }
.my-account-sidebar .user-info-submenu > div {
padding: 0 30px; }
.my-account-sidebar .user-info-submenu > div > a,
.my-account-sidebar .user-info-submenu > div > div > a:not(.cart-link) {
border-left: 1px solid #f7f7f7;
padding: 20px 5px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
font-size: 14px;
border-top: 1px solid #e5e5e5;
display: block;
width: 100%;
height: 100%; }
.my-account-sidebar .user-info-submenu > .user-info-cart > a {
border-top: none; }
.my-account-sidebar .user-info-submenu > .user-info-log-out > div {
position: relative; }
.my-account .my-account-sidebar .user-info-submenu > .user-info-log-out > div > a {
text-transform: uppercase; }
.my-account-sidebar .user-info-submenu > div > a:hover {
color: #0091ea;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.my-account-sidebar .user-info-submenu > div > a:hover {
opacity: 1; }
.my-account-sidebar .user-info-submenu .user-info-log-out {
font-weight: 400;
font-family: "Bodoni", serif;
position: relative; }
.my-account-sidebar .user-info-cart {
position: relative; }
.cart-link-container {
position: absolute;
left: inherit;
background-color: transparent;
width: 30px;
height: 30px;
text-align: center; }
.my-account-sidebar .user-info-cart .cart-link-container {
top: 15px;
right: 25px; }
.my-account-sidebar .cart-link-container .cart-link:link {
font-size: 13px;
color: #fff;
width: 30px;
height: 30px;
display: table-cell;
text-align: center;
line-height: 1em;
z-index: 2;
position: relative;
vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.my-account-sidebar .cart-link-container .icon {
position: absolute;
top: 0;
right: 0;
z-index: 1; }
.my-account-sidebar .user-info-cart:hover .cart-link:link { }
.my-account-sidebar .user-info-cart .cart-contents:visited {
color: #fff; }
.my-account-sidebar .user-info-cart .cart-contents:hover {
color: #fff; }
.my-account-sidebar .user-info-log-out .icon {
position: absolute;
top: 22px;
right: 145px; }
.my-account-sidebar a:link {
color: #6f6f72;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.my-account-sidebar a:visited {
color: #6f6f72; }
.my-account-sidebar a:hover {
color: #0091ea; }
.my-account-sidebar .icon-active {
opacity: 0;
position: absolute;
top: 10px;
left: 0; }
.cart.page .user-info-cart .icon-active {
opacity: 1; }
.page.cart .user-info-cart > a:link {
color: #0091ea;
border-top: none;
opacity: 1; }
.page.cart .user-info-cart > a:visited {
color: #0091ea; }
.testimonials-container {
position: relative;
background-image: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/testimonials-bg.jpg);
background-size: cover;
padding: 90px 0 70px; }
@media screen and (max-width: 63.875em) {
.testimonials-container {
padding-top: 80px; } }
.testimonials-container .box-heading {
margin-bottom: 1.5em;
font-size: 39px; }
@media screen and (max-width: 63.875em) {
.testimonials-container .box-heading {
text-align: center;
font-size: 32px;
margin-bottom: 0px; } }
.testimonials-controls {
text-align: center; }
.testimonials-control {
cursor: pointer;
top: 260px;
margin: 0 20px;
vertical-align: middle; }
.testimonials-control.icon-arrow-left-big {
left: 20px; }
.testimonials-control.icon-arrow-right-big {
right: 30px; }
.testimonials {
color: #fff;
position: relative;
padding-bottom: 150px; }
@media screen and (max-width: 63.875em) {
.testimonials {
padding-top: 60px;
padding-bottom: 45px; } }
.testimonials.slider {
margin-top: 0; }
.testimonials > .row {
position: relative; }
.testimonials > .row:nth-child(1) {
margin-bottom: 60px; }
@media screen and (max-width: 63.875em) {
.testimonials > .row:nth-child(1) {
margin-bottom: 15px; } }
.testimonials .big-title {
text-align: center;
margin-bottom: 15px; }
.testimonials .slider {
position: relative;
z-index: 2;
background-color: #fff;
margin: 0;
border: 1px solid #ededed;
-webkit-box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
-ms-box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
-o-box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
border-collapse: separate; }
@media screen and (max-width: 63.875em) {
.testimonials .slider {
border: none;
background-color: transparent;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border-collapse: separate; } }
@media screen and (max-width: 63.875em) {
.testimonials .arrow-controls {
top: -25px; } } .testimonials-rating {
margin: 0 30px; }
.testimonials-rating .icon {
position: relative;
top: 2px;
margin-right: 5px; }
.testimonial.slick-slide {
background-size: cover;
border-right: 1px solid #ededed; }
@media screen and (max-width: 63.875em) {
.testimonial.slick-slide {
height: 315px;
padding: 30px 45px;
border-right: none; } }
.testimonial.slick-slide:last-child {
border-right: none; }
.testimonial-container {
width: 100%; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.testimonial-container {
bottom: 65px; } }
@media screen and (max-width: 63.875em) {
.testimonial-container {
bottom: 0;
height: 100%;
display: table;
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
-ms-box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
-o-box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
border-collapse: separate; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.testimonial-container .box-subheading {
font-size: 24px; } }
.testimonial-inner {
padding: 80px 45px; }
@media screen and (max-width: 63.875em) {
.testimonial-inner {
display: table-cell;
height: 100%;
vertical-align: middle;
text-align: left;
padding: 65px 30px 30px;
top: 0; } }
.testimonial-inner .box-subheading {
margin-bottom: 30px; }
@media screen and (max-width: 63.875em) {
.testimonial-inner .box-subheading {
padding: 0; } }
.testimonial-inner .icon-quote {
position: absolute;
top: -21px;
right: auto;
bottom: auto;
left: 40px; }
@media screen and (max-width: 63.875em) {
.testimonial-inner .icon-quote {
position: static;
margin-bottom: 50px; } }
.testimonial-inner .icon-slider-control {
margin-right: 7px; }
.testimonial-inner .icon-slider-control.active {
position: relative;
top: 1px;
right: auto;
bottom: auto;
left: auto; }
.testimonial-title {
font-size: 17px;
font-style: italic;
font-weight: 400;
font-family: "Bodoni", serif;
color: #000000;
margin-bottom: 1.6em;
max-width: 230px; }
.testimonial p {
font-size: 12px;
font-weight: 500;
color: #000000; }
@media screen and (max-width: 63.875em) {
.testimonial p {
font-size: 11px;
font-weight: 400; } }
.testimonial-author {
font-weight: 400;
color: black;
font-size: 12px;
font-family: "Montserrat", sans-serif; }
.testimonial-author strong {
font-weight: 600; }
.testimonial-author-image-container {
position: relative;
display: inline-block; }
.testimonial-color-background {
width: 50%;
height: 300px;
position: absolute;
z-index: 1;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
@media screen and (max-width: 63.875em) {
.testimonial-color-background {
width: calc(50% - 35px); } }
.testimonial-color-background:nth-child(1) {
left: -10px;
top: -10px;
height: 300px;
background-color: #f9f9f9;
padding-left: 10px; }
@media screen and (max-width: 63.875em) {
.testimonial-color-background:nth-child(1) {
left: 35px;
top: 20px;
height: 200px; } }
.testimonial-color-background:nth-child(2) {
right: -10px;
bottom: -50px;
height: 135px;
background-color: #fef3ec;
padding-right: 10px; }
@media screen and (max-width: 63.875em) {
.testimonial-color-background:nth-child(2) {
right: 35px;
bottom: 6px;
padding-right: 0;
height: 140px; } }
.testimonial-author-image img {
display: none;
border-radius: 50px;
position: absolute;
top: 6px;
left: 6px; }
.testimonial-author-image img:first-child {
display: block; }
.testimonial .box-subheading {
font-size: 26px;
font-family: "Bodoni", serif;
font-weight: 300; }
.testimonial .box-subheading, .testimonial .testimonial-bottom {
text-align: left; }
.testimonial .testimonial-bottom {
margin-top: 80px; }
.statement {
padding: 100px 0px; }
@media screen and (max-width: 63.875em) {
.statement {
padding-bottom: 45px; } }
.statement > .row {
position: relative; }
.statement > .row > div {
float: left;
position: relative; }
@media screen and (max-width: 63.875em) {
.statement > .row > div {
float: none; } }
.statement > .row > div:nth-child(1) {
width: 40%; }
@media screen and (max-width: 63.875em) {
.statement > .row > div:nth-child(1) {
display: none; } }
.statement > .row > div:nth-child(2) {
width: 60%; }
@media screen and (max-width: 63.875em) {
.statement > .row > div:nth-child(2) {
width: 100%; } }
.statement > .row > div:nth-child(3) {
display: none; }
@media screen and (max-width: 63.875em) {
.statement > .row > div:nth-child(3) {
display: block;
width: 100%;
padding: 0 45px; } }
.statement > .row > .statement-button {
text-align: center;
position: absolute;
left: 33.5%;
right: 50%;
bottom: 20px;
clear: both;
z-index: 20; }
@media screen and (max-width: 63.875em) {
.statement > .row > .statement-button {
position: initial;
width: 100%;
padding: 0 45px; } }
.statement-button > .button:link {
display: inline-block;
width: 250px; }
@media screen and (max-width: 63.875em) {
.statement-button > .button:link {
display: block;
margin: 40px auto 0;
width: 100%;
max-width: 400px; } }
.statement .icon-quote-container {
position: relative;
display: inline-block; }
@media screen and (max-width: 63.875em) {
.statement .icon-quote-container {
display: none; } }
@media screen and (max-width: 63.875em) {
.statement .icon-quote-container-mobile {
display: inline-block;
position: absolute;
top: -21px;
left: 26px;
z-index: 3; } }
.statement .icon {
position: relative;
z-index: 2;
-webkit-box-shadow: 0 0 20px rgba(50, 50, 50, 0.05);
-ms-box-shadow: 0 0 20px rgba(50, 50, 50, 0.05);
-o-box-shadow: 0 0 20px rgba(50, 50, 50, 0.05);
box-shadow: 0 0 20px rgba(50, 50, 50, 0.05);
border-collapse: separate; }
.statement .rectangle {
width: 60px;
height: 60px;
background-color: #fef3ec;
z-index: 1;
position: absolute;
top: auto;
right: -10px;
bottom: 0;
left: auto; }
.statement-text {
font-family: "Bodoni", serif;
font-size: 17px;
font-style: italic;
margin-top: 90px;
margin-bottom: 45px;
padding-right: 90px; }
@media screen and (max-width: 63.875em) {
.statement-text {
margin-top: 60px;
padding-right: 0; } }
.statement-author {
font-size: 12px;
font-weight: 500; }
.statement-right img {
position: relative;
z-index: 2;
-webkit-box-shadow: 0 0 30px rgba(50, 50, 50, 0.2);
-ms-box-shadow: 0 0 30px rgba(50, 50, 50, 0.2);
-o-box-shadow: 0 0 30px rgba(50, 50, 50, 0.2);
box-shadow: 0 0 30px rgba(50, 50, 50, 0.2);
border-collapse: separate; }
@media screen and (max-width: 63.875em) {
.statement-right img {
width: 100%;
height: auto; } }
.statement-right-image-container {
display: inline-block;
position: relative; }
@media screen and (max-width: 63.875em) {
.statement-right-image-container {
width: 100%;
text-align: center;
padding: 0 45px; } }
.statement-right-background {
background-color: #fef3ec;
width: 430px;
height: 460px;
z-index: 1;
position: absolute;
top: auto;
right: -10px;
bottom: -10px;
left: auto; }
@media screen and (max-width: 63.875em) {
.statement-right-background {
bottom: -10px;
right: 35px;
width: 70%;
display: none; } }
.section-subheading {
text-align: center;
color: #000000;
font-size: 14px;
font-weight: 400; }
.community {
padding: 100px 0;
margin-bottom: 185px;
background-color: #fafafa; }
@media screen and (max-width: 63.875em) {
.community {
padding: 45px 30px;
margin-bottom: 60px; } }
.community-header {
text-align: center;
margin-bottom: 85px; }
@media screen and (max-width: 63.875em) {
.community-header {
margin-bottom: 45px; } }
@media screen and (max-width: 63.875em) {
.community-buttons {
display: none; } }
.community-buttons.community-buttons-mobile {
display: none; }
@media screen and (max-width: 63.875em) {
.community-buttons.community-buttons-mobile {
display: block; } }
.community .button:link {
text-transform: initial;
font-size: 14px;
margin: 80px 3px 0;
padding: 16px 27px 16px 50px; }
@media screen and (max-width: 63.875em) {
.community .button:link {
margin-top: 10px;
width: 100%; } }
@media screen and (max-width: 63.875em) {
.community .button:link:nth-child(1) {
margin-top: 30px; } }
.community .button .icon {
left: 22px;
top: 15px; }
@media screen and (max-width: 63.875em) {
.community .button .icon {
position: initial;
margin-right: 10px; } }
.minor-writeup {
font-size: 13px;
line-height: 1.6em;
font-family: "Montserrat", sans-serif; }
.home .our-customers {
border-top: 1px solid #e5e5e5;
padding: 35px 0; }
@media screen and (max-width: 63.875em) {
.home .our-customers {
display: none; } }
.our-customers {
padding: 65px 0;
position: relative; }
@media screen and (max-width: 63.875em) {
.our-customers {
padding: 65px 20px; } }
.our-customers-intro .box-heading {
font-family: "Montserrat", sans-serif;
font-size: 40px;
font-weight: 300;
margin-bottom: 16px; }
@media screen and (max-width: 63.875em) {
.our-customers-intro .box-heading {
font-size: 30px;
text-align: center;
margin-bottom: .5em; } }
.our-customers-intro p {
text-align: center;
font-family: "Bodoni", serif;
font-size: 18px; }
.our-customers img { height: auto;
margin: 0 auto;
display: block; }
.our-customers .slick-prev, .our-customers .slick-next {
background-image: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/icons.png);
background-size: 925px 500px;
font-size: 0;
position: absolute;
top: -17px;
z-index: 500;
position: absolute;
top: -17px;
right: auto;
bottom: auto;
left: auto; }
.our-customers .slick-prev {
left: -60px; }
@media screen and (max-width: 63.875em) {
.our-customers .slick-prev {
left: 15px; } }
.our-customers .slick-next {
right: -60px; }
@media screen and (max-width: 63.875em) {
.our-customers .slick-next {
right: 15px; } }
.our-customers-intro {
margin-bottom: 50px; }
.after-featured-writeups.box {
margin-bottom: 50px; }
@media screen and (max-width: 63.875em) {
.after-featured-writeups.box {
margin-bottom: 0px; } }
.after-featured-writeup-left {
position: relative;
z-index: 100; }
@media screen and (min-width: 63.9375em) {
.after-featured-writeup-right {
margin-top: 85px; } }
@media screen and (max-width: 63.875em) {
.after-featured-writeups p {
margin-bottom: 80px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.intro-section, .entry-content h2 {
padding: 60px; } }
@media screen and (max-width: 63.875em) {
.intro-section, .entry-content h2 {
margin-top: 0;
padding: 0; } }
.featured-header {
width: 100%;
height: 630px;
background-position: center; margin-top: 71px;
position: relative;
z-index: 1; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.featured-header {
margin-top: 61px; } }
@media screen and (max-width: 63.875em) {
.featured-header {
margin-top: 61px;
height: 480px; } }
.featured-header-overlay {
width: 100%;
height: 100%;
background-color: rgba(58, 58, 58, 0.4);
z-index: 1;
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0; }
.featured-header-inner, .inner {
height: 100%; }
.featured-header-table, .table {
display: table;
height: 100%; }
.featured-header-cell, .cell {
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
position: relative;
z-index: 3; }
@media screen and (max-width: 63.875em) {
.featured-header-cell, .cell {
padding: 0 30px; } }
.featured-header-bg {
background-size: cover;
background-image: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/slides/main/slide01.jpg);
z-index: 0;
position: fixed;
top: 0;
right: auto;
bottom: auto;
left: auto; }
.gallery-header {
background-color: #272e34; }
@media screen and (max-width: 63.875em) {
.gallery-header {
padding: 0 30px; } }
.gallery-header .box-heading {
color: #fff;
margin-bottom: 0;
padding: 40px 0; }
.gallery-header .arrow-controls {
position: absolute;
top: 40px;
right: 0;
bottom: auto;
left: auto; }
.gallery-header .arrow-counter-current {
color: #fff; }
.gallery-header-inner {
position: relative; }
.gallery-slides {
background-color: #272e34; }
.gallery-slide {
opacity: .6;
-webkit-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.gallery-slide {
opacity: 1; } }
.gallery-slide.slick-center {
opacity: 1; }
.slick-slide img {
width: 100%;
height: auto; }
.slick-initialized .slick-slide {
position: relative;
height: 100%; }
@media screen and (max-width: 47.9375em) {
.our-customers .slick-slide img {
width: 55%; } }
.gallery-slides-frame {
position: absolute;
border: 40px solid #272e34;
z-index: 200; }
@media screen and (max-width: 63.875em) {
.gallery-slides-frame {
display: none; } }
@media screen and (max-width: 63.875em) {
.location-map {
margin-bottom: 40px; } }
.post-mode-2 {
margin-bottom: 80px;
border-right: 1px solid #ededed;
width: 29.2%;
padding: 0 3% 0 0;
margin: 0 3% 0 0;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.post-mode-2:nth-child(3n) {
border-right: none;
padding: 0;
margin: 0; }
.post-mode-2:last-child {
margin-bottom: 0px; }
.blog-posts-mobile .post-mode-2:last-child {
margin-bottom: 80px; }
@media screen and (max-width: 63.875em) {
.post-mode-2.column, .post-mode-2.columns, .post-mode-2.columns {
padding-left: 0;
padding-right: 0; } }
.post-mode-2-intro {
margin-bottom: 20px; }
.post-mode-2-intro span {
color: #cba8a4;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 600; }
.post-mode-2 .post-title:link {
color: #000000;
margin-top: 25px;
display: inline-block; }
.post-mode-2 .post-title:visited {
color: #000000; }
.post-mode-2 .post-title h2 {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600; }
.designed-by .box-writeup {
padding: 0 95px 0 0; }
@media screen and (max-width: 63.875em) {
.designed-by .box-writeup {
padding: 0 30px; } }
.designed-by .box-writeup:first-child {
padding-left: 95px;
padding-right: 95px; }
@media screen and (max-width: 63.875em) {
.designed-by .box-writeup:first-child {
padding: 0 30px; } }
.articles {
text-align: center;
margin-bottom: 120px; }
@media screen and (max-width: 63.875em) {
.articles {
padding-bottom: 60px;
margin-bottom: 0; } }
@media screen and (max-width: 63.875em) {
.articles .article-header {
width: 80%;
float: left;
padding-top: .5em; } }
@media screen and (max-width: 63.875em) {
.articles .article-thumbnail-mobile {
width: 20%;
float: left; } }
.articles .post h2 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 14px;
margin-top: 30px; }
@media screen and (max-width: 63.875em) {
.articles .post h2 {
margin-top: 0; } }
.articles .date, .archive .date {
position: absolute;
top: -30px;
right: 40px;
bottom: auto;
left: auto; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.articles .date, .archive .date {
top: -42px;
right: 25px; } }
@media screen and (max-width: 47.9375em) {
.articles .date, .archive .date {
top: 14px;
right: 26px; } }
.articles-intro {
text-align: center;
margin-bottom: 80px;
max-width: 575px;
margin: 0 auto 80px; }
@media screen and (max-width: 63.875em) {
.articles-intro {
padding: 0 30px; } }
.events-archive .articles-intro {
margin-bottom: 110px; }
.articles-intro p {
max-width: 700px;
margin: 0 auto 25px;
font-size: 12px;
font-weight: 400;
line-height: 1.8em; }
@media screen and (max-width: 63.875em) {
.articles-intro p {
font-size: 11px; } }
.articles-intro h1, .articles-intro h2 {
margin-bottom: 30px; }
@media screen and (max-width: 63.875em) {
.articles-intro h1, .articles-intro h2 {
margin-bottom: 0; } }
.articles-intro a:link {
color: #000000; }
.articles-intro a:visited {
color: #000000; }
.articles-intro-no-description h2 {
margin-bottom: 110px; }
.articles-inner {
margin-bottom: 20px; }
@media screen and (max-width: 47.9375em) {
.articles-inner {
padding: 0 15px; } }
@media screen and (max-width: 63.875em) {
.articles-inner {
margin-bottom: 0; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.articles-inner {
padding: 0 30px; } }
.home .articles-inner {
margin-bottom: 0; }
@media screen and (max-width: 47.9375em) {
.articles-inner > .button {
width: 100%; } }
.article, .articles .post {
position: relative;
width: 33%;
float: left;
text-align: left;
padding: 0 30px; }
@media screen and (max-width: 63.875em) {
.article, .articles .post {
padding: 7px 7px 7px 15px; } }
@media screen and (max-width: 47.9375em) {
.article, .articles .post {
width: 100%;
margin-bottom: 50px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.article, .articles .post {
margin-bottom: 60px;
width: 50%;
min-height: 450px; } }
@media screen and (min-width: 63.9375em) {
.article, .articles .post {
margin-bottom: 50px; } }
@media screen and (max-width: 63.875em) {
.articles .post {
border: 1px solid #f1f1f1;
margin-bottom: 15px; } }
@media screen and (max-width: 63.875em) {
.home .articles .post:last-child {
margin-bottom: 20px; } }
@media screen and (max-width: 63.875em) {
.article-thumbnail {
display: none; } }
.article-thumbnail-mobile {
display: none; }
@media screen and (max-width: 63.875em) {
.article-thumbnail-mobile {
display: block; } }
.home .article {
margin-bottom: 50px; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.archive .article:nth-of-type(odd) {
padding: 0 15px 0 30px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.archive .article:nth-of-type(even) {
padding: 0 30px 0 15px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.home .article {
width: 33%; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.home .article:nth-of-type(1) {
padding: 0 20px 0 0; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.home .article:nth-of-type(2) {
padding: 0 10px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.home .article:nth-of-type(3) {
padding: 0 0 0 20px; } }
@media screen and (max-width: 47.9375em) {
.article:last-of-type {
padding-right: 15px; } }
.article-category {
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #d1a99e;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 2.5em;
display: inline-block;
letter-spacing: 3px; }
@media screen and (max-width: 63.875em) {
.article-category {
margin-bottom: 0; } }
.article img {
width: 100%;
height: auto; } .archive .article-content p, .page-template-template-news-articles .article-content p {
margin-bottom: 0; }
.article h2 {
font-family: "Bodoni", serif;
font-style: italic;
font-weight: 700;
font-size: 18px;
margin-bottom: 20px; }
.article h2 a:link {
color: #fff; }
.article h2 a:visited {
color: #fff; }
.article p {
font-size: 14px;
margin-bottom: 20px; }
.article .more-link {
display: inline-block;
margin-top: 20px; }
.date {
padding: 15px 10px;
color: #fff;
background-color: #fff88d;
font-family: "Montserrat", sans-serif;
width: 100px;
text-align: left; }
.date-day {
font-size: 35px;
line-height: 1em; }
.date-rest {
font-size: 14px;
font-weight: 300;
line-height: 1.2em;
display: inline-block; }
.article-date, .event-pre-title {
font-size: 13px;
font-family: "Montserrat", sans-serif;
letter-spacing: 2px; }
.article-date {
color: #fef3ec; }
.article-boxes-container {
width: 50%;
padding-bottom: 25%;
float: left;
position: relative; }
@media screen and (max-width: 63.875em) {
.article-boxes-container {
width: 100%;
padding-bottom: 50%; } }
@media screen and (max-width: 47.9375em) {
.article-boxes-container {
padding-bottom: 0; } }
.article-boxes-container:hover {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border-collapse: separate;
z-index: 100;
position: relative; }
.article-boxes {
width: 96%;
margin: 0 auto;
border: 1px solid #edeeee; }
.article-boxes-inner {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0; }
@media screen and (max-width: 47.9375em) {
.article-boxes-inner {
position: inherit; } }
.article-box {
width: 50%;
height: 100%;
float: left;
padding: 40px 45px; }
@media screen and (max-width: 63.875em) {
.article-box {
padding: 22px; } }
@media screen and (max-width: 47.9375em) {
.article-box {
width: 100%; } }
.article-box.has-image {
padding: 0; }
@media screen and (max-width: 47.9375em) {
.article-boxes .article-box-image {
height: 300px; } }
.article-box .box-heading-smaller {
margin-bottom: 18%; }
@media screen and (max-width: 63.875em) {
.article-box .box-heading-smaller {
margin-bottom: 14%; } }
.article-box .box-subheading {
margin-bottom: 1em;
font-size: 18px; }
@media screen and (max-width: 63.875em) {
.article-box .box-subheading {
margin-bottom: 20px;
font-size: 13px; } }
.article-box-thumbnail {
width: 100%;
height: 100%; }
.article-box-lower {
position: absolute;
top: auto;
right: auto;
bottom: 40px;
left: auto; }
.article-box-excerpt {
margin-bottom: 2em;
font-family: "Montserrat", sans-serif; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.article-box-excerpt {
display: none; } }
@media screen and (max-width: 63.875em) {
.article-box-excerpt {
display: inline-block; } }
.article-box-image-small {
display: none; }
@media screen and (max-width: 63.875em) {
.home .articles .button {
width: 100%;
max-width: 400px; } } @media screen and (max-width: 63.875em) {
.article-boxes-inner-odd > div:first-child {
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.article-boxes-inner-odd > div:last-child {
display: none; } }
@media screen and (max-width: 63.875em) {
.article-boxes-inner-even > div:first-child {
display: none; } }
@media screen and (max-width: 47.9375em) {
.article-boxes-inner-even > div:first-child {
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.article-boxes-inner-even > div:last-child {
display: inline-block; } }
@media screen and (max-width: 47.9375em) {
.article-boxes-inner-even > div:last-child {
display: none; } }
.hunter .testimonials.box {
margin-bottom: 0; }
.main-training-courses {
background-color: #272e34;
padding: 0; }
.main-training-courses .article-boxes {
border: none;
width: 100%; }
.main-training-courses .article-box-info {
background-color: #2e2e33; } .main-training-courses .article-box-info .box-subheading {
font-size: 29px;
color: #fff;
line-height: 1em; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.main-training-courses .article-box-info .box-subheading {
padding: 0; } }
@media screen and (max-width: 63.875em) {
.main-training-courses .article-box-info .box-subheading {
font-size: 20px;
font-weight: 700; } }
.main-training-courses .article-box-excerpt {
font-size: 17px;
font-family: "Bodoni", serif;
color: #ccc; }
.main-training-courses .box {
margin-bottom: 0; }
.main-training-courses .add_to_cart_button {
float: right; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.main-training-courses .add_to_cart_button {
display: block;
float: none;
text-align: center;
margin-top: 20px; } }
.main-training-courses .woocommerce-Price-amount {
font-size: 23px; }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.main-training-courses .woocommerce-Price-amount {
font-size: 20px; } }
.price, .main-training-courses .add_to_cart_inline {
font-weight: 700;
color: #fff;
display: inline-block;
width: 100%; }
.main-training-courses .add_to_cart_button {
position: relative;
top: -5px; }
.main-training-courses .added_to_cart:link {
background-color: #444;
color: #fff;
margin-top: 1em; }
.price-main {
font-size: 23px; }
.price-superscript {
font-size: 15px;
position: relative;
top: -7px; }
.add_to_cart_inline {
display: inline;
border: none !important;
padding: 0 !important; }
.add_to_cart_inline .woocommerce-Price-amount {
margin-right: .9em; }
.added_to_cart:link {
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: .8em 1.5em;
width: 100%;
border-radius: 50px;
background-clip: padding-box; }
.course-info p {
font-size: 15px;
font-family: "Bodoni", serif; }
.featured-header-blog {
position: relative;
height: auto; }
@media screen and (min-width: 63.9375em) {
.featured-header-blog {
margin-top: 265px; } }
@media screen and (max-width: 63.875em) {
.featured-header-blog {
height: 480px; } }
.featured-header-blog > .row > div {
float: left; }
@media screen and (max-width: 63.875em) {
.featured-header-blog .featured-header-inner {
padding: 0 30px; } }
.featured-header-blog .featured-header-thumb {
width: 35%; }
.featured-header-blog .featured-header-thumb img {
height: auto; }
.featured-header-blog .featured-header-right {
width: 65%;
padding: 70px 100px; }
.featured-header .featured-headings {
z-index: 3;
position: absolute;
top: auto;
right: auto;
bottom: 70px;
left: auto; }
.featured-header-blog-right {
height: 100%;
width: 370px;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto; }
.featured-header .post-share > span {
float: left;
margin-right: 30px;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #000000;
position: relative;
top: 3px; }
.featured-header .post-share li {
margin-right: 25px; }
.blog-right-post {
height: 33.333%;
background-size: cover;
position: relative;
padding: 22px 35px; }
.blog-right-post-info {
position: relative;
z-index: 3;
position: absolute;
top: auto;
right: auto;
bottom: 22px;
left: auto; }
.blog-right-heading, .blog-right-date {
color: #fff; }
.blog-right-heading {
font-size: 20px;
margin-bottom: 0; }
.blog-right-date {
font-family: "Montserrat", sans-serif;
font-size: 12px; }
.category-tag {
color: #000;
display: table;
position: relative;
z-index: 3;
text-transform: uppercase; }
.category-tag-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
font-size: 12px;
font-family: "Montserrat", sans-serif;
font-weight: 400; }
.category-tag, .category-tag-inner {
width: 90px;
height: 40px;
line-height: 1.1em; }
.google-map-container {
position: relative;
margin-top: 71px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.google-map-container {
margin-top: 61px; } }
@media screen and (max-width: 63.875em) {
.google-map-container {
margin-top: 61px; } }
.google-map-container, .google-map-container iframe, .google-map-overlay {
height: 630px; }
@media screen and (max-width: 63.875em) {
.google-map-container, .google-map-container iframe, .google-map-overlay {
height: 480px; } }
.google-map-container iframe, .google-map-overlay {
width: 100%; }
.google-map-overlay {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: auto;
background-color: rgba(58, 58, 58, 0.4); }
.google-map-overlay-controls {
margin-top: 20px; }
.google-map-overlay-control .icon {
position: relative;
left: 18px;
top: 15px; }
@media screen and (max-width: 63.875em) {
.get-directions {
display: none; } }
.our-location {
text-align: center;
padding: 55px 0 0; }
@media screen and (max-width: 63.875em) {
.our-location .row {
text-align: center;
padding: 0px 20px; } }
@media screen and (max-width: 63.875em) {
.our-location .icon-marker {
margin-bottom: 15px; } }
.our-location .box-heading {
margin-bottom: 0; }
@media screen and (max-width: 63.875em) {
.our-location .box-heading {
text-align: center;
margin-bottom: 15px; } }
.our-location .address {
margin-bottom: 85px; }
.map iframe {
width: 100%;
display: block; }
.control-container {
border: 1px solid #fff;
width: 50px;
height: 50px;
cursor: pointer; }
.control-container, .control-headings {
display: inline-block;
vertical-align: middle; }
.control-headings {
margin-left: 1em; }
.control-heading {
font-size: 16px; }
.control-subheading {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 0;
font-family: "Montserrat", sans-serif; }
.control-heading, .control-subheading {
color: #fff; } .contact-columns {
color: #000000; }
.contact-columns > .row > div {
float: left; }
.contact-columns h2 {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 600;
margin-bottom: 20px; }
.contact-columns p {
font-size: 13px;
line-height: 1.7em; }
.social-icons.social-icons-horizontal li {
cursor: pointer; }
.social-icons.social-icons-horizontal li:last-of-type {
margin-top: 0; }
.contact-columns .social-icons li a:link {
margin-right: 25px;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.contact-columns .social-icons li a:hover {
opacity: .8; }
.contact-middle {
margin-top: 60px; }
@media screen and (max-width: 63.875em) {
.contact-middle {
padding: 0 20px; } }
.contact-middle > div {
max-width: 800px;
margin: 0 auto; }
.contact-middle h2, .contact-middle p {
text-align: center; }
.contact-middle h2 {
text-transform: initial;
font-size: 20px;
font-style: italic;
margin-bottom: 15px; }
.contact-middle p {
font-size: 13px;
font-weight: 500; }
.contact-middle form {
margin-top: 60px; }
@media screen and (max-width: 63.875em) {
.contact-middle .contact-details {
width: 100%; } }
.contact .location-directions, .contact .location-distances {
padding-right: 0; }
@media screen and (max-width: 63.875em) {
.contact .location-directions .box-heading, .contact .location-directions .arrow-controls,
.contact .location-directions-writeup {
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.contact .location-directions .box-heading {
letter-spacing: 0;
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.contact .after-featured-writeups p {
margin-bottom: 50px; } }
.contact .after-featured-writeup-right {
margin-top: 145px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.contact .after-featured-writeup-right {
padding: 0 45px; } }
@media screen and (max-width: 63.875em) {
.contact .after-featured-writeup-right {
margin: 80px 0;
padding: 0; } }
.contact .after-featured-writeups.box, .contact .more-url {
margin-bottom: 0; }
.contact-form {
padding: 0px; }
@media screen and (max-width: 63.875em) {
.contact-form {
margin: 0px;
padding: 0px; } }
@media screen and (max-width: 63.875em) {
.contact-form .box-heading, .contact-form .box-subheading {
text-align: center; } }
.contact-form input {
height: 50px; }
@media screen and (max-width: 63.875em) {
.contact-form input {
width: 100%; } }
.contact-form input, .contact-form textarea, #customer-login-register input,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border: none;
margin-bottom: .2em;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
color: #000000;
background-color: #fff;
outline: none;
padding: 13px 20px;
border: 1px solid #eeeeee;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border-collapse: separate; }
.checkout .select2-container--default .select2-selection--single {
background-color: #f7f7f7;
height: 50px;
border: none;
padding-top: 10px; }
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
left: 43%;
top: 86%; }
.contact-form input:focus, .contact-form textarea:focus {
background-color: #fff;
border-color: #eee; }
.contact-form input[type="submit"] {
font-style: normal;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.contact-form .input-left {
padding-right: 15px;
float: left; }
.contact-form .input-right {
padding-left: 15px; }
@media screen and (max-width: 47.9375em) {
.contact-form .input-left, .contact-form .input-right {
padding: 0; } }
.contact-form .half-inputs > div {
float: left;
width: 49%;
margin-bottom: 0; }
@media screen and (max-width: 47.9375em) {
.contact-form .half-inputs > div {
width: 100%; } }
.contact-form .form-inner > div {
margin-bottom: 25px; }
.contact-form .half-inputs > div:nth-of-type(2) {
padding-right: 0;
float: right; }
@media screen and (min-width: 63.9375em) {
.contact-form .input-no-label {
margin-top: 25px; } }
.contact-form select {
border: none;
color: #000;
font-size: 14px;
height: 49px;
padding: 13px 20px;
border: 1px solid #eee;
background-color: #fff; }
.contact-form select option {
color: #2e2e33; }
.contact-form select option:first-of-type {
color: #9d9d9f; }
.contact-form textarea {
height: 206px; }
@media screen and (max-width: 63.875em) {
.contact-form textarea {
height: 223px; } }
.contact-form label {
font-size: 10px;
color: #d4a9a0;
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1px;
margin-bottom: 5px; }
@media screen and (max-width: 63.875em) {
.contact-form .input, .contact-form .textarea-group {
margin-bottom: 25px; } }
.contact-form .submit-button-container {
text-align: right;
float: right;
display: inline-block; }
@media screen and (max-width: 63.875em) {
.contact-form .submit-button-container {
width: 100%;
position: inherit;
margin: 0; } }
.contact-form .ajax-loader {
display: block;
position: absolute;
top: auto;
right: 0;
bottom: -20px;
left: auto; }
.contact-form .wpcf7-response-output {
border: none;
display: inline-block;
font-style: italic;
margin: 1em 0.5em; }
@media screen and (max-width: 63.875em) {
.contact-form .wpcf7-response-output {
text-align: center; } }
.contact-form .wpcf7-not-valid-tip {
font-size: 14px;
font-style: italic; }
::-webkit-input-placeholder {
color: #000000;
font-family: "Montserrat", sans-serif;
opacity: 1; }
:-moz-placeholder { color: #000000;
font-family: "Montserrat", sans-serif;
opacity: 1; }
::-moz-placeholder { color: #000000;
font-family: "Montserrat", sans-serif;
opacity: 1; }
:-ms-input-placeholder {
color: #000000;
opacity: 1;
font-family: "Montserrat", sans-serif; } .form-inner {
position: relative; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.form-inner > div {
width: 50%; } }
@media screen and (max-width: 47.9375em) {
.form-inner > div {
width: 100%; } }
.form-inner > p:nth-of-type(1), .form-inner > p:nth-of-type(2) {
width: 50%; }
.info-contact .row {
background-color: #fef3ec;
padding: 80px 0; }
.info-contact .info-box {
width: 33.33333%; }
.info-contact > .row > h2 {
font-size: 18px;
font-style: italic;
margin-bottom: 45px;
text-align: center; }
.info-contact p {
font-size: 12px;
font-weight: 500; }
.info-contact em {
text-decoration: underline;
font-weight: 600;
font-style: normal; } .faq .page-header .description {
margin-bottom: 60px; }
.faq-buttons {
text-align: center;
margin-bottom: 120px; }
.faq-buttons > a {
margin: 0 10px;
min-width: 215px; }
.faq-sidebar, .faq-items {
float: left; }
.faq-sidebar {
padding-top: 40px; }
.faq-category-toggle {
display: block;
font-size: 12px;
font-weight: 500;
margin-bottom: .5em; }
.faq-category-toggle.toggle-active {
font-weight: 600; }
.faq-items-container .faq-category-heading {
max-width: none;
margin: 0 0 2em; }
.faq-category {
display: none; }
.faq-category-active {
display: block; }
.faq-item {
border-bottom: 1px solid #eee;
padding-bottom: 19px;
margin-bottom: 19px; }
.questions-column:first-child {
padding-right: 30px;
padding-left: 0; }
.questions-column {
padding-left: 30px; }
.question {
position: relative;
font-size: 14px;
color: #000;
font-weight: 700;
font-family: "Montserrat", sans-serif;
cursor: pointer; }
.question .icon {
position: absolute;
right: 0;
top: 5px;
cursor: pointer; }
.question .icon-minus {
top: 10px; }
.answer {
font-size: 12px;
color: #000000;
display: none; }
.answer p {
margin-top: 20px;
line-height: 1.7em;
font-weight: 500; }
.answer.dashed li {
position: relative;
line-height: 2.3em;
margin-left: 35px; }
.answer.dashed li:before {
content: "—";
position: absolute;
left: -30px;
top: -1px; }
.entry-content {
padding-top: 100px;
padding-right: 100px; }
@media screen and (max-width: 63.875em) {
.entry-content {
padding: 50px 20px; } }
.error404 .entry-content {
padding-top: 40px; }
.entry-content h1 {
font-size: 40px;
margin-bottom: 50px; }
.entry-content h2 {
font-size: 22px;
margin-bottom: 1em;
padding-bottom: 0;
font-family: "Bodoni", serif;
color: #2e2e33;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.entry-content h2 {
font-size: 24px;
padding: 0; } }
.entry-content p, .product-top .product-top-text {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
margin-bottom: 50px;
color: #000000;
line-height: 1.9em; }
@media screen and (max-width: 63.875em) {
.entry-content p, .product-top .product-top-text {
padding: 0; } }
.single .entry-content p, .single .entry-content ul,
.single .entry-content h2 {
max-width: 650px;
margin: 0 auto 20px; }
.single .entry-content h2 {
text-transform: initial;
font-size: 14px;
font-weight: 600;
margin-top: 70px;
margin-bottom: 20px;
font-family: "Montserrat", sans-serif; }
.single .entry-content h3 {
text-transform: initial;
font-size: 18px;
font-style: italic;
margin-top: 20px;
max-width: 650px;
margin-left: auto;
margin-right: auto; }
.single .entry-content img {
max-width: 570px;
height: auto; }
.entry-content ul {
font-family: "Bodoni", serif;
list-style-type: none;
float: left;
margin-left: 180px;
margin-bottom: 2.5em; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.entry-content ul {
margin-left: 130px; } }
@media screen and (max-width: 63.875em) {
.entry-content ul {
margin-left: 40px; } }
.entry-content ul:last-child {
margin-left: 0px; }
.entry-content ol {
font-family: "Bodoni", serif; }
.entry-content li {
position: relative;
font-size: 17px;
font-weight: 700; }
.entry-content ul li:before {
background: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/icons.png) no-repeat -200px 0px;
background-size: 925px 500px;
width: 13px;
height: 10px;
display: block;
position: absolute;
top: 8px;
left: -30px;
content: " "; }
.entry-content #shipping_method li:before {
background: transparent;
display: none; }
.checkout .entry-content ul li:before, .entry-content ul li.wc_payment_method:before {
background: transparent; }
.entry-content iframe {
max-width: 640px;
height: 300px;
margin: 0 auto;
display: block;
position: inherit; }
.no-intro .entry-content {
padding-top: 20px; }
.sidebar-left .entry-content {
padding: 100px 0 0 110px; }
@media screen and (max-width: 63.875em) {
.sidebar-left .entry-content {
padding: 100px 20px 0; } }
.single-related-articles {
margin-top: 160px;
margin-bottom: 30px; }
.single-related-articles > h2 {
text-transform: uppercase;
text-align: center;
font-size: 40px;
font-family: "Bodoni", serif;
margin-bottom: 80px;
color: #000000; }
.single-related-articles .articles {
margin-bottom: 20px; }
.flex-video {
padding: 0;
min-height: 300px; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
color: #76777f; }
.wp-caption {
background: none;
padding: 0;
margin-bottom: 45px; }
.wp-caption img {
width: 100%;
height: auto; }
.wp-caption p.wp-caption-text {
text-align: left;
padding: 0;
font-family: "Bodoni", sans-serif;
font-size: 12px;
padding: .8em 1em; }
.article-cta-buttons {
width: 100%;
padding: 0 95px;
margin-bottom: 145px; }
@media screen and (max-width: 63.875em) {
.article-cta-buttons {
padding: 0;
margin-bottom: 0; } }
.article-cta-buttons .cta-button {
text-align: center;
float: right;
width: 47%;
font-size: 12px; }
@media screen and (max-width: 63.875em) {
.article-cta-buttons .cta-button {
width: 100%;
margin-bottom: 30px; } }
.article-cta-buttons .cta-button:first-child {
float: left; }
.downloads-table {
padding-right: 100px; }
@media screen and (max-width: 63.875em) {
.downloads-table {
padding: 0px 20px 80px; } }
.downloads-table-row-left {
display: table;
border: 1px solid #fff;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.downloads-table-row-left {
height: auto !important;
width: 100%;
padding: 30px 1em;
border: 1px solid #e5e5e5; } }
.downloads-table-row-left.active {
background-color: #f7f7f7;
border: 1px solid #e8e8e8; }
.downloads-table-row-heading {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%; }
@media screen and (max-width: 63.875em) {
.downloads-table-row-heading {
text-align: left; } }
.downloads-table-row-right {
font-family: "Bodoni", serif;
color: #2e2e33; }
@media screen and (max-width: 63.875em) {
.downloads-table-row-right {
border: 1px solid #e5e5e5;
border-top: none;
width: 100%; } }
.downloads-table-subrow {
padding: .7em 1em .7em 2em;
border: 1px solid #fff;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.downloads-table-subrow {
padding: 0;
display: table;
border: none; } }
.downloads-table-subrow:hover {
background-color: #f7f7f7;
border: 1px solid #e8e8e8;
border-left: 1px solid #ff114c; }
.downloads-table-subrow .icon-file {
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.downloads-table-subrow:hover .icon-file {
background-position: -400px 0px; }
@media screen and (max-width: 63.875em) {
.downloads-table-subrow:last-child .downloads-table-subrow-left {
border-right: 1px solid #e5e5e5;
border-bottom: none; } }
@media screen and (max-width: 63.875em) {
.downloads-table-subrow:last-child .downloads-table-subrow-right {
border-bottom: none; } }
.downloads-table-subrow-left {
font-weight: 400; }
@media screen and (max-width: 63.875em) {
.downloads-table-subrow-left {
display: table-cell;
float: none !important;
width: 60%;
padding: 1em;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5; } }
@media screen and (max-width: 63.875em) {
.downloads-table-subrow-right {
display: table-cell;
float: none !important;
width: 40%;
padding: 1em;
border-bottom: 1px solid #e5e5e5; } }
.downloads-table-subrow-right .icon-file {
position: relative;
top: 3px;
margin-right: .5em; }
.downloads-file-extension {
font-weight: 400;
margin-right: .3em;
color: #2e2e33; }
.downloads-file-size {
color: #ccc; }
.downloads-table-row-heading h3 {
font-family: "Montserrat", sans-serif;
color: #2e2e33;
text-transform: uppercase;
font-size: 15px; }
@media screen and (max-width: 63.875em) {
.downloads-table-row-heading h3 {
margin-bottom: 0; } }
.sales-support-box {
width: 100%;
background-color: #f7f7f7;
padding: 60px 40px;
margin-bottom: 60px; }
.sales-support-box h2 {
color: #0091ea;
font-family: "Bodoni", serif;
font-size: 22px; }
.sales-support-box p {
color: #2e2e33;
font-family: "Montserrat", sans-serif;
font-size: 18px;
opacity: 1;
margin-bottom: 1em; }
.sales-support-box .sales-support-disclaimer {
color: #2e2e33;
font-family: "Montserrat", sans-serif;
font-style: italic;
font-size: 15px;
opacity: 0.68;
margin-bottom: 50px; }
.sales-support-box .button:link {
color: #fff;
font-size: 14px; }
.sidebar {
padding-top: 100px; }
.sidebar.shop-filters {
padding-top: 0; }
@media screen and (max-width: 63.875em) {
.sidebar.shop-filters {
border: 1px solid #e5e5e5; } }
.no-intro .sidebar {
padding-top: 0; }
@media screen and (max-width: 63.875em) {
.sidebar-image {
display: none; } }
.shop-filters-toggle {
width: 100%;
background-color: #fff;
font-weight: 400;
font-family: "Montserrat", sans-serif;
color: #2e2e33;
display: none;
border-radius: 3px;
padding: 15px;
position: relative; }
@media screen and (max-width: 63.875em) {
.shop-filters-toggle {
display: block; } }
.shop-filters-toggle:after {
top: 25px;
right: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: #000;
border-width: 5px;
margin-left: -5px; }
.shop-filters-toggle.shop-filters-open:after {
border-top-color: transparent;
border-bottom-color: #000;
top: 20px; }
@media screen and (max-width: 63.875em) {
.shop-filters-inner {
display: none; } }
.shop-filters-open {
border-bottom: none;
margin-bottom: 0px; }
@media screen and (max-width: 47.9375em) {
.sidebar.shop-filters img {
display: none; } }
@media screen and (max-width: 63.875em) {
.page .sidebar {
display: none; } }
.archive #container, .page #container, .error404 #container {
margin-top: 260px; }
@media screen and (max-width: 63.875em) {
.archive #container, .page #container, .error404 #container {
margin-top: 60px; } }
.search #container {
margin-top: 300px; }
@media screen and (max-width: 63.875em) {
.search #container {
margin-top: 260px; } }
.page.my-account:not(.logged-in) #container {
margin-top: 150px; }
.single .column, .single .columns {
padding-left: 30px;
padding-right: 30px; }
.single .sidebar {
margin-top: 100px; }
@media screen and (max-width: 63.875em) {
.single .sidebar.column, .single .sidebar.columns, .single .sidebar.columns {
padding: 0; } }
.sidebar .box-heading {
margin-bottom: 40px; }
@media screen and (max-width: 63.875em) {
.sidebar .box-heading {
padding: 0 30px; } }
.sidebar .blog-right-post {
height: 180px; }
#menu-sidebar-menu {
margin-bottom: 40px; }
#menu-sidebar-menu li {
display: block;
border-left: 3px solid #fff;
border-top: 1px solid #eaeaea;
font-weight: 500;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#menu-sidebar-menu li:hover, #menu-sidebar-menu .current-menu-item {
border-left: 3px solid #0091ea; }
#menu-sidebar-menu li:last-of-type {
border-bottom: 1px solid #eaeaea; }
#menu-sidebar-menu a:link {
border-bottom: none;
text-transform: none;
font-size: 14px;
font-weight: 500;
line-height: 1.1em;
padding: 25px 30px;
color: #717175;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#menu-sidebar-menu a:hover {
border-bottom: none;
color: #0091ea; }
#menu-sidebar-menu .current-menu-item a:link {
color: #0091ea;
opacity: 1; }
#menu-sidebar-menu .current-menu-item a:visited {
color: #0091ea; }
#menu-sidebar-menu .current-menu-item a:hover {
color: #2e2e33; } .subscribe {
padding: 30px 30px 40px;
color: #fff;
background-color: #000000; }
@media screen and (max-width: 63.875em) {
.subscribe {
text-align: center;
padding-bottom: 10px; } }
.subscribe h2 {
font-size: 17px;
font-family: "Bodoni", serif;
font-style: italic;
font-weight: 600;
line-height: 1;
color: #fef3ec;
margin-bottom: 1.5em; }
@media screen and (max-width: 63.875em) {
.subscribe h2 {
display: none; } }
.subscribe p {
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
margin-bottom: 33px; }
.subscribe .row {
border-bottom: 1px solid #333;
padding-bottom: 40px; }
@media screen and (max-width: 63.875em) {
.subscribe .row {
border-bottom: 0; } }
.subscribe .row > div {
float: left; }
@media screen and (max-width: 47.9375em) {
.subscribe .row > div {
width: 100%; } }
.subscribe .subscribe-logo {
text-align: center;
padding-top: 42px; }
@media screen and (max-width: 63.875em) {
.subscribe .subscribe-logo {
padding-top: 0; } }
@media screen and (max-width: 47.9375em) {
.subscribe .subscribe-logo {
margin-bottom: 10px; } }
.subscribe .icon {
top: 23px; }
@media screen and (max-width: 63.875em) {
.subscribe .icon {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: left;
transform-origin: left; } }
@media screen and (max-width: 47.9375em) {
.subscribe .icon {
-webkit-transform-origin: center;
transform-origin: center; } }
.subscribe .form-container {
width: 80%; }
@media screen and (max-width: 63.875em) {
.subscribe .form-container {
margin: 0 auto; } }
@media screen and (max-width: 47.9375em) {
.subscribe .form-container {
width: 100%; } }
.subscribe form {
background-color: transparent; }
@media screen and (max-width: 63.875em) {
.subscribe form {
margin-bottom: 0; } }
.subscribe form p {
margin-bottom: 0;
padding-top: 3px;
height: 57px; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.subscribe form label {
width: 60%; } }
@media screen and (max-width: 47.9375em) {
.subscribe form label {
width: 100%; } }
.subscribe input[type="email"] {
width: auto;
height: 50px;
margin-right: 10px;
border: 1px solid #fff; }
@media screen and (max-width: 63.875em) {
.subscribe input[type="email"] {
width: 100%; } }
.subscribe input[type="submit"] {
border: none;
float: left;
height: 50px;
border-radius: 0; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.subscribe input[type="submit"] {
width: 37%; } }
@media screen and (max-width: 47.9375em) {
.subscribe input[type="submit"] {
width: 100%;
margin-top: 5px; } }
.subscribe span.wpcf7-not-valid-tip {
clear: both;
color: #fff;
background-color: #ff0032;
position: relative;
top: 5px;
padding: 5px;
text-align: center;
border-radius: 5px; }
.subscribe .wpcf7-response-output {
color: white;
padding: 5px;
width: 100%;
border-radius: 5px;
margin: 0;
text-align: center;
font-size: 14px;
margin-top: 10px; }
@media screen and (max-width: 63.875em) {
.subscribe .subscribe {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
.lookbook-gallery {
margin-bottom: 120px; }
.lookbook-thumb {
float: left;
margin-bottom: 25px; } .footer {
background-color: #000000;
color: #fff;
margin-top: 0;
z-index: 3;
position: relative;
font-size: 14px; }
.footer .nav, .footer .menu {
display: inline-block; }
.footer .menu {
margin-top: 20px; }
.footer .menu-item a:link {
font-size: 12px;
color: #2e2e33;
opacity: 0.68;
border-bottom: 2px solid transparent; }
.footer .menu-item a:visited {
color: #2e2e33; }
.footer .menu-item a:hover {
opacity: 1; }
.footer .menu-item-home {
padding-left: 0; }
.footer .cta-button-container {
position: static;
top: 0; }
@media screen and (max-width: 63.875em) {
.footer .social-icons {
width: 50%;
margin: 1em auto;
padding-left: 0px; } }
.footer .social-icons li {
float: none;
margin: 0 0 10px;
position: relative; }
@media screen and (max-width: 63.875em) {
.footer .social-icons li {
margin: 0 0 15px; } }
.footer .social-icons .icon {
position: absolute;
top: 3px;
margin-right: 10px; }
@media screen and (max-width: 63.875em) {
.footer .social-icons .icon {
position: initial;
margin-left: 10px; } }
.footer .social-icons span:not(.icon) {
padding-left: 30px; }
@media screen and (max-width: 63.875em) {
.footer .social-icons span:not(.icon) {
display: none; } }
@media screen and (max-width: 63.875em) {
.footer .social-icons span.icon-hover {
display: none; } }
.footer-inner {
padding: 45px 0; }
@media screen and (max-width: 63.875em) {
.footer-inner {
padding: 0; } }
@media screen and (max-width: 63.875em) {
.footer-inner .footer-column {
width: 100%;
text-align: center; } }
.footer-bottom {
background-color: #000000;
padding: 40px 0; }
@media screen and (max-width: 63.875em) {
.footer-bottom {
padding: 40px 20px;
text-align: center; } }
.footer-bottom-left {
text-align: right;
padding-right: 30px; }
@media screen and (max-width: 63.875em) {
.footer-bottom-left {
padding: 0;
text-align: center; } }
@media screen and (max-width: 63.875em) {
.footer-bottom-left, .footer-bottom-left .copyright {
margin-bottom: 5px; } }
.footer-bottom-left .copyright {
font-size: 12px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 400;
margin-bottom: 0; }
@media screen and (max-width: 63.875em) {
.footer-bottom-left .copyright {
text-align: center;
display: block;
margin-bottom: 5px; } }
.footer-bottom-left a:link {
margin-left: 25px; }
@media screen and (max-width: 63.875em) {
.footer-bottom-left a:link {
margin-left: 0;
margin-right: 5px; } }
.footer-bottom-left, .footer-bottom-right {
float: left; }
@media screen and (max-width: 63.875em) {
.footer-bottom-left, .footer-bottom-right {
width: 100%;
text-align: left; } }
.footer-bottom-right {
text-align: left; }
@media screen and (max-width: 63.875em) {
.footer-bottom-right {
text-align: center; } }
.footer-bottom a:link {
color: #fff;
font-weight: 400;
font-size: 12px; }
.footer-bottom a:visited {
color: #2e2e33; }
.footer-bottom a:hover {
opacity: 1;
color: #fef3ec; }
.footer-bottom a:active {
opacity: 1; }
.footer-bottom .footer-dot {
margin: 0 40px;
display: inline-block; }
@media screen and (max-width: 47.9375em) {
.footer-bottom .footer-dot {
display: none; } }
@media screen and (max-width: 47.9375em) {
.copyright-sentence {
display: block; } }
@media screen and (min-width: 63.9375em) {
.footer-column-first {
padding-left: 12%;
padding-right: 50px; } }
.footer-column-first .icon {
margin-top: 25px; }
@media screen and (max-width: 63.875em) {
.footer-column-first .icon {
margin-top: 0; } }
.footer-column-menu {
text-align: left; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.footer-column-menu {
width: 30%; } }
@media screen and (max-width: 47.9375em) {
.footer-column-menu {
width: 50%;
margin-bottom: 30px; } }
@media screen and (max-width: 63.875em) {
.footer-column-second {
display: none; } }
@media screen and (max-width: 47.9375em) {
.footer-column-third {
width: 100%;
margin-top: 50px; } }
.footer-column h2 {
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1.4em; }
.footer-top p, .footer-top a:link {
font-size: 12px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
line-height: 1.8em;
color: #fff; }
.footer-top a:visited {
color: #fff; }
.footer-top a:hover {
color: #fef3ec; }
@media screen and (max-width: 63.875em) {
.footer-top p {
margin-bottom: 3em; } }
.footer-top .email-link {
text-decoration: underline; }
.footer-column-menu ul {
list-style-type: none; }
.footer-column-menu li {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 300;
margin-bottom: .8em;
position: relative; }
.footer-column-menu.icons li:nth-of-type(2) .icon {
top: 4px; }
.footer-column-menu a:link {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.footer-column-menu a:visited {
color: #fff; }
.footer-column-menu a:hover {
opacity: 1;
color: #fef3ec; }
.footer-column-menu a:active {
opacity: 1; }
.footer-column-menu p {
font-weight: 300; }
.footer-column-menu .icon {
position: absolute;
top: 2px; }
@media screen and (max-width: 47.9375em) {
.footer-column-last {
position: relative;
width: 100%; } }
@media screen and (max-width: 47.9375em) {
.footer-column-last .icon {
float: left; } }
@media screen and (max-width: 47.9375em) {
.footer-column-last p {
position: absolute;
right: 20px;
bottom: 12px;
margin-bottom: 0; } }
.social-icons ul {
list-style-type: none; }
.social-icons li {
float: left;
-webkit-transition: 300ms all ease-in-out;
-ms-transition: 300ms all ease-in-out;
-o-transition: 300ms all ease-in-out;
-transition: 300ms all ease-in-out;
transition: 300ms all ease-in-out; }
@media screen and (max-width: 63.875em) {
.social-icons li {
display: inline-block;
float: none; } }
.social-icons li:first-of-type {
margin-left: 0; }
.social-icons li:last-of-type {
margin-right: 0;
margin-top: 5px; }
.social-icons li:hover a:link {
opacity: 1; }
.user-info-log-out a::after {
position: relative;
left: 20px;
top: 5px; }
.menu-top-item-toggle {
display: none; }
@media screen and (max-width: 63.875em) {
.menu-top-item-toggle {
display: inline-block;
width: 20px;
height: 55px;
vertical-align: middle;
position: relative; } }
.menu-item-two-lines .menu-top-item-toggle::before, .menu-item-arrow-down .menu-top-item-toggle::after {
display: none; }
@media screen and (max-width: 63.875em) {
.menu-item-two-lines .menu-top-item-toggle::before, .menu-item-arrow-down .menu-top-item-toggle::after {
display: inline-block;
position: absolute;
top: 23px;
left: 6px; } }
@media screen and (max-width: 63.875em) {
.menu-item-arrow-down .menu-top-item-toggle::after {
left: auto;
right: 6px; } }
.current-menu-item.active .submenu-toggle, .menu-item-arrow-right.active .icon {
top: 17px; }
.widget_product_categories .cat-parent .icon {
content: "";
position: absolute;
top: 19px;
right: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.widget_product_categories .cat-parent .icon {
right: 10px; } }
.widget_product_categories .cat-parent .icon.active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.menu-item-two-lines > a::before {
margin-right: 20px; }
@media screen and (max-width: 63.875em) {
.menu-item-two-lines > a::before {
margin-right: 10px; } }
.menu-item-arrow-down > a::after {
margin-left: 20px; }
@media screen and (max-width: 63.875em) {
.menu-item-arrow-down > a::after {
margin-left: 10px; } }
.menu-item-arrow-right > a::after {
float: right;
opacity: 1; }
.menu-item-arrow-right > a:hover::after {
opacity: 1; }
.slick-dots {
text-align: center;
position: absolute;
bottom: 11px;
width: 100%; }
.slick-dots li {
list-style-type: none;
display: inline-block;
margin: 0 2px;
width: 23px;
height: 23px; }
.slick-dots button {
background-image: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/icons.png);
background-size: 925px 500px;
background-position: -475px -25px;
width: 6px;
height: 6px;
font-size: 0; }
.slick-dots button:hover {
background-position: -475px -50px; }
.slick-dots .slick-active button {
background-position: -475px -75px;
width: 23px;
height: 23px;
position: relative; }
.icon-slider-more {
background-position: -325px 0px;
width: 420px;
height: 234px; }
@media screen and (max-width: 47.9375em) {
.icon-slider-more {
background-position: -325px -250px;
width: 247px; } }
.icon-slider-more-book {
background-position: -775px 0px;
width: 420px;
height: 234px; }
@media screen and (max-width: 47.9375em) {
.icon-slider-more-book {
background-position: -775px -250px;
width: 247px; } }
.orderby-item span {
position: relative;
top: -1px;
left: 1px; }
.arrow-controls {
display: inline-block;
width: 100%;
text-align: center;
z-index: 3;
position: relative;
top: 5px;
right: auto;
bottom: auto;
left: auto; }
.arrow-control {
display: inline-block;
cursor: pointer;
margin: 0 10px; }
.arrow-control-left {
position: relative;
top: 2px; }
.arrow-counter {
font-size: 11px;
margin: 0 1.5em;
letter-spacing: 3px;
color: #000;
font-family: "Montserrat", sans-serif;
font-weight: 700;
position: relative;
top: -5px;
right: auto;
bottom: auto;
left: auto; }
.arrow-counter-current {
font-size: 11px;
color: #272e34; }
.more-url {
color: #000;
font-style: italic;
font-size: 14px;
display: block;
font-family: "Bodoni", sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.more-url {
font-size: 13px; } }
.more-url .icon {
margin-left: 1em; } ul {
margin-left: 0; }
.dashed {
list-style-type: none;
font-size: 13px; }
@media screen and (max-width: 63.875em) {
.dashed {
margin-left: 20px; } }
.dashed li {
position: relative;
line-height: 2.3em; }
.dashed li:before {
content: "—";
position: absolute;
left: -49px;
top: -1px; }
.table {
display: table; }
.cell {
display: table-cell;
vertical-align: middle;
text-align: center; }
.cell .box-heading {
margin-bottom: 0; }
@media screen and (max-width: 63.875em) {
.cell .box-heading {
text-align: center; } }
.page-header {
width: 100%;
padding: 0; }
@media screen and (max-width: 63.875em) {
.page-header {
padding: 65px 20px 15px; } }
.page-header-no-bg {
margin-top: 0; }
.page-header-no-bg h1 {
margin-bottom: 5px; }
@media screen and (max-width: 63.875em) {
.page-header-no-bg h1 {
margin-bottom: 20px; } }
.big-title {
font-size: 40px;
text-transform: uppercase;
color: #000000; }
@media screen and (max-width: 63.875em) {
.big-title {
font-size: 22px; } }
.page-subheader {
width: 60%;
margin: 20px auto 80px; }
@media screen and (max-width: 63.875em) {
.page-subheader {
width: 100%;
padding: 0 20px; } }
.page-subheader p {
font-size: 13px;
font-weight: 500;
color: #000000;
text-align: center; }
.wishlist .page-header {
padding-bottom: 0; }
.wishlist .entry-content {
padding-top: 30px; }
.wishlist .sidebar {
padding-top: 30px; }
.wishlist .row-inner {
width: 100%; }
@media screen and (max-width: 63.875em) {
.wishlist .product-stock-status {
display: none; } }
.wishlist .yith-wcwl-share li:before {
list-style-type: none;
background: none; }
.wishlist table thead, table tfoot {
background-color: transparent; }
.wishlist .woocommerce table.wishlist_table thead th,
.wishlist .woocommerce table.wishlist_table tbody td {
padding: 16px 20px; }
.wishlist .woocommerce table.shop_table {
border-top: none; }
.wishlist .woocommerce table.shop_table th {
font-weight: 500; }
.wishlist .woocommerce table.shop_table td.product-name {
padding: 12px 20px; }
.wishlist_table tr td, .wishlist_table tr th.wishlist-delete,
.wishlist_table tr th.product-checkbox {
text-align: left; }
.wishlist .woocommerce a.remove:hover {
background-color: transparent; }
.woocommerce .wishlist_table td.product-add-to-cart a {
display: inline-block !important;
float: right; }
@media screen and (max-width: 63.875em) {
.woocommerce.archive .page-header .description {
margin-bottom: 30px; } }
.home .product-listing-container {
position: relative; }
@media screen and (min-width: 63.9375em) {
.home .product-listing-container {
max-height: 600px; } }
.home .slider-control {
position: absolute;
top: 0; }
@media screen and (max-width: 63.875em) {
.home .slider-control {
display: none; } }
.slider-control-left {
left: 0; }
.slider-control-right {
right: 0; }
.product-thumbnail-container {
margin-bottom: 0;
background-color: #fff;
min-height: 300px;
position: relative; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.product-thumbnail-container {
min-height: 200px; } }
@media screen and (max-width: 63.875em) {
.product-thumbnail-container {
min-height: auto;
margin-bottom: 15px; } }
@media screen and (max-width: 47.9375em) {
.product-thumbnail-container {
background-color: transparent; } }
.product-thumbnail-container img {
top: 0;
bottom: 0;
left: 0;
right: 0; }
.search-results .product-thumbnail-container {
text-align: center; }
.product-thumbnail-container .product-sku {
position: absolute;
bottom: -50px;
left: 15px; }
@media screen and (max-width: 63.875em) {
.product-thumbnail-container .product-sku {
display: none; } }
.woocommerce ul.products li.product a img {
margin: 0 auto; }
@media screen and (max-width: 47.9375em) {
.woocommerce ul.products li.product a img {
-webkit-box-shadow: none;
box-shadow: none;
max-height: 275px; } }
@media screen and (max-width: 63.875em) {
.woocommerce .products .product-inner > .woocommerce-LoopProduct-link,
.search-results .products .product-inner > .woocommerce-LoopProduct-link {
width: 100%;
float: none; } }
@media screen and (min-width: 48em) {
.recommendations .product-thumbnail-container {
position: relative; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.recommendations .product-thumbnail-container {
min-height: 225px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.recommendations .product-thumbnail-container img {
width: 85%; } }
@media screen and (max-width: 47.9375em) {
.woocommerce .shop-category ul.products {
padding: 15px; } }
@media screen and (max-width: 47.9375em) {
.woocommerce .shop-category ul.products li.product {
margin-right: 32px; } }
@media screen and (max-width: 47.9375em) {
.woocommerce .search-results ul.products {
width: 100%; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.woocommerce .shop-category-right ul.products li.product {
width: 22%; } }
@media screen and (max-width: 63.875em) {
.woocommerce .shop-category-right ul.products li.product {
vertical-align: top;
margin-top: 10px; } }
@media screen and (max-width: 47.9375em) {
.woocommerce .shop-category-right ul.products li.product {
vertical-align: top;
float: none;
display: inline-block;
width: 80%; } }
@media screen and (max-width: 47.9375em) {
.woocommerce[class*=columns-] ul.products li.product {
vertical-align: top;
float: none;
display: inline-block;
width: 80%; } }
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce-page ul.products li.product:nth-child(2n),
.woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n),
.woocommerce[class*=columns-] ul.products li.product:nth-child(2n) {
float: left; }
@media screen and (max-width: 47.9375em) {
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce-page ul.products li.product:nth-child(2n),
.woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n),
.woocommerce[class*=columns-] ul.products li.product:nth-child(2n) {
float: none;
display: inline-block; } }
.woocommerce ul.products li.product .price {
color: #2e2e33;
font-size: 23px;
font-weight: 700;
min-height: 28px;
margin-bottom: 0; }
@media screen and (max-width: 63.875em) {
.woocommerce ul.products li.product .price {
display: inline-block;
width: auto;
margin-top: 0;
position: relative;
top: -5px;
right: auto;
bottom: auto;
left: auto; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.woocommerce ul.products li.product .price {
width: 100%; } }
@media screen and (max-width: 63.875em) {
.home .woocommerce ul.products li.product .price {
margin-top: 0; } }
.woocommerce.single .images-container {
position: relative;
float: left;
width: 62%; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.woocommerce.single .images-container {
width: 35%; } }
@media screen and (max-width: 47.9375em) {
.woocommerce.single .images-container {
width: 100%;
float: none; } }
.woocommerce.single div.product div.images {
width: 100% !important; }
.woocommerce.single div.main-image {
float: right;
width: 87% !important;
padding-left: 2%; }
.woocommerce.single div.product-thumbnails {
float: left;
width: 13% !important; }
.woocommerce.single div.product-thumbnails .woocommerce-product-gallery__image {
float: left;
margin-bottom: 10px; }
.woocommerce div.product div.images img {
width: auto; }
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: auto; }
.woocommerce #content div.product div.summary {
float: left;
width: 38% !important;
padding-left: 70px; }
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
top: 13px;
right: 13px;
min-height: 0;
font-weight: 500;
border-radius: 0;
line-height: 1;
padding: 7px 9px; }
@media screen and (max-width: 63.875em) {
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
top: 25px;
right: auto;
font-size: 11px;
padding: 5px; } }
.woocommerce div.product div.summary {
float: left;
width: 52%; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.woocommerce #content div.product div.summary {
padding-left: 50px;
width: 65%;
float: left; } }
.woocommerce ul.products li.product h3, .recommendations h3 {
font-family: "Bodoni", serif;
font-size: 18px;
font-weight: 600;
margin-bottom: 1em; }
.woocommerce-account .entry-content {
padding-top: 0;
padding-right: 0; }
.woocommerce-account .page-description-left, .woocommerce-cart .page-description-left {
width: 100%; }
.woocommerce-account .page-description-right, .woocommerce-cart .page-description-right {
width: 0; }
.woocommerce-cart .entry-content {
padding: 0; }
.woocommerce-cart table.cart img, .woocommerce-page table.cart img {
width: 120px;
height: auto; }
.woocommerce table.shop_table {
border: none;
border-top: 1px solid #e3e3e3; }
@media screen and (max-width: 63.875em) {
.woocommerce table.shop_table {
border-bottom: 1px solid #e3e3e3; } }
.woocommerce .cart_totals table.shop_table {
border-top: 1px dashed #e3e3e3; }
@media screen and (max-width: 63.875em) {
.woocommerce .cart_totals table.shop_table {
border-top: 3px dashed #e3e3e3; } }
.woocommerce table.shop_table tbody th {
font-weight: 300; }
@media screen and (max-width: 63.875em) {
.woocommerce-page table.cart td.actions {
display: none; } }
.post-table-cart-subtotal {
font-size: 14px;
font-weight: 500;
color: #2e2e33; }
@media screen and (min-width: 63.9375em) {
.post-table-cart-subtotal {
padding: 0 110px;
text-align: right; } }
.post-table-cart-subtotal > span {
font-size: 22px;
font-weight: 400;
color: #0091ea;
margin-left: 25px; }
.woocommerce-error:before {
content: "" !important; }
table tbody tr:nth-child(even) {
background-color: transparent; }
@media screen and (max-width: 47.9375em) {
.cart {
padding-bottom: 0;
margin-bottom: 0; } }
.cart.page {
padding-bottom: 125px; }
@media screen and (min-width: 63.9375em) {
.cart.page {
margin-top: 300px; } }
@media screen and (max-width: 47.9375em) {
.cart.page {
padding-bottom: 0;
margin-bottom: 0; } }
.cart .page-title {
text-transform: initial;
margin-bottom: 80px; }
@media screen and (min-width: 63.9375em) {
.cart .cart-contents-main {
padding-right: 8.33%; } }
@media screen and (max-width: 63.875em) {
.cart .cart-contents-main {
padding: 0 20px; } }
@media screen and (max-width: 63.875em) {
.cart-contents-main .page-header {
padding: 65px 0 15px; } }
@media screen and (max-width: 63.875em) {
.woocommerce-cart.page .off-canvas-content > .cart {
margin-top: 190px; } }
@media screen and (max-width: 47.9375em) {
.woocommerce table.shop_table {
margin-bottom: 0; } }
@media screen and (max-width: 63.875em) {
.woocommerce table.shop_table_responsive tr td:before,
.woocommerce-page table.shop_table_responsive tr td:before {
content: ""; } }
@media screen and (max-width: 63.875em) {
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent; } }
@media screen and (max-width: 63.875em) {
.woocommerce table.shop_table {
border-top: none; } }
@media screen and (max-width: 63.875em) {
.woocommerce table.shop_table tr.cart_item {
border-top: 1px solid rgba(0, 0, 0, 0.1); } }
.woocommerce table.shop_table .product-quantity {
position: relative; }
.woocommerce table.shop_table .product-quantity .qty {
position: initial;
background-color: #f7f7f7; }
@media screen and (max-width: 63.875em) {
.woocommerce table.shop_table td, .woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
border: none;
display: table-cell;
text-align: left !important; } }
@media screen and (max-width: 63.875em) {
.woocommerce table.cart .product-thumbnail {
display: table-cell;
height: auto; } }
@media screen and (max-width: 47.9375em) {
.woocommerce table.cart .product-thumbnail {
width: 25%;
max-width: 70px; } }
@media screen and (max-width: 63.875em) {
.woocommerce table.cart .product-subtotal {
display: none; } }
.product-name-subtotal {
display: none; }
@media screen and (max-width: 63.875em) {
.product-name-subtotal {
display: block;
margin-top: 1em; } }
.cart_totals {
margin-top: 15px;
margin-bottom: 60px; }
@media screen and (max-width: 63.875em) {
.cart_totals {
margin-top: 30px; } }
.entry-content .cart_totals h2, .my-account .cart_totals h2 {
font-weight: 700;
color: #2e2e33;
font-size: 19px;
font-family: "Bodoni", serif;
padding: 0 12px;
margin-bottom: 0;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.entry-content .cart_totals h2, .my-account .cart_totals h2 {
padding: 0 80px;
margin-bottom: 20px; } }
@media screen and (max-width: 47.9375em) {
.entry-content .cart_totals h2, .my-account .cart_totals h2 {
padding: 0 20px; } }
@media screen and (max-width: 63.875em) {
.cart-subtotal th, .shipping th {
padding-left: 80px !important; } }
@media screen and (max-width: 47.9375em) {
.cart-subtotal th, .shipping th {
padding-left: 20px !important; } }
@media screen and (max-width: 63.875em) {
.cart-subtotal td, .shipping td {
padding-right: 80px !important;
float: right; } }
@media screen and (max-width: 47.9375em) {
.cart-subtotal td, .shipping td {
padding-right: 20px !important; } } .cart_totals .amount {
font-weight: 400;
font-family: "Montserrat", sans-serif;
color: #0091ea;
font-size: 22px;
float: right; }
.cart-subtotal {
font-family: "Bodoni", serif;
font-size: 14px;
font-weight: 300; }
.cart-subtotal .amount {
color: #2e2e33;
font-family: "Montserrat", sans-serif;
font-size: 14px;
float: right; }
@media screen and (max-width: 63.875em) {
.cart-subtotal .amount {
font-weight: 400; } }
.checkout .cart-subtotal .amount {
float: left; }
.cart-box {
background-color: #f7f7f7;
padding: 40px 40px 80px;
border: 1px solid #e8e8e8; }
@media screen and (min-width: 40em) {
.cart-box {
padding: 40px 15px 80px; } }
@media screen and (min-width: 43.75em) {
.cart-box {
padding: 40px 40px 80px; } }
@media screen and (max-width: 47.9375em) {
.cart-box {
padding: 40px 23px 80px; } }
@media screen and (max-width: 47.9375em) {
.cart-box-outer {
display: none;
position: initial; } }
@media screen and (max-width: 47.9375em) {
.cart-box-outer.active {
display: block; } }
.cart-box .icon {
margin-bottom: 50px;
display: block; }
.cart-boxes-tabs {
height: 80px; }
.cart-boxes-tab {
padding: 20px 30px;
border: 1px solid #e8e8e8;
position: relative;
top: 1px;
z-index: 200;
padding: 20px 15px; }
.cart-boxes-tab.active {
background-color: #f7f7f7;
border-bottom: 1px solid #f7f7f7; }
.cart-boxes-tab.active:first-child {
border-right: 1px solid #fff; }
.cart-boxes-tab.active:last-child {
border-left: 1px solid #fff; }
.cart-box h3, .cart-boxes-tab h3 {
color: #2e2e33;
text-transform: uppercase;
font-size: 19px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin-bottom: 0; }
.cart-boxes-tab h3 {
width: 100px;
line-height: 1em;
margin-left: 1em;
font-size: 15px; }
@media screen and (min-width: 20em) {
.cart-boxes-tab h3 {
width: 68px;
font-size: 13px;
margin-top: 7px; } }
@media screen and (min-width: 23.75em) {
.cart-boxes-tab h3 {
width: 100px;
font-size: 15px; } }
@media screen and (min-width: 48em) {
.cart-boxes-tab h3 {
font-size: 19px; } }
@media screen and (max-width: 63.875em) {
.cart-boxes-tab h3 {
width: auto; } }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
margin-bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media screen and (max-width: 63.875em) {
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
width: 100%;
font-size: 18px; } }
.checkout .entry-content {
padding: 0 0 80px 0; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 100%; }
@media screen and (max-width: 63.875em) {
.woocommerce-order-received .woocommerce-column--shipping-address {
margin-top: 40px; } }
.input-container {
position: relative; }
.single .input-container {
margin-top: 50px; }
.input-container input[type="text"] {
width: 110px;
height: 25px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
position: absolute;
top: 4px;
left: 10px;
color: #2e2e33; }
input[type="text"], input[type="email"] {
color: #000000; }
input[type="search"] {
border: 1px solid #e8e8e8;
background-color: #f7f7f7;
color: #000000; } .input-container input.button {
position: absolute;
background-color: transparent;
color: #fff;
font-size: 12px;
top: 4px; }
.input-container input.button:hover {
background-color: transparent;
color: #fff;
opacity: 0.8; }
.input-container #apply_coupon {
right: 5px; }
.input-container #calculate_shipping {
right: 2px; }
input#coupon_code:focus {
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.cart > div {
width: 100%; } }
@media screen and (min-width: 63.9375em) {
.cart-boxes {
width: 66%;
float: left; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.cart-boxes {
width: 100%; } }
@media screen and (max-width: 47.9375em) {
.cart-boxes {
position: relative;
height: 265px; } }
.cart-box-outer {
padding-right: 30px; }
@media screen and (min-width: 90em) {
.cart-box-outer {
width: 50%;
float: left; } }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.cart-box-outer {
width: 100%; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.cart-box-outer {
width: 100%; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.cart-box-outer {
width: 50%;
padding-left: 30px; } }
@media screen and (max-width: 47.9375em) {
.cart-box-outer {
padding-right: 0;
width: 100%; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.cart-box-outer:first-child {
width: 50%;
padding-right: 15px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.cart-box-outer:last-child {
width: 50%;
padding-left: 15px; } }
.cart-box p {
color: #2e2e33;
font-size: 16px;
font-family: "Bodoni", serif;
margin-bottom: 32px; }
@media screen and (min-width: 63.9375em) {
.cart-box .input-container {
float: left; } }
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
width: 120px; }
@media screen and (max-width: 63.875em) {
.woocommerce-cart .wc-proceed-to-checkout {
padding: 0 30px; } }
@media screen and (max-width: 47.9375em) {
.woocommerce-cart .wc-proceed-to-checkout {
padding: 0 20px; } }
@media screen and (min-width: 63.9375em) {
.wc-proceed-to-checkout a:link {
text-align: center; } }
.shop_table a:link {
color: #2e2e33;
font-family: "Montserrat", sans-serif;
font-size: 14px; }
.shop_table a:visited {
color: #2e2e33; }
.shop_table a:hover {
color: #2e2e33; }
.shop_table a:active {
color: #2e2e33; }
.product-subtotal .amount, .wishlist .amount {
font-size: 18px;
font-family: "Montserrat", sans-serif;
opacity: 0.68; }
.recommendations {
padding: 80px 0 0;
background-color: #f7f7f7;
border-top: 1px solid #e5e5e5; }
@media screen and (max-width: 63.875em) {
.recommendations {
padding: 40px 0; } }
.single .recommendations {
clear: both; }
.recommendations img {
width: 1200px;
height: auto;
margin: 0 auto;
display: block; }
.recommendations .box-heading {
text-transform: uppercase; }
@media screen and (min-width: 63.9375em) {
.recommendations .box-heading {
text-align: left; } }
@media screen and (max-width: 63.875em) {
.recommendations .box-heading {
text-align: center;
margin-bottom: 0;
font-size: 30px; } }
.recommendations ul {
list-style-type: none; }
@media screen and (max-width: 63.875em) {
.recommendations ul {
width: 100%; } }
.recommendations .price {
color: #2e2e33;
margin-bottom: 1em; }
.recommendations .row .row {
margin: 0; }
.recommendations ul.products li.product,
.woocommerce .recommendations ul.products li.product:nth-child(3n),
.woocommerce-page .recommendations ul.products li.product:nth-child(3n) {
display: inline-block;
float: none;
vertical-align: top; }
@media screen and (max-width: 63.875em) {
.recommendations ul.products li.product,
.woocommerce .recommendations ul.products li.product:nth-child(3n),
.woocommerce-page .recommendations ul.products li.product:nth-child(3n) {
display: block; } }
.woocommerce .recommendations ul.products li.first, .woocommerce-page .recommendations ul.products li.first {
clear: none; }
@media screen and (max-width: 63.875em) {
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: none; } }
.woocommerce .recommendations ul.products li.product:last-of-type {
margin-right: 0; }
.login-register {
padding-bottom: 80px; }
@media screen and (max-width: 63.875em) {
.login-register {
float: none !important; } }
@media screen and (max-width: 63.875em) {
.login-register .entry-content {
padding: 0; } }
@media screen and (max-width: 63.875em) {
.login-register .login-form {
padding: 65px 20px; } }
@media screen and (max-width: 63.875em) {
.login-register .register-form {
padding: 65px 20px; } }
.form form.login, .form form.register {
border: none;
margin-top: 0;
padding: 0; }
.form input.cta-button {
margin-top: 15px; }
form .custom-checkbox {
cursor: pointer; }
form .custom-checkbox input {
display: none; }
form .custom-checkbox .icon {
margin-right: 5px; }
.woocommerce form .form-switch {
margin-top: 50px; }
.form-switch-question {
font-size: 22px;
font-family: "Bodoni", serif;
color: #2e2e33; }
.form-switch .icon {
margin-left: 10px; }
.entry-content .login-form h2 {
color: #2e2e33; }
.entry-content .form h2 {
font-size: 25px;
text-transform: initial; }
.entry-content .register-form h2 {
color: #2e2e33; }
.register-form .heading-accent {
color: #ff114c; }
@media screen and (max-width: 63.875em) {
.register-form .heading-accent {
display: block; } }
.login-form label, .register-form label {
font-size: 14px;
color: #2e2e33; }
.shop-filters {
width: 100%; }
.woocommerce-result-count {
display: none; }
.product-listing {
display: none; }
.product-listing.active {
display: block; }
@media screen and (min-width: 79.9375em) {
.home .product-listing-container ul.products li.product,
.home .product-listing-container ul.products li.last {
width: 19%;
margin-right: 1.4%; } }
@media screen and (min-width: 79.9375em) {
.home .product-listing-container ul.products li.first {
clear: none; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.home .product-listing-container ul.products li.product:nth-child(n+9) {
display: none; } }
.home .product-listing-container ul.products li.product:nth-child(5n+5) { }
@media screen and (max-width: 63.875em) {
.home .product-listing-inner-desktop {
display: none; } }
.home .product-listing-inner-mobile {
display: none; }
@media screen and (max-width: 63.875em) {
.home .product-listing-inner-mobile {
display: block; } }
.products-container {
padding: 0 30px; }
@media screen and (max-width: 63.875em) {
.products-container {
padding: 0;
width: 100%; } }
body:not(.archive) .products-loop-container { }
@media screen and (max-width: 63.875em) {
body:not(.archive) .products-loop-container {
width: 100%; } }
body.post-type-archive-product .products-loop-container, .recommendations .products-loop-container { }
@media screen and (max-width: 63.875em) {
.archive .sidebar.shop-filters {
width: 100%;
padding: 0;
margin-bottom: 30px; } }
.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both; }
@media screen and (max-width: 63.875em) {
.products {
white-space: nowrap;
width: auto; } }
@media screen and (max-width: 47.9375em) {
.products {
width: 100vw; } }
@media screen and (max-width: 47.9375em) {
.search-results .products {
width: 100%; } }
@media screen and (max-width: 63.875em) {
.home .products {
width: 100%; } }
@media screen and (max-width: 47.9375em) {
.archive:not(.post-type-archive-product) ul.products {
width: 100%; } }
@media screen and (max-width: 63.875em) {
.woocommerce.archive .products ul, .woocommerce.archive ul.products {
width: 100%;
white-space: inherit; } }
.products li, .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product, .search-results ul.products li.product {
position: relative;
margin-right: 3.8%;
float: left; }
@media screen and (min-width: 63.9375em) {
.products li, .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product, .search-results ul.products li.product {
vertical-align: top; } }
@media screen and (max-width: 63.875em) {
.products li, .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product, .search-results ul.products li.product {
min-height: 0;
margin-top: 20px;
padding-top: 20px; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.recommendations .products li, .woocommerce .recommendations ul.products li.product,
.woocommerce-page .recommendations ul.products li.product {
width: 30% !important; } }
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last,
.search-results ul.products li.last {
margin-right: 0; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last,
.search-results ul.products li.last {
margin-right: 4%; } }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.products li, .woocommerce ul.products li.product:nth-of-type(2n+2),
.woocommerce-page ul.products li.product:nth-of-type(2n+2),
.search-results ul.products li.product:nth-of-type(2n+2) {
margin-right: 0; } }
.products li, .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 30%; }
.search-results ul.products li.product {
margin-bottom: 2.992em; }
@media screen and (max-width: 63.875em) {
.products li:first-child, .woocommerce ul.products li.product:first-child,
.woocommerce-page ul.products li.product:first-child,
.search-results ul.products li.product:first-child {
border-top: none; } }
@media screen and (max-width: 63.875em) {
.home .woocommerce ul.products li.product, .woocommerce ul.products li.product,
.archive:not(.post-type-archive-product) .woocommerce ul.products li.product,
.woocommerce-page:not(.post-type-archive-product) ul.products li.product,
.search-results ul.products li.product {
width: 47.5%;
margin-right: 2.5%;
margin-top: 0;
margin-bottom: 0;
float: left; } }
@media screen and (max-width: 63.875em) {
.home .woocommerce ul.products li.product:nth-child(2n), .woocommerce ul.products li.product:nth-child(2n),
.archive:not(.post-type-archive-product) .woocommerce ul.products li.product:nth-child(2n),
.woocommerce-page:not(.post-type-archive-product) ul.products li.product:nth-child(2n),
.search-results ul.products li.product:nth-child(2n) {
margin-left: 2.5%;
margin-right: 0; } }  .products li:hover .product-top {
display: block; }
.products li .product-inner {
padding: 0;
width: 100%; }
@media screen and (max-width: 47.9375em) {
.products li .product-inner {
padding: 0px; } }
.products li:hover {
z-index: 10; }
.products li:hover .product-inner, .products li:active .product-inner {
background-color: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
border-collapse: separate; }
@media screen and (max-width: 63.875em) {
.products li:hover .product-inner, .products li:active .product-inner {
background-color: transparent;
position: static;
top: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-top: none; } }
.products a:link {
color: #2e2e33;
font-size: 18px; }
@media screen and (max-width: 63.875em) {
.products a:link {
white-space: normal; } }
.product-attributes {
margin: 1em 0;
display: none; }
.products li .product-attributes, .products li .add_to_cart_button { } .products .add_to_cart_button {
display: none; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.products .add_to_cart_button {
float: left; } }
@media screen and (max-width: 47.9375em) {
.products .add_to_cart_button {
float: right;
margin-top: 15px; } }
.product-attribute {
display: block;
font-family: "Bodoni", serif;
color: #2e2e33; }
.product-attribute-text {
position: relative;
top: -2px;
margin-left: .5em;
font-size: 15px; }
.woocommerce nav.woocommerce-pagination ul {
border: none;
font-family: "Montserrat", sans-serif; }
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
border-radius: 50%; }
.woocommerce nav.woocommerce-pagination ul li {
border-right: none;
margin: 0 8px;
height: 35px; }
.woocommerce nav.woocommerce-pagination ul li span.current {
background: transparent;
color: #ff114c;
font-weight: 700;
border: 3px solid #ff114c;
border-radius: 50%;
padding: 6px 3px 3px 3px;
width: 35px;
height: 35px;
text-align: center; }
.woocommerce nav.woocommerce-pagination ul li a:link,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0;
font-size: 17px;
color: #89888e; }
.woocommerce nav.woocommerce-pagination ul li a:visited {
color: #89888e; }
.woocommerce nav.woocommerce-pagination ul li a:hover {
color: #ff114c;
background-color: transparent; }
.woocommerce nav.woocommerce-pagination ul li a:active {
color: #ff114c; }
.woocommerce nav.woocommerce-pagination ul li a.page-numbers,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.dots {
position: relative;
top: 9px; }
.woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay {
position: fixed !important;
opacity: 0.8 !important; }
.woocommerce .woocommerce-checkout-payment .blockUI.blockOverlay {
display: none !important; }
.page-header-section {
width: 100%;
height: 480px;
background-image: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/product-category-bg.jpg);
background-position: center top;
color: #fff;
margin-top: 175px; }
@media screen and (max-width: 63.875em) {
.page-header-section {
height: 400px; } }
.page-header-section.services-right {
width: 75%; }
@media screen and (max-width: 63.875em) {
.page-header-section.services-right {
width: 100%; } } .after-category-button {
font-family: "Bodoni", serif;
width: 200px;
margin: 0 auto;
cursor: pointer; }
@media screen and (max-width: 63.875em) {
.after-category-button {
margin-top: 20px; } }
.after-category-button span:first-child {
margin: 0 30px 0 0px;
vertical-align: middle; }
@media screen and (max-width: 63.875em) {
.after-category-button span:first-child {
margin: 0px 10px 0 0; } }
.services-header {
background-color: #2e2e33; }
@media screen and (max-width: 63.875em) {
.services-left {
width: 100%;
height: auto !important; } }
.services-left .cell {
padding: 0 80px;
text-align: left; }
@media screen and (max-width: 63.875em) {
.services-left .cell {
padding: 0px; } }
.services-left li {
padding: 0;
display: block; }
@media screen and (max-width: 63.875em) {
.services-left li {
display: inline-block; } }
.services-left a:link, .services-left .menu-item a:link {
font-family: "Montserrat", sans-serif;
color: #fff;
display: block;
font-weight: 700;
font-size: 16px;
border-left: 1px solid #37373d;
text-transform: none;
padding: 0 0 0 1.5em;
line-height: 2.4em; }
@media screen and (max-width: 63.875em) {
.services-left a:link, .services-left .menu-item a:link {
display: inline-block;
font-size: 13px;
margin: 0;
padding: 1em; } }
.services-left a:visited, .services-left .menu-item a:visited {
color: #fff;
border-left: 1px solid #37373d; }
.services-left a:hover, .services-left .menu-item a:hover {
color: #2e2e33;
border-left: 1px solid #ff114c; }
.services-left a.active:link, .services-left .current-menu-item a:link {
color: #2e2e33;
border-left: 1px solid #ff114c; }
@media screen and (max-width: 63.875em) {
.services-left a.active:link, .services-left .current-menu-item a:link {
border-left: none; } }
@media screen and (min-width: 63.9375em) {
.services-right .cell {
padding: 0 100px;
text-align: left; } }
.services-right .after-category-button span:first-child {
margin: 0 30px 0 10px; }
.shop-category p {
font-size: 17px;
margin-bottom: 60px; }
.shop-category .box-heading {
font-size: 30px;
font-weight: bold;
color: #2e2e33;
text-align: left;
margin-bottom: 1em; }
@media screen and (max-width: 63.875em) {
.shop-category .box-heading {
margin-bottom: 0;
font-size: 25px; } }
.shop-category .box-heading.cta-button {
font-size: 15px;
color: #2e2e33;
text-align: left; }
.shop-category-hero {
height: 450px; }
@media screen and (max-width: 63.875em) {
.shop-category-hero {
height: 350px; } }
.shop-category-content {
position: relative; }
.shop-category-left {
padding: 52px 60px;
background-color: #fff;
position: absolute;
top: -110px; }
@media screen and (max-width: 63.875em) {
.shop-category-left {
padding: 25px;
top: -84px; } }
@media screen and (max-width: 63.875em) {
.shop-category-left p {
display: none; } }
@media screen and (max-width: 63.875em) {
.shop-category-left .cta-button {
display: none; } }
.shop-category-right {
margin-left: 25%; }
@media screen and (max-width: 63.875em) {
.shop-category-right {
margin-left: 0; } }
@media screen and (max-width: 47.9375em) {
.shop-category-right {
float: none !important; } } .page-header {
text-align: center; }
.page-header h1 {
text-transform: uppercase;
font-size: 40px;
letter-spacing: 1px; }
@media screen and (max-width: 63.875em) {
.page-header h1 {
font-size: 22px; } }
.page-header .description {
font-size: 12px;
font-weight: 600;
line-height: 1.8em;
max-width: 820px;
margin: 0 auto 100px;
display: block; }
@media screen and (max-width: 63.875em) {
.page-header .description {
font-size: 11px;
font-weight: 500; } }
.blog .page-header .description {
max-width: 500px; }
.page-title, .page-parent-title {
font-weight: 400;
font-family: "Bodoni", serif;
font-size: 50px;
margin-bottom: .5em; }
@media screen and (max-width: 63.875em) {
.page-title, .page-parent-title {
font-size: 50px;
line-height: 1em;
margin-bottom: .7em; } }
.page-header-section .page-title, .page-header-section .page-parent-title {
margin-top: 205px; }
.page-subheading {
font-family: "Bodoni", serif;
font-size: 20px;
font-style: italic;
margin: 50px auto 15px;
max-width: 650px; }
.shop-category-right a.add_to_cart_button {
display: none; }
@media screen and (max-width: 63.875em) {
.shop-category-right a.add_to_cart_button {
display: inline-block; } }
.shop-content {
padding-bottom: 40px; }
@media screen and (max-width: 63.875em) {
.shop-content {
padding: 0px 20px;
background-color: #fff; } }
.shop-content .box-heading {
margin-bottom: 40px; }
@media screen and (max-width: 63.875em) {
.shop-content .box-heading {
font-size: 50px;
line-height: 1.1em; } }
.shop-content .controls {
margin-bottom: 70px; }
@media screen and (max-width: 63.875em) {
.shop-content .controls {
margin-bottom: 30px; } }
.order-timeframe {
margin: 90px 0;
text-align: center; }
@media screen and (max-width: 63.875em) {
.order-timeframe {
margin: 30px 0; } }
.order-timeframe > .row {
background-color: #fef3ec;
padding: 60px; }
@media screen and (max-width: 63.875em) {
.order-timeframe > .row {
padding: 45px; } }
.order-timeframe .icon-container {
margin-bottom: 30px; }
@media screen and (max-width: 63.875em) {
.order-timeframe .icon-container {
float: left;
text-align: center; } }
.order-timeframe h2 {
font-style: italic;
font-size: 20px;
margin-bottom: 2em; }
@media screen and (max-width: 63.875em) {
.order-timeframe h2 {
font-size: 17px; } }
.order-timeframe h3 {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px; }
@media screen and (max-width: 63.875em) {
.order-timeframe h3 {
font-size: 13px; } }
.order-timeframe-box {
float: left;
padding: 30px; }
@media screen and (max-width: 63.875em) {
.order-timeframe-box {
padding: 0;
text-align: left;
float: none; } }
@media screen and (max-width: 63.875em) {
.order-timeframe-text {
float: left;
width: calc(100% - 100px);
padding-top: 15px;
padding-left: 30px; } }
.order-timeframe-writeup {
font-size: 12px;
font-weight: 500;
line-height: 1.6em;
display: inline-block; }
@media screen and (max-width: 63.875em) {
.order-timeframe-writeup {
text-align: left;
font-size: 11px; } }
.order-timeframe-writeup strong {
text-decoration: underline; }
.single-product .product-category {
padding-top: 85px;
padding-bottom: 60px;
font-family: "Montserrat", sans-serif; }
@media screen and (max-width: 63.875em) {
.single-product .product-category {
display: none; } }
.single-product .cart {
padding-bottom: 25px; }
.yith-wcwl-add-to-wishlist {
margin-top: 0; }
.yith-wcwl-wishlistaddedbrowse {
font-size: 13px;
margin-top: 5px; }
.single .page-title {
font-size: 50px;
text-transform: initial; }
.single #container {
margin-top: 290px; }
@media screen and (max-width: 63.875em) {
.single #container {
margin-top: 235px; } }
.single .product-container {
padding: 60px 0; }
@media screen and (max-width: 63.875em) {
.single .product-container {
padding: 30px 0 0; } }
.single .products-sidebar, .archive .products-sidebar {
padding-right: 50px; }
@media screen and (max-width: 63.875em) {
.single .products-sidebar, .archive .products-sidebar {
width: 100%;
padding-right: 0; } }
.single .products-sidebar .sidebar {
margin-top: 0; }
@media screen and (max-width: 63.875em) {
.single .products-sidebar .sidebar {
display: none; } }
.single .product-title-container {
width: 100%;
float: none; }
@media screen and (max-width: 63.875em) {
.single .product-title-container {
padding: 0 20px; } }
.single .product-title-container .icon {
margin-right: 10px; }
.single .product-title {
font-size: 26px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1em; }
.product-container .product-info {
position: relative; }
@media screen and (max-width: 63.875em) {
.product-container .product-info {
padding: 35px 20px;
width: 100%; } }
.product-info .icon-more-big {
display: none;
position: absolute;
right: 0;
bottom: 0;
cursor: pointer; }
@media screen and (max-width: 63.875em) {
.product-info .icon-more-big {
display: inline-block; } }
.home .product-info, .archive .product-info, .recommendations .product-info,
.search-results .product-info {
padding: 15px 0; }
@media screen and (max-width: 63.875em) {
.home .product-info, .archive .product-info, .recommendations .product-info,
.search-results .product-info {
width: 100%;
float: none;
padding: 0; } }
@media screen and (min-width: 90em) {
.home .product-info, .archive .product-info, .recommendations .product-info,
.search-results .product-info {
min-height: 105px; } }
.home .product-info .add_to_cart_button, .archive .product-info .add_to_cart_button,
.recommendations .product-info .add_to_cart_button, .search-results .product-info .add_to_cart_button .recommendations .product-info .add_to_cart_button {
display: none; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.recommendations .product-info .icon-more-big {
-webkit-transform: scale(0.8);
transform: scale(0.8); } }
.home .product-info .product-sku, .archive .product-info .product-sku,
.recommendations .product-info .product-sku, .search-results .product-info .product-sku {
display: none; }
@media screen and (max-width: 63.875em) {
.home .product-info .product-sku em, .archive .product-sku em,
.recommendations .product-sku em {
margin-left: 0; } }
.products li:hover .icon-more-big {
display: block; }
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
width: 10%;
margin-right: 2%; }
.woocommerce #content div.product div.thumbnails a.last,
.woocommerce div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.last {
margin-right: 2%; }
.woocommerce #content div.product div.thumbnails a.first {
clear: none; }
.woocommerce-bacs-bank-details {
clear: both; }
.product-title-container {
float: right;
width: 48%;
text-align: left; }
@media screen and (max-width: 63.875em) {
.product-title-container {
width: 100%; } }
.contact-us-for-pricing-form {
margin-bottom: 5em; }
.contact-us-for-pricing-form h3 {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase; }
.product-title {
font-family: "Bodoni", serif;
font-size: 39px;
margin-bottom: 60px; }
.tabs-container {
height: 75px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3; }
@media screen and (max-width: 63.875em) {
.tabs-container {
border: none; } }
.single-product .tabs {
border: none;
background-color: transparent;
display: block; }
@media screen and (max-width: 63.875em) {
.single-product .tabs {
border: 1px solid #e8e8e8;
width: 100%;
margin: 60px auto 0 !important;
border-radius: 5px;
background-clip: padding-box; } }
@media screen and (max-width: 63.875em) {
.single-product .tabs:after {
background-image: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/icons.png);
background-size: 925px 500px;
background-position: -400px -275px;
width: 10px;
height: 5px;
display: inline-block;
position: absolute;
right: 20px;
top: 20px;
z-index: 1000; } }
.wc-tabs-mobile {
height: auto; }
.single-product .wc-tabs-mobile {
background-color: #f7f7f7;
z-index: 100; } .tabs li {
border: none !important; }
@media screen and (max-width: 63.875em) {
.tabs li {
display: none; } }
.tabs a:link, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #2e2e33;
opacity: 0.68;
padding: 25px 30px;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.tabs a:link, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
text-transform: inherit;
padding: 0px 5px; } }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
opacity: 1; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #2e2e33;
opacity: 1; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:visited {
color: #2e2e33; }
.tabs li.active, .tabs li.current {
color: #2e2e33;
border-bottom: 2px solid #2e2e33 !important; }
@media screen and (max-width: 63.875em) {
.tabs li.active, .tabs li.current {
border-bottom: none !important;
display: block; } }
@media screen and (max-width: 63.875em) {
.tabs-open li {
display: block !important; } }
.woocommerce div.product .woocommerce-tabs .panel {
padding-top: 30px; }
@media screen and (max-width: 63.875em) {
.woocommerce div.product .woocommerce-tabs .panel {
padding: 40px 20px; } }
.woocommerce div.product .woocommerce-tabs .panel#tab-application {
padding-top: 60px; }
.wc-tab {
padding-bottom: 70px !important;
margin-bottom: 0 !important; }
.single .wc-tab p, .single .wc-tab span, .single .wc-tab h4 {
color: #2e2e33 !important;
font-size: 15px !important;
font-family: "Montserrat", sans-serif !important;
text-align: left !important;
line-height: 1.8em !important;
margin-bottom: 15px !important;
opacity: 1;
font-weight: 400; }
.single .wc-tab tr p {
margin-bottom: 0 !important; } .wc-tab h2 {
display: none; }
.wc-tab.entry-content ul {
margin-left: 60px; }
#reviews {
padding: 30px 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0; }
@media screen and (max-width: 63.875em) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0; } }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
margin: 0;
background-color: transparent;
border-bottom: none; }
@media screen and (max-width: 63.875em) {
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
margin: 0;
width: 100%;
display: none;
padding: .7em 1em; } }
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs .active,
.woocommerce div.product .woocommerce-tabs ul.tabs .active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs .active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs .active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs .current,
.woocommerce div.product .woocommerce-tabs ul.tabs .current,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs .current,
.woocommerce-page div.product .woocommerce-tabs ul.tabs .current {
background-color: transparent !important;
border-bottom: none; }
@media screen and (max-width: 63.875em) {
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs .active,
.woocommerce div.product .woocommerce-tabs ul.tabs .active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs .active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs .active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs .current,
.woocommerce div.product .woocommerce-tabs ul.tabs .current,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs .current,
.woocommerce-page div.product .woocommerce-tabs ul.tabs .current {
display: block; } }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.search-results ul.products li.product .woocommerce-loop-product__title {
font-size: 12px;
font-weight: 800;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.search-results ul.products li.product .woocommerce-loop-product__title {
padding: 0;
font-size: 11px; } }
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins,
.single-product .price-container .woocommerce-Price-amount, .single-product .price .amount,
.search-results ul.products li.product .price {
font-size: 12px;
font-weight: 400;
text-decoration: none; }
.single-product .price-container .woocommerce-Price-amount {
font-size: 36px; }
.woocommerce ul.products li.product .price del, .woocommerce.single ul.products li.product .price del {
position: relative;
top: 5px;
left: 10px;
opacity: .38; }
.woocommerce ul.products li.product .price del, .woocommerce.single ul.products li.product .price del,
.single-product .price del .amount {
color: #2e2e33;
font-weight: 300;
font-size: 14px; }
@media screen and (min-width: 48em) and (max-width: 63.875em) {
.woocommerce.single .recommendations ul.products li.product {
display: inline-block;
margin-right: 4%; } }
.woocommerce.single .recommendations ul.products li.product .price del {
top: 0; }
.single-product .price-container del .amount {
font-size: 24px;
position: initial;
margin-left: 20px;
opacity: .38; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del {
font-family: "Montserrat", sans-serif; }
.woocommerce ul.products li.product .price ins {
float: left; }
.woocommerce ul.products li.product .price del {
display: inline-block;
top: 0; }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
text-decoration: none; }
.woocommerce.single div.product p.price ins, .woocommerce.single div.product span.price ins {
float: left; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
opacity: 1;
color: #2e2e33; }
.woocommerce.single div.product p.price del, .woocommerce.single div.product span.price del {
position: relative;
top: 12px; }
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: #fff;
border-top: none; }
.woocommerce-message::before {
color: #0091ea; }
.stock-status .icon {
margin-right: 5px;
position: relative;
top: 3px; }
@media screen and (max-width: 47.9375em) {
.stock-status .icon {
top: 4px; } }
.stock-status-text {
color: #2e2e33;
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 300; }
@media screen and (max-width: 47.9375em) {
.stock-status-text {
font-size: 16px; } }
.single .product-description p {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
color: #000000;
font-weight: 500;
font-family: "Montserrat", sans-serif; }
.woocommerce div.product form.cart div.quantity {
min-width: 215px; }
@media screen and (max-width: 63.875em) {
.woocommerce div.product form.cart div.quantity {
display: block;
margin-bottom: 30px; } }
.woocommerce.single .quantity .screen-reader-text {
clip: auto;
position: initial;
width: auto;
height: auto;
display: inline-block;
float: left;
position: relative !important;
top: 13px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 700;
margin-right: 40px; }
@media screen and (max-width: 63.875em) {
.woocommerce.single .quantity .screen-reader-text {
float: none; } }
.woocommerce .star-rating {
display: none; }
@media screen and (max-width: 63.875em) {
.woocommerce div.product .woocommerce-tabs ul.tabs li.current a {
color: #2e2e33; } }
.woocommerce .quantity .qty, .woocommerce .quantity .qty:focus {
border: none !important;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 50px !important;
text-align: center;
font-size: 15px;
font-weight: 500;
padding: 0;
color: #000;
margin-top: 2px;
height: 38px;
left: 0;
top: 0; }
@media screen and (max-width: 47.9375em) {
.woocommerce .quantity .qty, .woocommerce .quantity .qty:focus {
height: 32px; } }
.single .quantity-inner {
position: absolute;
top: 4px;
left: 116px; }
@media screen and (max-width: 47.9375em) {
.single .quantity-inner {
top: 5px;
left: 85px; } }
.quantity-inner {
position: relative;
top: 0;
left: 0; }
.quantity .icon {
cursor: pointer;
position: absolute; }
@media screen and (max-width: 63.875em) {
.quantity .icon {
display: none; } }
.quantity .icon-minus {
top: 20px;
left: -21px; }
.quantity .icon-plus {
left: 62px;
top: 17px; }
.woocommerce-cart input.button.update-cart {
display: none; }
.addon-name {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 17px;
text-transform: uppercase; }
.addon-wrap {
position: relative;
padding: 0 !important;
height: 50px !important; }
.addon-wrap label {
font-family: "Bodoni", serif;
font-size: 17px;
color: #2e2e33;
padding: 0px 10px 0 0;
margin-left: 0;
cursor: pointer;
display: inline-block !important; }
@media screen and (max-width: 63.875em) {
.addon-wrap label {
font-size: 15px; } }
.addon-wrap .icon-checkmark-container {
position: absolute;
top: 0;
right: 0;
display: inline-block;
padding: 0 10px;
height: 100%; }
.addon-wrap .icon-checkmark {
position: relative;
top: 8px;
cursor: pointer; }
div.product-addon {
margin: 0 0 80px; }
.product-addon .form-row {
background-color: #fff;
border: 1px solid #e8e8e8;
border-bottom: none;
margin-bottom: 0 !important;
width: 100%;
cursor: pointer; }
.product-addon .form-row.form-row-last {
border-bottom: 1px solid #e8e8e8;
width: 100%;
float: none; }
.product-addon .form-row:hover {
border: 1px solid #ff114c; }
.product-addon .form-row:hover + .form-row {
border-top: none;
height: 51px; }
.product-addon .form-row:hover .icon-checkmark-container {
background-color: #ff114c; }
.product-addon .form-row:hover .icon-checkmark {
background-position: -400px -175px; }
.product-addon .form-row:hover + .form-row .checkbox-label {
top: 11px; }
.product-addon .addon-checkbox {
visibility: hidden; }
.checkbox-label {
position: relative;
top: 10px; }
.single-product .product-top {
margin-bottom: 40px; }
.single-product .product-top > div {
display: inline-block; }
@media screen and (max-width: 79.875em) {
.single-product .product-top > div {
display: block;
width: 100%;
max-width: none;
margin-bottom: 10px; } }
.single-product .product-top .icon {
opacity: 0.68;
position: relative;
top: 3px;
margin-left: 12px; }
.single-product .product-top-text {
font-size: 14px;
font-weight: 600; }
.product-sku em {
color: #fff;
background-color: #2e2e33;
padding: 4px 6px 3px;
font-weight: 300;
font-style: normal;
font-size: 16px;
margin-left: 8px; }
.single-product .product-top-wishlist {
float: right;
font-size: 13px;
max-width: 170px; }
@media screen and (max-width: 63.875em) {
.single-product .product-top-wishlist {
float: left;
margin-top: 10px; } }
.single-product .price-container {
width: 100%; }
.single-product .price-container .price {
margin-bottom: 0; }
.woocommerce .widget_price_filter .widgettitle {
margin-bottom: 40px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
height: 1px;
background-color: #eaeaea; }
.woocommerce .price_slider_amount button.button {
display: none; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #2e2e33;
opacity: .4; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #2e2e33;
top: -8px; }
.woocommerce .price_label {
font-size: 0; }
.woocommerce .price_label span {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #2e2e33;
opacity: 0.68; }
.woocommerce .price_label span.from {
float: left; }
.woocommerce .price_label span.to {
float: right; }
.yith-woocommerce-ajax-product-filter, .widget_product_search,
.widget_product_categories, .widget {
background-color: #fff;
padding: 35px 20px;
border-radius: 5px;
margin-bottom: 10px; }
@media screen and (max-width: 63.875em) {
.yith-woocommerce-ajax-product-filter, .widget_product_search,
.widget_product_categories, .widget {
padding-top: 15px; } }
.yith-woocommerce-ajax-product-filter a:link {
color: #000000;
font-family: "Bodoni", serif; }
.yith-woocommerce-ajax-product-filter a:visited {
color: #000000; }
.yith-woocommerce-ajax-product-filter a:hover {
color: #000000; }
.yith-woocommerce-ajax-product-filter a:active {
color: #000000; }
.widget_product_categories select {
font-size: 1em;
font-family: "Bodoni", serif; }
@media screen and (max-width: 63.875em) {
.widget_product_categories .level-1 {
display: none; } }
.widget_product_categories .cat-item {
position: relative; }
.widget_product_categories .product-categories > .cat-item {
border-bottom: 1px solid #f3f3f3;
padding: 10px 15px; }
.widget_product_categories .cat-item:last-child {
border-bottom: none; }
.widget_product_categories .cat-item .children {
display: none; }
.widget_product_categories a:link {
font-weight: 500;
font-size: 14px; }
.widget_product_categories .count {
font-weight: 300; }
.widget_product_categories a:link, .widget_product_categories .count {
color: #2e2e33;
opacity: 0.68; }
.widget_product_categories .children {
margin-top: 20px;
margin-bottom: 20px; }
.widget_product_categories .children a:before {
content: "\00BB\00a0\00a0";
font-weight: 300; }
.widget_product_categories .current-cat > a:link, .widget_product_categories .current-cat > .count {
color: #0091ea;
opacity: 1; }
.widget_product_categories .current-cat a:visited {
color: #0091ea; }
input[type="submit"]#yith-searchsubmit {
display: none; }
.widgettitle {
color: #2e2e33;
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px; }
.contact select {
margin-bottom: 0;
font-family: "Bodoni", serif; }
.search-bar {
height: 50px;
float: left;
width: auto; }
@media screen and (max-width: 63.875em) {
.search-bar {
width: 100%;
height: auto; } }
.search-bar .search-submit, .search-bar .screen-reader-text {
display: none !important; }
.search-bar .search-field {
background-color: #37373d;
height: 50px;
outline: none;
border: none;
font-size: 14px;
color: #e8e8e8;
padding: 0 2em;
width: 230px;
max-width: 300px;
border-radius: 0;
-webkit-appearance: none; }
@media screen and (min-width: 79.9375em) and (max-width: 89.9375em) {
.search-bar .search-field {
width: 210px; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.search-bar .search-field {
background-color: #e3e3e3;
margin-bottom: 0; } }
@media screen and (max-width: 63.875em) {
.search-bar .search-field {
width: 100%;
max-width: none;
margin-bottom: 0;
display: none; } }
.search-bar .search-field:focus {
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
@media screen and (max-width: 63.875em) {
.search-bar label {
width: 100%; } }
.search-bar label, .search-bar .search-button {
float: left; }
.search-bar .search-button {
cursor: pointer;
position: relative;
left: -25px; }
@media screen and (max-width: 63.875em) {
.search-bar .search-button-medium {
position: absolute;
top: 0;
right: 0;
left: auto;
z-index: 2000; } }
.search-bar ::-webkit-input-placeholder {
color: #000000;
opacity: 1; }
.search-bar :-moz-placeholder { color: #000000;
opacity: 1; }
.search-bar ::-moz-placeholder { color: #000000;
opacity: 1; }
.search-bar :-ms-input-placeholder {
color: #000000;
opacity: 1; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.search-bar-large {
margin: 18px 0 0 15%; } }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.search-bar-large .search-field {
width: 310px;
color: #000000;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none; } }
@media screen and (max-width: 63.875em) {
.archive .search-results {
padding: 0px 15px 40px;
background-color: #fff; } }
@media screen and (max-width: 63.875em) {
.search-results #content, .search-no-results #content {
padding: 0px 20px; } }
.search-results .byline {
display: none; }
.search-results .entry-content {
padding-top: 0; }
.search-results .archive-title, .search-no-results .archive-title {
font-size: 18px;
margin-bottom: 2em; }
@media screen and (max-width: 63.875em) {
.search-results .archive-title, .search-no-results .archive-title {
padding: 0px 20px; } }
.search-results .article-header h2 {
font-size: 30px; }
.search-results .entry-content p {
font-size: 16px; }
#order_review_heading {
margin-top: 2em; }
#order_review_heading, .woocommerce-billing-fields h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
text-transform: uppercase; }
@media screen and (max-width: 63.875em) {
.checkout .woocommerce {
padding: 0 20px; } }
@media screen and (max-width: 63.875em) {
.woocommerce-cart .cart-collaterals .cart_totals table {
padding-top: 15px; } }
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.shipping .shipping-calculator-button:link {
font-family: "Bodoni", serif;
font-size: 14px; }
@media screen and (max-width: 63.875em) {
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.shipping .shipping-calculator-button:link {
border-top: none; } }
@media screen and (max-width: 63.875em) {
.cart_totals table.shop_table_responsive tbody th,
.cart_totals table.shop_table_responsive thead {
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.cart_totals table.shop_table_responsive tr td {
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.cart_totals table.shop_table_responsive tr td:before {
content: "";
display: none; } }
@media screen and (max-width: 63.875em) {
.cart_totals table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent; } }
.woocommerce table.shop_table td.product-name {
padding: 12px 40px; }
.woocommerce table.shop_table td.product-name .product-sku {
margin-top: 5px; }
@media screen and (max-width: 47.9375em) {
.woocommerce table.shop_table td.product-name .product-sku {
display: none; } }
.woocommerce table.shop_table td.product-name em {
margin-left: 0; }
.woocommerce table.shop_table td.product-subtotal, .woocommerce table.shop_table td.product-remove {
padding-left: 0;
padding-right: 0;
text-align: right; }
.woocommerce table.shop_table td.product-remove {
width: 110px; }
.woocommerce td.product-name dl.variation dd {
padding: 0; }
.woocommerce td.product-name dl.variation dd,
.woocommerce td.product-name dl.variation dt {
margin-bottom: 0; }
.woocommerce td.product-name dl.variation dt {
position: relative;
top: 4px;
font-family: "Bodoni", serif; }
.woocommerce td.product-name dl.variation dd p {
margin-bottom: 0; }
.added_to_cart {
font-family: "Montserrat", sans-serif;
font-size: 12px; }
@media screen and (max-width: 63.875em) {
.added_to_cart {
float: none;
clear: both;
width: 100%; } }
.payment-method-button {
display: inline-block;
text-align: center;
float: right; }
@media screen and (max-width: 63.875em) {
.payment-method-button {
float: none; } }
.payment-method-disclaimer {
display: block;
font-size: 11px;
font-style: italic;
opacity: 0.8;
position: relative;
top: 5px; }
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: none; }
@media screen and (min-width: 63.9375em) {
.woocommerce-checkout #payment ul.payment_methods {
width: 60%; } }
@media screen and (min-width: 63.9375em) {
.woocommerce-checkout #payment div.form-row {
float: right; } }
@media screen and (min-width: 63.9375em) {
.woocommerce-checkout #payment div.payment_box {
max-width: 375px; } }
.woocommerce-checkout-review-order-table .shipping ~ .fee {
display: none; }
.woocommerce span.onsale {
background-color: #ff114c; }
.woocommerce.single span.onsale {
position: absolute;
left: 10px;
top: 10px;
width: auto;
min-width: 0;
right: auto; } .direction-link:link {
font-size: 14px;
font-family: "Montserrat", sans-serif;
color: #0091ea;
text-transform: uppercase;
font-weight: 500;
cursor: pointer; }
.entry-content a:link {
font-weight: 500; }
a:link {
color: #000;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
a:visited {
color: #000; }
a:hover {
color: #000; }
a:active {
color: #000; }
.cover {
background-size: cover; } .icon, .menu-item-two-lines .menu-top-item-toggle::before, .menu-item-two-lines > a::before,
.menu-item-arrow-right > a::after, .menu-item-arrow-down .menu-top-item-toggle::after,
.menu-item-arrow-down > a::after, .widget_product_categories .cat-parent .icon,
.user-info-log-out a::after, .footer-top .social-icons a::before {
background-image: url(//development.openseed.com.au/oohaah/wp-content/themes/ecommerce/assets/images/icons.png);
background-size: 925px 500px;
display: inline-block; }
.icon-logo {
width: 225px;
height: 54px;
background-position: -75px -275px; }
.icon-logo-white {
width: 225px;
height: 54px;
background-position: -75px -200px; }
.icon-logo-big {
width: 189px;
height: 47px;
background-position: 0 0; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.icon-logo-big {
background-size: 500px 327px;
width: 128px;
height: 40px; } }
.icon-logo-small {
background-position: -225px -275px;
width: 152px;
height: 60px; }
.icon-arrow-left, .icon-arrow-right {
background-position: 0px -250px;
width: 22px;
height: 6px; }
.icon-arrow-right {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.icon-arrow-down {
background-position: 0 -25px;
width: 12px;
height: 7px; }
.icon-two-lines, .menu-item-two-lines .menu-top-item-toggle::before,
.menu-item-two-lines > a::before {
background-position: -75px -25px;
width: 14px;
height: 8px;
opacity: .28; }
.icon-category-tag {
background-position: -50px -125px; }
.icon-hover {
opacity: 0; }
.icon-facebook {
background-position: -225px -100px;
width: 17px;
height: 16px; }
.icon-facebook-color, .icon-facebook-hover {
background-position: -250px -100px;
width: 17px;
height: 16px; }
.icon-facebook-empty {
background-position: -275px -100px;
width: 17px;
height: 16px; }
.icon-facebook-black {
background-position: -300px -100px;
width: 8px;
height: 15px; }
.icon-instagram {
background-position: -225px -125px;
width: 17px;
height: 16px; }
.icon-instagram-color, .icon-instagram-hover {
background-position: -250px -125px;
width: 17px;
height: 16px; }
.icon-instagram-empty {
background-position: -275px -125px;
width: 17px;
height: 16px; }
.icon-pinterest {
background-position: -225px -150px;
width: 18px;
height: 17px; }
.icon-pinterest-color, .icon-pinterest-hover {
background-position: -250px -150px;
width: 18px;
height: 17px; }
.icon-pinterest-empty {
background-position: -275px -150px;
width: 18px;
height: 17px; }
.icon-twitter-black {
background-position: -300px -125px;
width: 16px;
height: 12px; }
.icon-email-black {
background-position: -300px -150px;
width: 16px;
height: 12px; }
.icon-paypal {
background-position: -350px -100px;
width: 55px;
height: 14px; }
.icon-cart {
background-position: 0 0;
width: 18px;
height: 23px; }
.icon-cart-black {
background-position: -25px 0;
width: 18px;
height: 23px; }
.icon-search {
background-position: -50px 0;
width: 17px;
height: 17px; }
.icon-email {
background-position: -125px 0;
width: 20px;
height: 16px; }
.icon-email-small {
background-position: -125px -25px;
width: 16px;
height: 13px; }
.icon-person {
background-position: -100px -100px;
width: 21px;
height: 21px; }
.icon-key {
background-position: -125px -100px;
width: 21px;
height: 21px; }
.icon-phone {
background-position: -150px 0px;
width: 19px;
height: 19px; }
.icon-clock {
background-position: -150px -25px;
width: 16px;
height: 17px; }
.icon-divider {
background-position: -175px -25px;
width: 1px;
height: 20px; }
.icon-divider-dark {
background-position: -175px -50px;
width: 1px;
height: 30px; }
.icon-divider-blue {
background-position: -175px -100px;
width: 5px;
height: 40px; }
.icon-wishlist {
background-position: -100px 0;
width: 21px;
height: 18px; }
.icon-wishlist-black {
background-position: -125px -25px;
width: 21px;
height: 18px; }
.icon-wishlist-color {
background-position: -25px -175px;
width: 21px;
height: 18px; }
.icon-wishlist-color-full {
background-position: 0px -175px;
width: 21px;
height: 18px; }
.icon-remove {
background-position: -275px 0;
width: 20px;
height: 20px; }
.icon-remove:hover {
background-position: -300px 0; }
.icon-sort-asc, .orderby-item-asc span {
background-position: -25px -50px;
width: 9px;
height: 8px; }
.icon-sort-desc, .orderby-item-desc span {
background-position: 0px -50px;
width: 9px;
height: 8px; }
.icon-input-container {
background-position: -525px 0px;
width: 211px;
height: 35px; }
.icon-input-container-quantity {
background-position: -525px -100px;
width: 351px;
height: 50px; }
@media screen and (max-width: 47.9375em) {
.icon-input-container-quantity {
background-position: -525px -175px;
width: 282px;
height: 41px; } }
.icon-arrow-select {
background-position: -400px -275px; }
.icon-calculator {
background-position: -400px -25px;
width: 49px;
height: 64px; }
.icon-percentage {
background-position: -400px -100px;
width: 64px;
height: 64px; }
.icon-calculator-small {
background-position: -650px -275px;
width: 29px;
height: 38px; }
.icon-percentage-small {
background-position: -700px -275px;
width: 38px;
height: 38px; }
.icon-checkmark {
background-position: -75px -50px;
width: 20px;
height: 20px; }
.icon-minus {
background-position: -100px -50px;
width: 11px;
height: 1px; }
.icon-plus {
background-position: -125px -50px;
width: 11px;
height: 12px; }
.icon-delete {
background-position: -100px -25px;
width: 16px;
height: 15px;
opacity: .48;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.icon-delete:hover {
opacity: 1; }
.icon-logout, .user-info-log-out a::after {
background-position: -150px -50px;
width: 21px;
height: 21px;
opacity: .48;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.icon-logout:hover, .user-info-log-out a:hover::after {
opacity: 1; }
.icon-more-big {
background-position: 0px -275px;
width: 50px;
height: 50px; }
.icon-checkbox {
background-position: -75px -75px;
width: 20px;
height: 20px;
cursor: pointer; }
.icon-checkbox-empty {
background-position: -75px -50px;
width: 20px;
height: 20px;
cursor: pointer; }
.icon-circle {
width: 30px;
height: 30px;
background-position: -50px -125px; }
.icon-circle-blue {
background-position: -50px -125px; }
.icon-circle-dark {
background-position: -100px -125px; }
.icon-plane {
background-position: -450px -350px;
width: 39px;
height: 39px; }
.icon-time {
background-position: -500px -350px;
width: 55px;
height: 39px; }
.icon-marker {
background-position: -575px -350px;
width: 29px;
height: 43px; }
.icon-screen {
background-position: -625px -350px;
width: 46px;
height: 41px; }
.icon-screen-color {
background-position: -450px -400px;
width: 46px;
height: 41px; }
.icon-lock {
background-position: -675px -350px;
width: 31px;
height: 41px; }
.icon-documents-color {
background-position: -500px -400px;
width: 36px;
height: 43px; }
.icon-printer-color {
background-position: -550px -400px;
width: 39px;
height: 35px; }
.login .custom-checkbox input:checked ~ .icon-checkbox,
.register .custom-checkbox input:checked ~ .icon-checkbox {
opacity: 1; }
.icon-search-box {
background-position: -300px -200px;
width: 55px;
height: 50px; }
@media screen and (max-width: 63.875em) {
.icon-search-box {
background-position: -300px -350px;
width: 50px;
height: 55px; } }
.icon-search-box-down {
background-position: -300px -350px;
width: 50px;
height: 55px; }
.icon-menu {
background-position: -400px -250px;
width: 20px;
height: 14px; }
.icon-close {
background-position: -50px -50px;
width: 20px;
height: 20px; }
.icon-close-big {
background-position: -400px -350px;
width: 27px;
height: 27px; }
.icon-star {
background-position: -100px -25px;
width: 16px;
height: 16px; }
.icon-quote {
background-position: -100px -375px;
width: 69px;
height: 69px; }
.icon-container {
background-color: #fff;
border-radius: 50px;
width: 100px;
height: 100px;
margin: 0 auto 50px;
padding: 30px 0;
-webkit-box-shadow: 0 12px 20px rgba(187, 177, 170, 0.1);
-ms-box-shadow: 0 12px 20px rgba(187, 177, 170, 0.1);
-o-box-shadow: 0 12px 20px rgba(187, 177, 170, 0.1);
box-shadow: 0 12px 20px rgba(187, 177, 170, 0.1);
border-collapse: separate; }
.has-hover-icon .icon {
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.has-hover-icon .icon-hover {
opacity: 0; }
.has-hover-icon:hover .icon-hover {
opacity: 1; }
.has-hover-icon .icon:not(.icon-hover) {
opacity: 1; }
.has-hover-icon:hover .icon:not(.icon-hover) {
opacity: 0; }
.home-top-bar .cta-button-container {
position: relative;
top: -7px;
right: auto;
bottom: auto;
left: auto; }
@media screen and (max-width: 63.875em) {
.home-top-bar .cta-button-container {
top: 0; } }
@media screen and (max-width: 63.875em) {
.cta-button-container {
float: right !important; } }
input[type="submit"], .button:link, input[type="submit"].cta-button,
input[type="submit"].wpcf7-submit, .shipping-calculator-button,
.woocommerce button.button:not(.single_add_to_cart_button), .woocommerce a.wc-backward,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce button.single_add_to_cart_button,
.woocommerce a.button.alt, .woocommerce input.button.alt {
position: relative;
display: inline-block;
color: #000000;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 800;
background-color: #fef3ec;
padding: 18px 40px;
line-height: 1em;
margin-bottom: 0;
border: 1px solid #fef3ec;
text-transform: uppercase; }
.contact-form input[type="submit"] {
background-color: #000;
color: #fff;
min-width: 200px; }
@media screen and (max-width: 63.875em) {
.cta-button:link {
padding: 25px 0;
width: 140px;
text-align: center; } }
.button:hover, .cta-button:hover {
background-color: #000000;
color: #fef3ec; }
.button-white:link {
background-color: #fff;
color: #000000; }
.button-white:visited {
background-color: #fff;
color: #000000; }
.button-white:hover {
background-color: #fef3ec;
color: #000000; }
.button-dark:link {
background-color: #000000;
color: #fff;
border-color: #000000; }
.button-dark:visited {
background-color: #000000;
color: #fff; }
.button-dark:hover {
background-color: #fef3ec;
color: #000000;
border-color: #fef3ec; }
.button-empty:link {
background-color: transparent;
color: #000000;
border-color: #f1f1f1; }
.button-empty:visited {
background-color: transparent;
color: #000000; }
.button-empty:hover {
border-color: #000000; }
.button.button-icon {
padding-left: 75px; }
.button .icon {
vertical-align: middle;
position: absolute;
left: 30px;
top: 17px; }
@media screen and (min-width: 63.9375em) and (max-width: 79.875em) {
.woocommerce button.single_add_to_cart_button {
padding: 18px; } }
@media screen and (max-width: 63.875em) {
.page .cta-button-container {
margin: 0 auto 80px;
padding: 0px 20px;
width: 100%; } }
@media screen and (max-width: 63.875em) {
.page .cta-button {
width: 90%;
padding: 10px 0;
display: inline-block; } }
@media screen and (max-width: 63.875em) {
.mobile-slider {
width: 100vw;
max-width: 100%;
overflow: hidden;
overflow-x: auto;
white-space: nowrap; } }
@media screen and (max-width: 63.875em) {
.mobile-slider > div {
width: 80%;
display: inline-block;
float: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } @media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
-ms-filter: none !important; }
a,
a:visited {
color: #444 !important;
text-decoration: underline; }
a:after, a:visited:after {
content: " (" attr(href) ")"; }
a abbr[title]:after, a:visited abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none; } }