/** Shopify CDN: Minification failed Line 262:21 Unexpected "{" **/ @charset "UTF-8"; /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;} audio,canvas,video{display:Finline-block;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} h1{font-size:2em;margin:0.67em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} dfn{font-style:italic;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;} pre{white-space:pre-wrap;} q{quotes:"\201C" "\201D" "\2018" "\2019";} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{border:0;} svg:not(:root){overflow:hidden;} figure{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;} button,input{line-height:normal;} button,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;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-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;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} table{border-collapse:collapse;border-spacing:0;} *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333333;background-color:#ffffff;} input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;} button,input,select[multiple],textarea{background-image:none;} a{color:#428bca;text-decoration:none;}a:hover,a:focus{color:#2a6496;text-decoration:underline;} a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} img{vertical-align:middle;} .img-responsive{display:block;max-width:100%;height:auto;} .img-rounded{border-radius:6px;} .img-thumbnail{padding:4px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto;} .img-circle{border-radius:50%;} hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;} .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;} p{margin:0 0 10px;} .lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4;}@media (min-width:768px){.lead{font-size:21px;}} small{font-size:85%;} cite{font-style:normal;} .text-muted{color:#999999;} .text-primary{color:#428bca;} .text-warning{color:#c09853;} .text-danger{color:#b94a48;} .text-success{color:#468847;} .text-info{color:#3a87ad;} .text-left{text-align:left;} .text-right{text-align:right;} .text-center{text-align:center;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999999;} h1,h2,h3{margin-top:20px;margin-bottom:10px;} h4,h5,h6{margin-top:10px;margin-bottom:10px;} h1,.h1{font-size:36px;} h2,.h2{font-size:30px;} h3,.h3{font-size:24px;} h4,.h4{font-size:18px;} h5,.h5{font-size:14px;} h6,.h6{font-size:12px;} h1 small,.h1 small{font-size:24px;} h2 small,.h2 small{font-size:18px;} h3 small,.h3 small,h4 small,.h4 small{font-size:14px;} .page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee;} ul,ol{margin-top:0;margin-bottom:10px;}ul ul,ol ul,ul ol,ol ol{margin-bottom:0;} .list-unstyled{padding-left:0;list-style:none;} .list-inline{padding-left:0;list-style:none;}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px;} dl{margin-bottom:20px;} dt,dd{line-height:1.428571429;} dt{font-weight:bold;} dd{margin-left:0;} @media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dl-horizontal dd{margin-left:180px;}.dl-horizontal dd:before,.dl-horizontal dd:after{content:" ";display:table;} .dl-horizontal dd:after{clear:both;}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999;} abbr.initialism{font-size:90%;text-transform:uppercase;} blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eeeeee;}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25;} blockquote p:last-child{margin-bottom:0;} blockquote small{display:block;line-height:1.428571429;color:#999999;}blockquote small:before{content:'\2014 \00A0';} blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eeeeee;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} blockquote.pull-right small:before{content:'';} blockquote.pull-right small:after{content:'\00A0 \2014';} q:before,q:after,blockquote:before,blockquote:after{content:"";} address{display:block;margin-bottom:20px;font-style:normal;line-height:1.428571429;} code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace;} code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px;} pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;word-break:break-all;word-wrap:break-word;color:#333333;background-color:#f5f5f5;border:1px solid #cccccc;border-radius:4px;}pre.prettyprint{margin-bottom:20px;} pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0;} .pre-scrollable{max-height:340px;overflow-y:scroll;} .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}.container:before,.container:after{content:" ";display:table;} .container:after{clear:both;} .row{margin-left:-15px;margin-right:-15px;}.row:before,.row:after{content:" ";display:table;} .row:after{clear:both;} .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;} .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left;} .col-xs-1{width:8.333333333333332%;} .col-xs-2{width:16.666666666666664%;} .col-xs-3{width:25%;} .col-xs-4{width:33.33333333333333%;} .col-xs-5{width:41.66666666666667%;} .col-xs-6{width:50%;} .col-xs-7{width:58.333333333333336%;} .col-xs-8{width:66.66666666666666%;} .col-xs-9{width:75%;} .col-xs-10{width:83.33333333333334%;} .col-xs-11{width:91.66666666666666%;} .col-xs-12{width:100%;} @media (min-width:768px){.container{max-width:750px;} .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left;} .col-sm-1{width:8.333333333333332%;} .col-sm-2{width:16.666666666666664%;} .col-sm-3{width:25%;} .col-sm-4{width:33.33333333333333%;} .col-sm-5{width:41.66666666666667%;} .col-sm-6{width:50%;} .col-sm-7{width:58.333333333333336%;} .col-sm-8{width:66.66666666666666%;} .col-sm-9{width:75%;} .col-sm-10{width:83.33333333333334%;} .col-sm-11{width:91.66666666666666%;} .col-sm-12{width:100%;} .col-sm-push-1{left:8.333333333333332%;} .col-sm-push-2{left:16.666666666666664%;} .col-sm-push-3{left:25%;} .col-sm-push-4{left:33.33333333333333%;} .col-sm-push-5{left:41.66666666666667%;} .col-sm-push-6{left:50%;} .col-sm-push-7{left:58.333333333333336%;} .col-sm-push-8{left:66.66666666666666%;} .col-sm-push-9{left:75%;} .col-sm-push-10{left:83.33333333333334%;} .col-sm-push-11{left:91.66666666666666%;} .col-sm-pull-1{right:8.333333333333332%;} .col-sm-pull-2{right:16.666666666666664%;} .col-sm-pull-3{right:25%;} .col-sm-pull-4{right:33.33333333333333%;} .col-sm-pull-5{right:41.66666666666667%;} .col-sm-pull-6{right:50%;} .col-sm-pull-7{right:58.333333333333336%;} .col-sm-pull-8{right:66.66666666666666%;} .col-sm-pull-9{right:75%;} .col-sm-pull-10{right:83.33333333333334%;} .col-sm-pull-11{right:91.66666666666666%;} .col-sm-offset-1{margin-left:8.333333333333332%;} .col-sm-offset-2{margin-left:16.666666666666664%;} .col-sm-offset-3{margin-left:25%;} .col-sm-offset-4{margin-left:33.33333333333333%;} .col-sm-offset-5{margin-left:41.66666666666667%;} .col-sm-offset-6{margin-left:50%;} .col-sm-offset-7{margin-left:58.333333333333336%;} .col-sm-offset-8{margin-left:66.66666666666666%;} .col-sm-offset-9{margin-left:75%;} .col-sm-offset-10{margin-left:83.33333333333334%;} .col-sm-offset-11{margin-left:91.66666666666666%;}}@media (min-width:992px){.container{max-width:970px;} .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left;} .col-md-1{width:8.333333333333332%;} .col-md-2{width:16.666666666666664%;} .col-md-3{width:25%;} .col-md-4{width:33.33333333333333%;} .col-md-5{width:41.66666666666667%;} .col-md-6{width:50%;} .col-md-7{width:58.333333333333336%;} .col-md-8{width:66.66666666666666%;} .col-md-9{width:75%;} .col-md-10{width:83.33333333333334%;} .col-md-11{width:91.66666666666666%;} .col-md-12{width:100%;} .col-md-push-0{left:auto;} .col-md-push-1{left:8.333333333333332%;} .col-md-push-2{left:16.666666666666664%;} .col-md-push-3{left:25%;} .col-md-push-4{left:33.33333333333333%;} .col-md-push-5{left:41.66666666666667%;} .col-md-push-6{left:50%;} .col-md-push-7{left:58.333333333333336%;} .col-md-push-8{left:66.66666666666666%;} .col-md-push-9{left:75%;} .col-md-push-10{left:83.33333333333334%;} .col-md-push-11{left:91.66666666666666%;} .col-md-pull-0{right:auto;} .col-md-pull-1{right:8.333333333333332%;} .col-md-pull-2{right:16.666666666666664%;} .col-md-pull-3{right:25%;} .col-md-pull-4{right:33.33333333333333%;} .col-md-pull-5{right:41.66666666666667%;} .col-md-pull-6{right:50%;} .col-md-pull-7{right:58.333333333333336%;} .col-md-pull-8{right:66.66666666666666%;} .col-md-pull-9{right:75%;} .col-md-pull-10{right:83.33333333333334%;} .col-md-pull-11{right:91.66666666666666%;} .col-md-offset-0{margin-left:0;} .col-md-offset-1{margin-left:8.333333333333332%;} .col-md-offset-2{margin-left:16.666666666666664%;} .col-md-offset-3{margin-left:25%;} .col-md-offset-4{margin-left:33.33333333333333%;} .col-md-offset-5{margin-left:41.66666666666667%;} .col-md-offset-6{margin-left:50%;} .col-md-offset-7{margin-left:58.333333333333336%;} .col-md-offset-8{margin-left:66.66666666666666%;} .col-md-offset-9{margin-left:75%;} .col-md-offset-10{margin-left:83.33333333333334%;} .col-md-offset-11{margin-left:91.66666666666666%;}}@media (min-width:1200px){.container{max-width:1170px;} .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left;} .col-lg-1{width:8.333333333333332%;} .col-lg-2{width:16.666666666666664%;} .col-lg-3{width:25%;} .col-lg-4{width:33.33333333333333%;} .col-lg-5{width:41.66666666666667%;} .col-lg-6{width:50%;} .col-lg-7{width:58.333333333333336%;} .col-lg-8{width:66.66666666666666%;} .col-lg-9{width:75%;} .col-lg-10{width:83.33333333333334%;} .col-lg-11{width:91.66666666666666%;} .col-lg-12{width:100%;} .col-lg-push-0{left:auto;} .col-lg-push-1{left:8.333333333333332%;} .col-lg-push-2{left:16.666666666666664%;} .col-lg-push-3{left:25%;} .col-lg-push-4{left:33.33333333333333%;} .col-lg-push-5{left:41.66666666666667%;} .col-lg-push-6{left:50%;} .col-lg-push-7{left:58.333333333333336%;} .col-lg-push-8{left:66.66666666666666%;} .col-lg-push-9{left:75%;} .col-lg-push-10{left:83.33333333333334%;} .col-lg-push-11{left:91.66666666666666%;} .col-lg-pull-0{right:auto;} .col-lg-pull-1{right:8.333333333333332%;} .col-lg-pull-2{right:16.666666666666664%;} .col-lg-pull-3{right:25%;} .col-lg-pull-4{right:33.33333333333333%;} .col-lg-pull-5{right:41.66666666666667%;} .col-lg-pull-6{right:50%;} .col-lg-pull-7{right:58.333333333333336%;} .col-lg-pull-8{right:66.66666666666666%;} .col-lg-pull-9{right:75%;} .col-lg-pull-10{right:83.33333333333334%;} .col-lg-pull-11{right:91.66666666666666%;} .col-lg-offset-0{margin-left:0;} .col-lg-offset-1{margin-left:8.333333333333332%;} .col-lg-offset-2{margin-left:16.666666666666664%;} .col-lg-offset-3{margin-left:25%;} .col-lg-offset-4{margin-left:33.33333333333333%;} .col-lg-offset-5{margin-left:41.66666666666667%;} .col-lg-offset-6{margin-left:50%;} .col-lg-offset-7{margin-left:58.333333333333336%;} .col-lg-offset-8{margin-left:66.66666666666666%;} .col-lg-offset-9{margin-left:75%;} .col-lg-offset-10{margin-left:83.33333333333334%;} .col-lg-offset-11{margin-left:91.66666666666666%;}}@-ms-viewport{width:device-width;}@media screen and (max-width:400px){@-ms-viewport{width:320px;}}.hidden{display:none !important;visibility:hidden !important;} .visible-xs{display:none !important;}tr.visible-xs{display:none !important;} th.visible-xs,td.visible-xs{display:none !important;} @media (max-width:767px){.visible-xs{display:block !important;}tr.visible-xs{display:table-row !important;} th.visible-xs,td.visible-xs{display:table-cell !important;}}@media (min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block !important;}tr.visible-xs.visible-sm{display:table-row !important;} th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell !important;}} @media (min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block !important;}tr.visible-xs.visible-md{display:table-row !important;} th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell !important;}} @media (min-width:1200px){.visible-xs.visible-lg{display:block !important;}tr.visible-xs.visible-lg{display:table-row !important;} th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell !important;}} .visible-sm{display:none !important;}tr.visible-sm{display:none !important;} th.visible-sm,td.visible-sm{display:none !important;} @media (max-width:767px){.visible-sm.visible-xs{display:block !important;}tr.visible-sm.visible-xs{display:table-row !important;} th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell !important;}} @media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important;}tr.visible-sm{display:table-row !important;} th.visible-sm,td.visible-sm{display:table-cell !important;}}@media (min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block !important;}tr.visible-sm.visible-md{display:table-row !important;} th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell !important;}} @media (min-width:1200px){.visible-sm.visible-lg{display:block !important;}tr.visible-sm.visible-lg{display:table-row !important;} th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell !important;}} .visible-md{display:none !important;}tr.visible-md{display:none !important;} th.visible-md,td.visible-md{display:none !important;} @media (max-width:767px){.visible-md.visible-xs{display:block !important;}tr.visible-md.visible-xs{display:table-row !important;} th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell !important;}} @media (min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block !important;}tr.visible-md.visible-sm{display:table-row !important;} th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell !important;}} @media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important;}tr.visible-md{display:table-row !important;} th.visible-md,td.visible-md{display:table-cell !important;}}@media (min-width:1200px){.visible-md.visible-lg{display:block !important;}tr.visible-md.visible-lg{display:table-row !important;} th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell !important;}} .visible-lg{display:none !important;}tr.visible-lg{display:none !important;} th.visible-lg,td.visible-lg{display:none !important;} @media (max-width:767px){.visible-lg.visible-xs{display:block !important;}tr.visible-lg.visible-xs{display:table-row !important;} th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell !important;}} @media (min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block !important;}tr.visible-lg.visible-sm{display:table-row !important;} th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell !important;}} @media (min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block !important;}tr.visible-lg.visible-md{display:table-row !important;} th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell !important;}} @media (min-width:1200px){.visible-lg{display:block !important;}tr.visible-lg{display:table-row !important;} th.visible-lg,td.visible-lg{display:table-cell !important;}} .hidden-xs{display:block !important;}tr.hidden-xs{display:table-row !important;} th.hidden-xs,td.hidden-xs{display:table-cell !important;} @media (max-width:767px){.hidden-xs{display:none !important;}tr.hidden-xs{display:none !important;} th.hidden-xs,td.hidden-xs{display:none !important;}}@media (min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none !important;}tr.hidden-xs.hidden-sm{display:none !important;} th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none !important;}} @media (min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none !important;}tr.hidden-xs.hidden-md{display:none !important;} th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none !important;}} @media (min-width:1200px){.hidden-xs.hidden-lg{display:none !important;}tr.hidden-xs.hidden-lg{display:none !important;} th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none !important;}} .hidden-sm{display:block !important;}tr.hidden-sm{display:table-row !important;} th.hidden-sm,td.hidden-sm{display:table-cell !important;} @media (max-width:767px){.hidden-sm.hidden-xs{display:none !important;}tr.hidden-sm.hidden-xs{display:none !important;} th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none !important;}} @media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important;}tr.hidden-sm{display:none !important;} th.hidden-sm,td.hidden-sm{display:none !important;}}@media (min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none !important;}tr.hidden-sm.hidden-md{display:none !important;} th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none !important;}} @media (min-width:1200px){.hidden-sm.hidden-lg{display:none !important;}tr.hidden-sm.hidden-lg{display:none !important;} th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none !important;}} .hidden-md{display:block !important;}tr.hidden-md{display:table-row !important;} th.hidden-md,td.hidden-md{display:table-cell !important;} @media (max-width:767px){.hidden-md.hidden-xs{display:none !important;}tr.hidden-md.hidden-xs{display:none !important;} th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none !important;}} @media (min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none !important;}tr.hidden-md.hidden-sm{display:none !important;} th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none !important;}} @media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important;}tr.hidden-md{display:none !important;} th.hidden-md,td.hidden-md{display:none !important;}}@media (min-width:1200px){.hidden-md.hidden-lg{display:none !important;}tr.hidden-md.hidden-lg{display:none !important;} th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none !important;}} .hidden-lg{display:block !important;}tr.hidden-lg{display:table-row !important;} th.hidden-lg,td.hidden-lg{display:table-cell !important;} @media (max-width:767px){.hidden-lg.hidden-xs{display:none !important;}tr.hidden-lg.hidden-xs{display:none !important;} th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none !important;}} @media (min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none !important;}tr.hidden-lg.hidden-sm{display:none !important;} th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none !important;}} @media (min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none !important;}tr.hidden-lg.hidden-md{display:none !important;} th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none !important;}} @media (min-width:1200px){.hidden-lg{display:none !important;}tr.hidden-lg{display:none !important;} th.hidden-lg,td.hidden-lg{display:none !important;}} .visible-print{display:none !important;}tr.visible-print{display:none !important;} th.visible-print,td.visible-print{display:none !important;} @media print{.visible-print{display:block !important;}tr.visible-print{display:table-row !important;} th.visible-print,td.visible-print{display:table-cell !important;} .hidden-print{display:none !important;}tr.hidden-print{display:none !important;} th.hidden-print,td.hidden-print{display:none !important;}} /* -------------------------------------------------------------- -=Layout -------------------------------------------------------------- */ html { background-color: #ffffff; } body { background-color: #ffffff; font-family: Droid Sans, Helvetica, Arial, 'Lucida Grande', sans-serif; color: #555555; margin: 0 auto; font-size: 16px; /*max-width: 1200px;*/ } html, body {height:100%;} .holder { min-height: 100%; position:relative; margin: 0 auto; padding: 0 10px; max-width: 1000px; } .header_wrap { margin: 15px 0 0px; } h1,h2,h3,h4,h5,h6 { font-family: Varela Round, Garamond, Baskerville, Caslon, serif; color: ; } a { color: #171616; text-decoration: none; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -ms-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } *:focus { outline: none !important; } a:hover, a:active, a:focus { border: none; color: #787676; text-decoration: none; -webkit-transition: color 0 ease-in; -moz-transition: color 0 ease-in; -ms-transition: color 0 ease-in; -o-transition: color 0 ease-in; transition: color 0 ease-in; } #banner { margin-top: 10px; max-width: 100%; } header { clear: both; padding: 0; text-align: center; } header a, .mobile_header h1 a, { color: #000000; } header h1, .mobile_header h1 { font-family: Gentium Book Basic, Garamond, Baskerville, Caslon, serif; font-size: 48px; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; margin: 10px 0 15px; padding-bottom: 10px; padding-bottom: 0 20px; } h1 .subtitle { font-size: 0.6em; } header a:hover { color: #000000; /*no hover effect*/ } /********************************** -=TOP NAVIGATION AREA **********************************/ .top_nav { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; color: #000000; background-color: #ffffff; padding: 0; width: 100%; z-index: 999; } .top_nav .icon-user {margin: 0 5px 0;} .icon-shopping-cart, .sm_icons li a, .icon-user { font-size: 16px; } .icon-search { font-size: 14px; } .icon-user { visibility: hidden; } #right_nav { float: right; } .left_search, #glass_button { float: left; } .left_search { width: 214px; position:relative; } .left_search .search_button { color: #999; display: inline-block; font-size: 14px; left: 5px; position: absolute; top: 5px; cursor: pointer; } .left_search input { border-radius: 4px; padding: 3px 3px 3px 25px; width: 200px; border: solid 1px #ffffff; -webkit-transition: border .1s ease-in; -moz-transition: border .3s ease-in; -ms-transition: border .3s ease-in; -o-transition: border .3s ease-in; transition: border .3s ease-in; } .left_search input:focus { border: solid 1px #dddddd; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .mobile_search { width: 100%; display: none; } #searchresults .search_text { width: 300px; } #searchresults .search_button { width: 130px; } #searchresults h3 { margin: 5px 0; padding: 0; } #searchresults ul { padding: 0; } #searchresults li { clear: left; display: inline-block; margin: 10px 0; } .mobile_search input { padding: 2px 5px; width: 150px; border: solid 1px #dddddd; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-font-smoothing: subpixel-antialiased; } .left_search input { border-radius: 4px; width: 200px; } .fade { opacity: .5; transition: opacity .40s ease-in-out; -moz-transition: opacity .40s ease-in-out; -webkit-transition: opacity .40s ease-in-out; } .fade:hover { opacity: 1; } .top_nav_icons { cursor: pointer; float: right; margin-right: 7px; width: 22px; height: 22px; background-size: 22px 44px; background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; /*For the sprite animation*/ -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; } .cart { float: right; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; width: auto; text-align: right; } .shipping_text { display: block; font-size: 10px; font-weight: 400; text-transform: uppercase; float:right; clear:both; } .media_icons{ float:left; margin-right: 35px; margin-top: 2px; } /******************************* -=SPECIAL HEADER STYLE *******************************/ .special_header { margin: 0; } .border_intersect { display: inline-block; height: 40px; margin: auto; position: relative; width: 100%; } .the_border { border:1px solid #dddddd; position: absolute; top: 0; bottom: 0; width: 100%; margin: auto; height: 1px; } .special_header h3 { bottom: 0; display: block; font-size: 22px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; left: 0; margin: auto; padding: 0; position: absolute; text-align: center; top: 8px; z-index: 9; width: 100%; } .special_header span { background: #ffffff; display: inline-block; position: relative; padding: 0 15px; } .featured {margin: 20px 0 10px;} @media only screen and (max-width: 480px) { .special_header span { padding: 0 5px; width: 100%; display: block; position: inherit; } .special_header h3 { position:inherit; border-bottom:2px solid #dddddd; } } /******************************* -=MAILING LIST BENEATH SLIDER *******************************/ .home_page_mailing_list { margin: 20px 0 50px; } .home_page_mailing_list #mc_embed_signup { display: inline-block; width: 100%; } .home_page_mailing_list #mc_embed_signup form { display: block; margin: 0 auto; max-width: 502px; min-width: 500px; padding: 0; position: relative; z-index: 0; } .home_page_mailing_list #mc_embed_signup input { display: inline-block; float: left; font-size: 12px; padding: 10px !important; } .home_page_mailing_list #mc_embed_signup input.email { display: block; letter-spacing: 2px; margin: 0; max-width: 377px; min-width: 340px; padding: 3px; text-indent: 5px; width: 100%; text-transform: none; } .home_page_mailing_list #mc-embedded-subscribe { font-weight: bold; text-transform: uppercase; } @media only screen and (max-width: 480px) { .home_page_mailing_list {margin: 10px 0;} .home_page_mailing_list #mc_embed_signup input { display: block; clear:both;; } } /******************************** -=SOCIAL ICONS ********************************/ .top_nav .social_icons { float: right; font-size: 12px; margin: 0px 30px 0 0; } .top_nav .social_icons.left{ float:left; margin: -5px 0 0; } .social_icons.left ul.sm_icons { padding:0; } .top_nav ul.sm_icons { margin: 0 0 0; padding: 0; } .top_nav ul.sm_icons li { padding: 0 15px 0 0; display: inline-block; } .top_nav .social_icons { width: auto; } .top_nav .sm_icons li a { display:inline-block; } .top_nav .sm_icons li a:hover { transition: 300ms ease-in-out; text-decoration: none; } .sm_icons li a.twitter:hover { color:#00B2EE; } .sm_icons li a.facebook:hover { color:#3B5998; } .sm_icons li a.pinterest:hover { color:#CD1D23; } .sm_icons li a.instagram:hover { color:#A1634C; } .sm_icons li a.tumblr:hover { color:#385774; } .sm_icons li a.googleplus:hover { color:#DD4B39; } .sm_icons li a.youtube:hover { color:#CC181E; } .top_nav a { color: #000000; } .top_nav a:hover { color: #333333; } .customer_accounts { float: right; } /*keep top and bottom padding equal in these elements to maintain vertical alignment within the top bar*/ .cart, .customer_accounts, .social_icons { padding: 5px 0; } /* --------------------- Footer ------------------------*/ #mobile-slide-content footer { background: #ffffff; color: #000000; clear: both; padding: 5px 15px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; width: 100%; position: absolute; left: 0; right:0; bottom: 0; } .other_links { border-top: solid 1px #999999; margin: 15px auto 0; padding: 15px 0; } footer ul { list-style: none; padding: 0; } footer ul li { display: inline-block;; margin: 0 20px 0 0; } footer ul li:last-child { margin-right: 0; } footer a { color: #000000; } footer a:hover { color: #000000; text-decoration: underline; } footer .mailing_list h3 { margin: 0; display: inline-block; float: left; padding: 5px; font-size: 12px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; } .foot_section { padding: 0; float:left; font-size: 1em; } .pages_nav { display: block; float: none; text-align: center; width: auto; text-transform: uppercase; } .foot_section.social_icons { display: none; } .other_links_header { display: none; } .copyright { background-color: #ffffff; color: #000000; clear: both; padding: 15px 15px 0; text-align: center; font-size: 8px; } #copy { margin-right: 15px; } #custom { margin-left:15px; } #footer a, #footer a:hover { color: #000000; } .slider-wrapper { } /********************************** -=MAILING LIST ***********************************/ .mailing_list { margin: 0 auto; text-align: center; list-style: none; } .mailing_list { margin: 0 auto; text-align: center; float: right; } .mobile_only_mailer { display: none; } .mailing_list span { float:left; } footer .mailing_list { float: right; margin: -2px 0 0; } .top_nav .mailing_list { float: left; text-align: left; width: 330px; margin: 0; padding: 0; } .mailing_list span { float: left; margin: 0 5px 0 0; } .footer_search .search_button { margin: 0 0 0 -5px; min-width: 40px; } .footer_search input { border: 1px solid #dddddd; padding: 1px; width: auto; } footer .mailing_list h3 { margin: 0; display: inline-block; font-size: 12px; } #mc_embed_signup form { display: block; margin-top: 0; padding: 0; z-index: 0; min-width: 230px; /*this is for Chrome as it causes the mailing list button to drop*/ } #mc_embed_signup{ background: #ffffff; display: inline-block; } #mc_embed_signup label { clear: both; display: inline; margin: 0 5px 0 0; width: auto; } #mc_embed_signup .button { margin: 3px 0 0; } #mc-embedded-subscribe { clear: none; float: right; margin: 0; width: auto; border-radius: 0px; } #mc_embed_signup input { text-transform: uppercase; font-size: 10px; padding: 3px !important; } #mc_embed_signup input.email { display: inline; float: left; letter-spacing: 2px; margin: 0; padding: 3px; text-indent: 5px; width: 160px; } .mailing_list .subscribe_button { cursor: pointer; float: left; min-width: 65px; letter-spacing: 1px !important; } /******************************* -=FOOTER MOBILE STYLES *******************************/ @media only screen and (max-width: 800px) { /*screen and (max-device-width: 560px) and (orientation: landscape) {*/ #mc_embed_signup input.email { display: block; margin: 0 4% 0 0; min-width: 154px; padding: 8px 5px !important; text-indent: 5px; width: 100%; } #mc_embed_signup input { font-size: 10px; padding: 10px !important; text-transform: uppercase; } #mc_embed_signup label { text-align: center; margin: 0; } #mc_embed_signup input.email { margin: 0 auto; width: 100%; } footer h3 { font-size: 20px; color: #000000; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; } footer .mailing_list { float: none; margin: 20px 0 0; } .foot_section.social_icons { display: inline-block; text-align: center; margin: 15px 0 0; } .foot_section.social_icons .sm_icons li a{ font-size: 22px; } .foot_section.social_icons ul li { display: inline-block; margin: 0 5px; } .foot_section.social_icons ul li a:hover { text-decoration: none; } footer ul li { display: block; } .footer { width: 100%; } .other_links_header, #custom, #copy { display: block; } #custom, #copy { margin: 0; } .pages_nav { display: block !important; } .foot_section { float: none; font-size: 1em; margin: 0 auto; padding: 0 !important; width: 100% !important; } } /********************** -=BUTTONS **********************/ .fawn_button { background: #000000; border-radius: 5px; border-color: #000000; color: #ffffff; font-size: 12px; letter-spacing: 1px; padding: 7px; text-transform: uppercase; font-weight: 700; min-width: 100px; cursor: pointer; width: auto; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -ms-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; } .fawn_button:hover { background: #000000; border-color: #000000; color: #ffffff; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -ms-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; } /************************** -=CONTENT AREA **************************/ div#main { padding: 0; margin: 20px 0; text-align: left; width: 100%; display: inline-block; } .custom div#main { padding: 0 200px; } div#main h1 { text-transform: uppercase; display:inline-block; margin-bottom:15px; width: 100%; text-align:center; font-size: 1.9em; } .heading_underscore { border: 2px solid ; color: ; display:block; width: 40px; text-align:center; } .custom img { width: 100%; } .custom_underscore { border: 1px solid ; margin: 5px auto 0; } body.template-cart div#main { margin-top: 25px; } body.template-product div#main { margin-top: 0; } form li { list-style-type: none; margin-bottom: 1.2em; } form label { display: block; margin-bottom: .2em; } form input, textarea { border: 1px solid #dddddd; padding: 5px; width: 350px; } .mobile_top_nav { display: none; } @media only screen and (max-width: 800px) { /*top_nav contains search, media icons and the cart*/ .top_nav { display: none; } .mobile_top_nav { display: block; } .header_wrap { margin: 0; } header { display:none; } .custom div#main { padding: 0; } .mobile_header { /*float: none;*/ text-align: center; padding: 0; } .mobile_header h1 { font-size: 46px; margin: 0; padding: 25px 0; background-color: #ffffff; } .mobile_header a { color: #000000; /*no hover effect*/ } #banner { margin-bottom:10px; padding: 0 10px; max-width: 100%; } .bottom_nav_icons { float: left; } #bottom_nav_text{ font-size: .9em; margin-top: 4px; padding-right: 5px; float: left; } .other_links {font-size: 1.3em;} footer h3 { font-family: Varela Round, Garamond, Baskerville, Caslon, serif; margin: 0 0 5px; } footer .mailing_list h3 { font-size: 20px; float: none; } footer ul li { display: block; margin: 10px 0 0; } #mc_embed_signup { display: block; margin: 0 auto; width: 310px; } footer .copyright { text-align: center; padding-left: 28px; } } /* --------------------------------------------- -=MOBILE MENU -----------------------------------------------*/ @media only screen and (min-width: 800px) { nav .menu #ddm { font-family: Cabin, Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 400; width: 100%; } .menu { display: block; margin: 10px auto 0; width: 100%; } nav { display: inline-block; width: 100%; z-index: 5; background: #ffffff; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff; } nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul li { /*border-bottom: solid 1px ;*/ } nav ul { border-bottom: none; list-style: none; position: relative; display: inline-table; padding: 0 20px; text-align: center; } nav .menu > ul { border-bottom: 1px solid #999999; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { display: inline-block; text-align: left; } nav ul li:hover { background: #ffffff; } nav ul li a:hover { color: #999999; text-decoration: none; } nav ul li a { display: block; padding: 20px; padding: 10px 25px; color: #000000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } nav ul ul { background: #ffffff; padding: 0; margin: 0 0 0 10px; /*to make pulldowns move to the right more*/ position: absolute; /*top: 100%;*/ z-index: 100; border-bottom: 1px solid #999999; } nav ul ul li { border-left: 1px solid #999999; border-right: 1px solid #999999; display: block; float: none; } nav ul ul li a { padding: 10px 20px; color:#000000; } nav ul ul li a:hover { background: #ffffff; color:#999999; text-decoration: none; } nav ul ul ul { position: absolute; left: 100%; top:0; } } @media only screen and (max-width: 800px) { html, body { overflow-x: hidden; -webkit-overflow-scrolling: touch; } .slider-wrapper { margin-top: 25px; } .menu.container { padding-left: 0; padding-right: 0; } /* hide this initially so it doesn't flash the screen when opening a page*/ #ddm { /*display: none;*/ min-height: 100%; } div#main { padding: 0; margin-top: 25px; text-align: left; /* to fix the issue with the footer not dropping to bottom of page in portrait mode. */ /*min-height: 670px;*/ } .custom div#main { padding: 0; } /*#products section.content { margin-top: 0px; }*/ nav { position: absolute; top: 0; left: -250px; background: #ffffff; z-index: 0; width: 235px; font-size: 1em; height: 100%; -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear; } nav ul { list-style: none; margin: 0; padding: 0; } #mobile-slide-content { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear; } .top-bar, .cart-bar, .customer-bar { /*position: absolute;*/ background: #ffffff; /*height: 60px;*/ z-index: 5; border-top: 3px solid #999999; border-bottom: 3px solid #999999; } .top-bar label, .cart-bar label, .customer-bar label { color: #000000; display: block; width: 100%; position: inherit; padding: 10px 0; background: #ffffff; text-align: left; } .top-bar label span, .cart-bar label span, .customer-bar label span { color: #000000; display: inline; font-size: 18px; margin: 0 0 0 10px; } .icon-shopping-cart, .icon-user, .icon-list { font-size: 18px; } .cart-bar label { text-align: right; } div.mobile_customer_accounts.customer-bar{ /*font-size: .6em;*/ } #menu-toggle:checked ~ #mobile-slide-content { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(250px,0,0); -moz-transform: translate3d(250px,0,0); -ms-transform: translate3d(250px,0,0); -o-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0); } #menu-toggle ~ #mobile-slide-content { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #menu-toggle:checked ~ nav { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(250px,0,0); -moz-transform: translate3d(250px,0,0); -ms-transform: translate3d(250px,0,0); -o-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0); } #menu-toggle ~ nav { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .footer_search { display: inline-block; } .mobile_search input { width: 100%; font-size: 1em; height: 30px; } #search-toggle:checked ~ .mobile_account { display: block; } #search-toggle ~ .mobile_account { display: none; } .mobile_account { background: #ffffff; color: #000000; border: 2px solid ; padding: 0 10px; float: right; width: 250px; margin: 0 36px 0 0; text-align: right; } .customer-bar label { padding:10px 5px; } .mobile_account a { display: inline-block; padding: 10px 0; } .mobile_account a { color: #000000; } .mobile_account a:hover { color: #000000; } .mobile_search { display: none; /*background: ;*/ background: #ffffff; float:none; } nav li a { color: #000000; display: block; padding: 0 5px 0 25px; text-decoration: none; line-height: 2.6em; overflow: hidden; -webkit-overflow-scrolling: touch; /*border-bottom: 1px solid #2d333d;*/ /*border-bottom: 1px solid ;*/ /*border-right: ;*/ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } nav ul#ddm { border-right: 1px solid #999999; border-bottom: 1px solid #999999; } nav ul li { border-top: 1px solid #999999; border-right: none; } nav ul li:hover a{ /* cursor: pointer; background: #FF6CFD; background: #999999;*/ background: #ffffff; } nav ul li a:hover{ color: #000000; } nav ul ul li a { /*color: #eee;*/ color: #000000; padding: 0 5px 0 45px; margin: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } nav ul ul li a:hover { background: #ffffff; color: #000000; } } /* -------------------------------------- Menu atyles for all sizes and orientations -----------------------------------------*/ .menu-toggle, .search-toggle, .mobile_search { display: none; } .mobile_search { padding: 10px 40px; } #mobile-slide-content { background: ; } /* ---------------------------------------- -=PRODUCTS ------------------------------------------- */ body.template-index div#main ul, body.template-collection div#main ul { list-style-type: none; padding: 0; text-align: left; margin: 0 10px; } .product_container { display: block; line-height: 0; overflow: hidden; padding: 0; position: relative; margin: 0 .25% 15px; visibility: hidden; } .image_container_large { bottom: 0; display: inline-block; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; } .product_info { bottom: 0; font-size: 14px; line-height: 16px; margin: 0; position: absolute; text-align: center; width: 100%; height: 85px; padding: 0 5px; } .product_info p { padding:0 10px; margin:0; } .product_info p.product_title { margin: 5px 0; font-size: 14px; font-weight: 400; letter-spacing: 0; } .product_info p.product_price { font-size: 14px; font-weight: 400; } .product_img { width: 100%; } .product_img { margin: auto; position: absolute; width: 100%; bottom: 0; top: 0; left: 0; right: 0; /* padding: 0 5px; */ padding: 0; } .imageFade { opacity: .8; transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; } body.template-index div#main li.product div.pagination, body.template-collection div#main li.product div.pagination { clear: both; } #pagination { float: left; width: 100%; margin: 10px 0; text-align: center; font-size: 14px; } #pagination span, #pagination a { padding: 8px 4px; border: none; } #pagination .disabled, #pagination .next, #pagination .previous { display: none; } #pagination .current { text-decoration: underline; } /* @media only screen and (max-width: 610px) { .product_container { float: none; margin: 0 auto; min-width: 350px; } } */ @media only screen and (max-width: 390px) { .product_container { float: none; margin: 0 auto; min-width: 285px; } } /* -------------------------------------------------------------- -=SALE TAG -------------------------------------------------------------- */ .sale_tag { position: absolute; top: 0; left: 5px; padding: 10px 10px; background-color: #de2b40; color: #ffffff; text-transform: uppercase; z-index: 99; font-size: 14px; } /* -------------------------------------------------------------- -=PRODUCTS POPUP INFO -------------------------------------------------------------- */ .product_popup_info { color: rgba(0, 0, 0, 0.9); background: rgba(255, 255, 255, 0.6); display: none; bottom: 0; left: 0; margin: auto; pointer-events: none; position: relative; right: 0; text-align: center; width: 100%; z-index: 999; height: 100%; } .popup_text { bottom: 0; left: 0; margin: 20% auto 0 !important; position: absolute; right: 0; top: 0; line-height: 28px; padding: 0 20px; } .popup_product_name, .popup_price { margin: 0; } .popup_product_name { font-size: 14px; font-weight: 400; letter-spacing: 0; } .popup_price { font-size: 14px; font-weight: 400; } .popup_underscore { margin: 10px auto; width: 25px; border-color: rgba(0, 0, 0, 0.9); /*border-color: rgba( #ffffff, 0.9 ); */ } @media only screen and (max-width: 610px) { .product_popup_info { display: inline-block; color: #000; background: rgba(255, 255, 255, 0.4); } } /* -------------------------------------------------------------- -=CART -------------------------------------------------------------- */ .cart_col_titles { border-bottom: 1px solid #dddddd; margin: 0; } .cart_summary { font-size: .9em; display: inline-block; float: right; } .cart_summary h3, .cart_summary h4 { font-size: 1.5em; text-align: right; margin: 0 0 15px; } .cart_summary h4 {font-size: 1.2em;} body.template-cart .cart_summary p { padding: 0; margin: 12px 0 15px; } .place_order { display: inline-block; float: right; margin: 0 0 10px; } #continue_button { margin-right: 5px; float: right; } #checkout_button, #no_checkout_button { float: right; } .update_link { position: absolute; font-size: .8em; /*color: blue;*/ left: 15px; top: 55px; } form li#cart-shipping-tax { margin-top: 5px; } body.template-cart form .cart_summary ul { border-bottom: none; padding: 0 } .order_total{ font-size: 1.1em; text-align: left; } .notes_to_seller {float: left; margin: 0 0 25px;} .notes_to_seller textarea {width: 100%;} body.template-cart form li.cart_item { border-bottom: 1px solid #dddddd; border-top: none; margin: 0; padding: 10px 0; } body.template-cart li img { display: block; margin: 0 auto; width: 100%; } .cart_item_container { /*width: 75px;*/ margin-right: 15px; } body.template-cart h5 { margin-top: 28px; } body.template-cart #main p { padding-top: 25px; } body.template-cart form p > input { text-align: center; width: 35px; } body.template-cart a.remove { display: inline-block; line-height: 20px; margin: 25px 0 0 0; text-align: center; } @media only screen and (max-width: 800px) { .update_link { top: 70px; } .place_order { float: right; width: 200px; } #continue_button { margin: 5px 0 0; } /*body.template-cart form:first-child li.cart_item { border-top: 1px solid #dddddd; } */ } /* --------------------------------------- -=CONTACT ------------------------------------------ */ .page-with-contact-form { text-align: center; margin: 0 auto; width: 375px; float: left; } .page-with-contact-form p { display: inline-block; margin: 0 0 10px; } .page-with-contact-form form label { text-align: left; } /********************************** -=related products **********************************/ .related_products { padding: 0; display: inline-block; width: 100%; } .related_products li { list-style: none; } .related_products h1 { } /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ /*.nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }*/ .nivo-controlNav { text-align: center; padding: 20px 0; } .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(/cdn/shop/t/2/assets/bullets.png?v=142503766185633413491410969383) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; cursor: pointer; } .nivo-controlNav a.active { background-position:0 -22px; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-default .nivoSlider { position:relative; background:#fff url(/cdn/shop/t/2/assets/loading.gif?v=114923576420267033671410969384); margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(/cdn/shop/t/2/assets/bullets.png?v=142503766185633413491410969383) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(/cdn/shop/t/2/assets/arrows.png?v=76755256507687821221410969383) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /************************* =-CUSTOMER ACCOUNT PAGES **************************/ .breadcrumb-navigation {display: inline-block; float: left;} .customer_accounts {text-align: right;} body#create-account #customer #create-customer { display: block; margin: 0 auto; width: 100%; } .template_header h2 {text-align: left;} .logout {float:right; display: inline;} #account label, #addresses label {margin: 0;} body#create-account #customer input, body#account #customer input, body#addresses #main input, body#addresses #main select { display: inline-block; margin-bottom: 15px; width: auto; } .template_header h2, #admin_header h2 { clear: both; display: block; font-size: 2em; margin: 25px 0; text-align: left; } body#addresses #main input#address_default_address_new, body#addresses #main button { display: inline-block; } body#addresses #main td{ display: block; } /* -------------------------------------------------------------- -=PRODUCT PAGE STYLES FOR HOVER & NO HOVER -------------------------------------------------------------- */ body.template-product .product_images { float: left; margin: 20px 0; width: 55%; } .product_details { float: left; text-align: left; position: relative; width: 45%; } .product_details .product_name, .mobile_product_description .product_name { font-size: 22px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .product_details .price, .mobile_product_description .price { font-size: 18px; font-weight: 400; } .mobile_product_description .price { font-size: 22px; } .mobile_product_description .product_name { font-size: 26px; } .product_details img { max-width: 285px; } body.template-product ul#custom_social_links { display: inline-block; list-style: none; padding: 10px 0 0; width: 100%; border-top: 1px solid #dddddd; } body.template-product ul#custom_social_links li { float: left; padding: 0 15px 0 0; } body.template-product #custom_social_links i { font-size: 16px; } .product_form { padding-bottom: 5px; clear: both; } body.template-product #main aside { border-right: none; font-size: 1em; padding-left: 30px; } p.artist{ font-size: .85em; width: 350px; padding-top: 15px; } #add_to_bag_button { margin: 20px 0 10px; display: block; } .product_form h3, h4 { margin: 0; padding: 0; } body.template-product .availability li { height: 16px; margin-bottom: 5px; } body.template-product .product_details ul#social_links { display: block; border-top: solid 1px #dddddd; margin-bottom: 10px; margin-left: -5px; width: 100%; margin-top: 26px; padding: 15px 0 0 0; } .quantity input { width: 30px; padding: 5px 10px; } .price_options { text-align: left; } .product_details .price { margin-bottom: 10px; margin-top: 6px; padding: 0 0 10px; } .product_description { border-top: 1px solid #dddddd; font-size: 16px; padding: 5px 0; } .label { font-weight: bold; font-size: 18px; margin: 15px 0 0; } .options_select{ margin-bottom: 5px; } body.template-product .product_details #social_links li { display: inline-block; margin: 0 5px 10px 0; padding: 0; opacity: 1; text-align: left; float: left; } body.template-product .product_details #social_links li#social_facebook{ margin-right: 5px; } body.template-product .product_details #social_links li#social_tweet{ width: 95px; } #social_links #social_facebook iframe { margin: 0 auto 0 5px; } #social_links #social_tweet iframe { height: 20px; margin-left: 5px !important; } #social_links #social_pinterest iframe { height: 20px; margin-left: 5px !important; } .mobile_product_description { text-align: center; margin-bottom: 15px; } .product_images ul { float: left; padding: 0; margin: 0; list-style: none; } .product_images li{ opacity: .5; margin: 0 0 3px 3px; vertical-align: top; max-width: 75px; } .product_images li.selected {opacity: 1;} .product_images li img {display: block; margin: 0 auto; max-width:75px;} .product_images li.selected a:hover {cursor: default;} .primary_image { width: 100%; visibility: visible; max-width: 500px; float:right; } .product_page_wrap { display: block; margin: 0 auto; max-width: 950px; } /* -------------------------------------------------------------- -=PRODUCT PAGE NO HOVER -------------------------------------------------------------- */ a.fancybox:hover {cursor: zoom-in;} #view_container { margin: 0 auto; width: 85%; float: left; overflow: hidden; } .primary_image { width: 100%; visibility: visible; } /* -------------------------------------------------------------- -= PRODUCT PAGE RESPONSIVE STYLES -------------------------------------------------------------- */ @media screen and (max-width: 1183px) { #view_container { /*margin: 0 auto;*/ width: 100%; float: none; } .product_images ul { margin: 0 0 4px; text-align: center; width: 100%; } .product_images li{ display: inline-block; opacity: .7; margin-right: 0px; margin-top: 4px; vertical-align: top; } body.template-product .product_images { /*margin: 0 0 30px;*/ } } @media screen and (max-width: 800px) { .price_options { display: block; margin: 0 auto; text-align: center; width: auto; } body.template-product #main aside { border: medium none; margin: 0 auto; padding: 0 50px; width: auto; } .primary_image { float: none; margin: 0 auto; display: block; } } @media screen and (max-width: 750px) { .product_form form { font-size: 1em; text-align: center; } #add_to_bag_button { margin: 20px auto 10px; } body.template-product .product_images, .product_details { width: 100%; } body.template-product #main aside { margin: 0 auto; padding: 0 10px; width: auto; } } @media screen and (max-width: 450px) { select#option { width: 100%; } } body#product .product_details ul#social_links { width: 100%; } @media only screen and (max-width: 990px) { body.template-product .product_details ul#social_links { margin: 25px auto; } } /****************************** -=BLOG *******************************/ .template-blog li {list-style: none;}