/*
Theme Name: Antique Jewellery
Theme URI: http://www.antiquejewellery.co.nz
Description: HTML5 template for antiquejewellery.co.nz
Version: 1.0
Author: Jeremy Warne
Author URI: http://jkw.co.nz
Tags: minimalist, template, html5

Based on: 
    H5 v1.0
    http://diggingintowordpress.com/

    This theme was lovingly designed and developed by Jeff Starr, 
    who blogs at perishablepress.com and designs at monzilla.biz.

    The CSS, HTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-3.0.html
*/

/* == RESET == */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    text-align: left;
    vertical-align: baseline;
}
a img, :link img, :visited img {
    border: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul {
    list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
    content: "";
}

img { -ms-interpolation-mode: bicubic; }

/* == BASICS == */

header, footer, section, article, aside, nav {
    display: block;
}

/* == CLEARFIX == */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

html, body {
    height:100%;
}

/* Site */

body {
    background-color: black;
    font-size:15px;
    color: #FFFFFF;
    text-shadow: #666 0px 0px 1px;
}

.container-inner {
    margin: 0px auto;
}


.container-outer.border {
    z-index: 10000;
}

div.header {
    padding: 20px 0;
    position: relative;
    z-index: 100000;
}

div.header * {
    text-align: center;
    text-decoration: none;
    margin:0px;
}

div.header h1 {
    font-size:24px;
    line-height:28px;
    letter-spacing: 2px;
}

div.header h1 span {
    font-size:26px;
    line-height:28px;
}

div.header h2 {
    font-size:20px;
    line-height:25px;
    letter-spacing: 2px;
}

@media (max-width: 500px) {

    div.header h1 {
        font-size:18px;
        line-height:22px;
        letter-spacing: 2px;
    }

    div.header h1 span {
        font-size:20px;
        line-height:22px;
    }

    div.header h2 {
        font-size:16px;
        line-height:20px;
        letter-spacing: 2px;
    }

}

footer {
    height: 16%;
}

footer div.image {
    text-align: center;
}

a {
    color: #FFFFFF;
    text-decoration: none;
}

h1 {
    font-size:150%;
    margin-bottom:18px;
    font-weight:normal;
}

h2 {
    color: #FFFFFF;
    font-size:18pt;    
    margin-top:0px;
    margin-bottom:10px;
    font-weight:normal;
}

header, footer {
    text-align: center;
}

footer {
    width: 100%;
}


nav {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

input.submit {
    top: 4px;
    position: relative;
}

.alignright {
    float:right;
}

#s{
    width: 200px;
    height: 30px;
    padding-left: 10px;
    font-family: "Minion Pro";
    opacity: 0;
    transition: opacity 1s;
}

#s.show {
    display:inline;
    opacity: 1;
}

input.submit {
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-family: "Times New Roman";
    font-size: 18px;
    cursor: pointer;
}
.jScrollPaneTrack {
    left: 0px;
    background: url(/wp-content/themes/antique/images/scroll-track-11.png) repeat-y !important;
    width: 11px;
}

.jScrollPaneDrag {
    width: 11px;
}

section.product {
    padding-top: 10px;
	margin-top:25px;

    max-width: 1000px;
    margin: 0px auto;
}

nav.sidebar {

    float:left;
}

nav.sidebar h3{
    font-size:18px;
}

nav.sidebar li {
    font-size:18px;
    margin: 20px 0px;
}

/* Product page */

div.image {
    text-align: right;
    padding-right: 50px;
    padding-top:70px;
    padding-bottom: 200px;
}

div.text {
    padding:0px 70px;
    font-size: 21px;
    text-transform: uppercase;
}

div.text h2 {
    font-size: 21px;
    line-height: 27px;  
    margin-bottom:30px;
}

.return a, .catalog {
    margin-top:30px;
    display: block;
}

.wrapper {
    position: relative;
}

div.search {
    position: absolute;
    right:0px;
}



section.body {    
    background:black;
    width:100%;
    padding-top: 100px;

    max-width: 1000px;
    margin: 0 auto;
    display: block;
}



section.body div.image img {f
    margin:0px auto;
    width:500px;
}

p {
    line-height: 18px;
    font-size:110%;
}

article.product {
    width: 700px;
    padding-top:10px;
}

div.right div {
    padding:5px 0px;
}

div.catalog, div.return a {
    color:#ccc;
    padding-top:5px;
}

div.price.sold {
    font-weight: bold;
    padding-bottom: 5px;
}

body > div { -webkit-transition: all 1s ease-in-out; }

section.page.text {
    font-size:90%;
    margin-bottom:20px;
    width: 40%;
}

section.page {
    width:100%;
    padding-top:20px;
    }

section.page.text section {
    height:80%;
    border-top:1px solid #555;
    padding: 10px 0px;
    width: auto !important;
}

section.page.text section p {
    margin: 8px 0px;
}
section.page.image {
    width:50%;
    padding-left:10%;
}

section.page.image section {
    text-align: center;
}

#pager {
    float:right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px;
}

.price, .catalog {
    margin-bottom: 15px;
}

div.title {
    position: absolute;
    bottom: -6px;
    font-size:20px;
}

div.title.left {
    left: 0px;
}

div.title.right {
    right: 0px;
}

section.title {
    margin: 0px auto;
    height: 64px;
    position: relative;
}

div.product-thumb-container {
    position:relative;
    width:240px;
    height:240px;
    float:left;
    max-width: 50%;
}

@media(max-width: 500px) {
    div.product-thumb-container {
        padding-top: 50%;
        height: auto;
    }
    a.product-thumb:hover {
        opacity: 1;
    }
}


div.product-detail {
    display:table-cell;
    vertical-align: middle;
    font-size:90%;
    height: 240px;
    text-align: center;
}

a.product-thumb {
    width:100%;
    background:black;
    position:absolute;
    top:0px;
    left:0px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

a.product-thumb img {
    width: 80%;
    padding: 10%;  
}

a.product-thumb:hover {
    opacity:0;
}

div.product-detail {
    margin-bottom:20px;
    padding: 0px 20px;
}

span.pager {
	float:right;
}

span.pager * {
	margin: 5px !important;
	padding: 0px !important;
	display: inline-block;
	background: none !important;
	border: none !important;
}	

p {
    margin-bottom:14px !important;
    line-height: 22px !important;
}

.carousel {
    opacity:0;
}

.carousel img {
    width:100%;
}

.carousel-fade .carousel-inner .item {
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
      opacity: 1;
}


.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
      opacity: 1;
    }

.product-detail p {
    font-size:18px;
}

.hc-offcanvas-nav ul.sf-menu {
    padding-top: 25px;
}

.sf-menu a {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: -0.3px;
}

.sf-menu li {
    transition: background-color .5s;
}

.thumbs {    
    display: table-cell;
    vertical-align: middle;
}

.thumbs .thumb {
    display:inline-block;
}

.qtranxs_language_chooser {
    float:right;
}

.qtranxs_language_chooser li {
    display:inline-block;
}

.qtranxs_language_chooser li img {
    width: 80%;
    margin-top: 10%;
    padding:2px;
    box-shadow: 0px 0px 1px 2px rgba(0,0,0,0);
    box-sizing: border-box;
}

.qtranxs_language_chooser li.active img, .qtranxs_language_chooser li img:hover {
    border-radius: 50px;
    padding: 2px;
    box-shadow: 0px 0px 1px 2px #58617C;
}

.hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item {
    border-bottom: none;    
    padding: 6px 17px;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 28px;
}

.hc-offcanvas-nav .nav-container {
    width:280px;
}

.hc-offcanvas-nav li.nav-parent .nav-item {
    padding-right: 0;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #030411;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border: none;
}

.hc-offcanvas-nav .nav-parent .nav-wrapper a, .hc-offcanvas-nav .nav-parent .nav-wrapper .nav-item {
    padding: 6px 0;
}

.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
    border: none;
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul, .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #030411;
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a {
    background: #030411;
    border: none;
}

.hc-offcanvas-nav:not(.touch-device) a:hover {
    background: #070a1d;
}

.header-inner {
    max-width: 1000px;
    margin: 0 auto !important;
    position: relative;
}

div.header {
    padding: 20px 0;
    position: absolute;
    z-index: 100000;
    width: 100%;
    background: #070a1d;
    box-sizing: border-box;
}

header nav ul {
    display: none;
}

.hc-offcanvas-nav .nav-container {
    background: none;
}

.nav-wrapper {
        max-width: 1000px;
    margin: 0 auto;    
}

.hamburger-box {
    width: 20px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: white;
    height: 1px;
    width:100%;
}

.hamburger {
    position: absolute;
    left: 0;
    padding: 10px;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: unset;
    outline: none;
}

.hamburger-inner:before {
    top: -7px;
}
.hamburger-inner:after {
    bottom: -7px;
}

.nav-container::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-container {
    top: 90px;
    bottom: 0;
}

.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before {
    left: 27%;
    display:none;
}

.hc-offcanvas-nav li.nav-parent span.nav-next, .hc-offcanvas-nav li.nav-back span {
    width:100%;
}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
    max-height: 400px;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    transition: max-height 0.4s ease .4s;
}

.insty {
    position: absolute;
    right: 0;
    padding: 10px;
    margin-right: 10px !important;
    padding-bottom: 0;
    bottom: 0;
}

.insty img {
    width: 20px;
    height: auto;
}

span.menu-label {
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.header-inner .hamburger {
    position: absolute;
    bottom: 0;
}

.header-inner .hamburger{
  padding-bottom:6px;
}

@media (min-width:500px) {
    .insty {
        bottom:0;
    }
}

li hr {
    width: 100px;
}


h2.section_header {
    background: #070a1d;
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    margin: 20px 0;
    width: 100vw;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

hr {
    border-top:0;
}

@media (max-width: 767px) {
    div.image {
        padding:0px 70px;
    }

    div.text {
        margin-top: 30px;
    }

}

@media (min-width:767px) {

    section.column {
        width:50%;
    }

    section.left {
        float:left;
    }
    section.right {
        float:right;
    }

    div.text {
        margin-top: 160px;
    }

}

li.search input {
    border-bottom: 1px solid #fff!important;
    margin-left: 15px;
    padding: 20px;
    width: 400px;
    background: transparent;
    border: 0;
    font-family: Minion;
    font-size: 17px;
    letter-spacing: 2px;
    padding-left: 0;
    -webkit-touch-callout: unset;
    outline: none;
    color: white;
    margin-left: 0;
    box-shadow: none !important;
    width: 25%;
    min-width:110px;
    background: url(/wp-content/themes/antique/images/searchy.png?);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right;
}

li.search input::placeholder {
    color:white;
}

::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

.featured-item-container {
    width: 27%;
    padding: 3%;
    text-align: center;
}

@media(max-width: 767px) {
    .featured-item-container {
        width: 40%;
        padding: 5%;
    }
}

@media(max-width: 500px) {
    .featured-item-container {
        width: 90%;
        padding: 5%;
    }
}


.featured-item-container p {
    margin: 20px 0;
    text-align: center;
    font-size: 20px;
    line-height: 30px !important;
}

.flickity {
    padding: 0 80px;
}

.flickity-button, .flickity-button:hover {
    background: none;
}

.flickity-button-icon {
    fill: white;
}

.flickity-button:disabled {
    opacity: 0;
}

.fancybox-overlay {
    z-index: 1000000000000;
}

.hamburger-box {
    display: none;
}