<link rel="stylesheet" type="text/css" href="[-- ShopSite_Images --]/backgrounds/entypo.css">[-- IF VAR.Type "page" --][-- ELSE_IF VAR.Type "more" --][-- ELSE --]<link rel="stylesheet" type="text/css" href="[-- VAR.URL --]/publish/cj-cgi.css">[-- END_IF --]<link rel="stylesheet" href="[-- VAR.URL --]/publish/cjboot.min.css">
<style type="text/css">html, body {height: 100%}body {[-- IF VAR.Type "page" --]background-color: [-- PAGE.BackgroundColor --][-- IF PAGE.BackgroundImage --];background-image:url([-- PAGE.BackgroundImage --])[-- END_IF --]}body,td{color:[-- PAGE.TextColor --]}a{color:[-- PAGE.LinkColor --]}a:hover{color:[-- PAGE.VisitedLinkColor --]}[-- ELSE_IF VAR.Type "more" --]background-color:#[-- MORE_INFO.BackgroundColor --][-- IF MORE_INFO.BackgroundImage --];background-image:url([-- MORE_INFO.BackgroundImageURL --])[-- END_IF --]}body,td{color:#[-- MORE_INFO.TextColor --]}a{color:#[-- MORE_INFO.LinkColor --]}a:hover{color:#[-- MORE_INFO.VisitedLinkColor --]}[-- ELSE_IF VAR.Type "cart" --]background-color:#[-- STORE.SC_BackgroundColor --][-- IF STORE.SC_BackgroundImage --];background-image:url([-- STORE.SC_BackgroundImage --])[-- END_IF --]}body,td{color:#[-- STORE.SC_TextColor --]}a{color:#[-- STORE.SC_LinkColor --]}a:hover{color:#[-- STORE.SC_VisitedLinkColor --]}[-- ELSE_IF VAR.Type "gift" --]background-color: #[-- STORE.GiftCert_BackgroundColor --][-- IF STORE.GiftCert_BackgroundImage --];background-image:url([-- STORE.GiftCert_BackgroundImage --])[-- END_IF --]}body,td{color:#[-- STORE.GiftCert_TextColor --]}a{color:#[-- STORE.GiftCert_LinkColor --]}a:hover{color:#[-- STORE.GiftCert_VisitedLinkColor --]}[-- ELSE --]background-color: #[-- STORE.BackgroundColor --][-- IF STORE.BackgroundImage --];background-image:url([-- STORE.BackgroundImage --])[-- END_IF --]}body,td{color:#[-- STORE.TextColor --]}a{color:#[-- STORE.LinkColor --]}a:hover{color:#[-- STORE.VisitedLinkColor --]}[-- END_IF --].container {position: relative;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px}@media (min-width: 768px) {.container {max-width: 100%}}@media (min-width: 992px) {.container {width: 960px; max-width: 100%}}@media (min-width: 1200px) {.container {width: [-- IF VAR.Type "page" --][-- PAGE.PageWidth --][-- ELSE --][-- STORE.PageWidth --][-- END_IF --];max-width: 100%}}[-- IF VAR.PageFill "content" --].carousel-inner {position: relative;margin-left: auto;margin-right: auto}@media (min-width: 768px) {.carousel-inner {max-width: 100%}}@media (min-width: 992px) {.carousel-inner {width: 960px; max-width: 100%}}@media (min-width: 1200px) {.carousel-inner {width: [-- IF VAR.Type "page" --][-- PAGE.PageWidth --][-- ELSE --][-- STORE.PageWidth --][-- END_IF --];max-width: 100%}}[-- END_IF --]div#cj-hn a{color:#[-- VAR.NavLColor --]}div#cj-hn a:hover{color:#[-- VAR.NavLHover --]}body.fillbrowser.navoverlayno div#cj-hnv, body.fillcontent.navoverlayno div#cj-hnv>div {background:#[-- VAR.NavBG --]}div#cj-nol {position: relative; background-color:#[-- VAR.NavBG --];background-position: center; background-repeat: no-repeat; background-size: cover;color:#FFF}button#cj-sTog:before, button#cj-sTog:after, body.mobile button#cj-navTog:before, body.mobile button#cj-navTog:after {border-color: #[-- VAR.HeaderIconColor --]}button#cj-sTog:hover:before, button#cj-sTog:hover:after, body.mobile button#cj-navTog:hover:before, body.mobile button#cj-navTog:hover:after {border-color: #[-- VAR.HeaderIconHover --]}a#signinlink>span,div#user-links a>span,div#cj-wl>a>span,div#cj-hp>a>span,a#cj-mini>span.icon-shopping-cart,div#cj-fc>a>span,div#cj-fc>div>span{color: #[-- VAR.HeaderIconColor --]}a#signinlink:hover>span,div#user-links a:hover>span,div#cj-wl>a:hover>span,div#cj-hp>a:hover>span,a#cj-mini:hover>span.icon-shopping-cart,div#cj-fc>a:hover>span,div#cj-fc>div>span:hover{color: #[-- VAR.HeaderIconHover --]}div#cj-fc [class^="icon-"],div#cj-fc [class*=" icon-"]{color:#[-- VAR.FooterIconColor --]}div#cj-fc .social_follow{background:#[-- VAR.FooterIconColor --]}div#cj-fc .social_follow:hover{background:#[-- VAR.FooterIconHover --]}div#cj-h ul#ShopSite > li > a {font-family:[-- VAR.NavFont --],[-- STORE.Font --]}
### Edges
[-- IF VAR.Edges "rounded" --].rounded .btn,.rounded div#miinfo span.ss_wl_Label,.rounded input[type="submit"],.rounded .btndiv > a,.rounded form.reviews_form input[type=button],.rounded .reviews_close_window,.rounded .social_follow,.rounded div#misubs,.rounded div#cj-car .card {border-radius:[-- VAR.EdgesRounded --]px; -moz-border-radius:[-- VAR.EdgesRounded --]px; -webkit-border-radius:[-- VAR.EdgesRounded --]px;}.rounded .input-group .form-control:nth-child(1){border-top-left-radius:[-- VAR.EdgesRounded --]px;border-bottom-left-radius:[-- VAR.EdgesRounded --]px;-webkit-border-top-left-radius:[-- VAR.EdgesRounded --]px;-webkit-border-bottom-left-radius:[-- VAR.EdgesRounded --]px;-moz-border-top-left-radius:[-- VAR.EdgesRounded --]px;-moz-border-bottom-left-radius:[-- VAR.EdgesRounded --]px}[-- END_IF --]
# Title Font
[-- IF VAR.TitleFont --]h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .left_pagetitle, .right_pagetitle, .footer_pagetitle, #cj-storename {font-family: [-- VAR.TitleFont --], [-- STORE.Font --]}[-- END_IF --]
### Theme specific
[-- IF VAR.CSS --][-- INCLUDE VAR.CSS PROCESS --][-- END_IF --]
# Jack Johnson Specific
html {height:100%;overflow:hidden;}
body {background: repeating-linear-gradient(45deg, #6d6033, #6d6033 2px, #5e5125 2px, #5e5125 4px);max-height:100%}
div#cj-m {position:static}
div#jj-header {height:26%;width:900px;max-width:96% !important}
div#jj-header > div {height:100%}
div#jj-header img {max-height:70%;}
div#jj-header div.nav-parent {width:180px;max-width:33%;filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 1))}
div#jj-header div.nav-parent a {position:relative;background: rgb(179,172,153);background: linear-gradient(90deg, rgba(179,172,153,1) 0%, rgba(230,227,221,1) 100%);display:block;line-height: 1.5em;font-family: "Oswald";color: #3f3e3c;font-size: 120%;text-transform: uppercase;padding: 0.25em 8px;margin-right: 6px;box-shadow:0px 0px 10px rgba(0,0,0,1);transition:all ease 0.5s;clip-path:polygon(0% 0%,0% 0%,95% 0%,100% 30%,100% 100%,0 100%,0 100%,0 100%);}
div#jj-header div.nav-parent a:hover {padding-bottom:20px}
div#jj-middle {width:100%;border-bottom:1px solid #a79f84;border-top:1px solid #a79f84}
div#jj-nav {position: relative;z-index: 1;bottom: -2px}
div#main-content {background:white;width:900px;max-width:96% !important;box-shadow:0px 0px 20px rgba(0,0,0,1);[-- IF VAR.Type "page" --][-- IF PAGE.FileName "index.htm" --]transition:all ease 2s;[-- END_IF --][-- END_IF --]z-index:2}
div#main-content > div {width:100%;height:100%}
div#main-content > div:before {display:block; content:'';position:absolute;top:0px;height:100%;border-right:1px solid #a79f84}
div#main-content > div:after {display:block; content:'';position:relative;border-left:1px solid #a79f84;float:right}
div#jj-content {height: 100%;overflow:hidden;padding-bottom:40px;position:relative}
div#jj-middlecontent {height:100%}
div#designing {box-shadow:0px 0px 7px rgba(0,0,0,1);padding:0.5em 15px 0.6em 15px;text-align:left;text-transform:uppercase;font-family:"Oswald";background:#707007;color:#bc9a50;font-size:90%;text-shadow:0px 0px 3px rgba(0,0,0,1);position:relative;z-index:1}
div#jj-footer {box-shadow:0px 0px 7px rgba(0,0,0,1);text-align:right;position:absolute;bottom:0px;width:100%;display:block; padding:0.5em 15px 0.6em 15px;color:#c3c09a;text-shadow:0px 0px 3px rgba(0,0,0,1);background:#707007;font-family:"Oswald";text-transform:uppercase}
div#jj-footer a {color:inherit;padding-left:20px}
div#jj-footer a:hover {color:#bc9a50}
div#left-sideways > div {transform: rotate(270deg);position: absolute;bottom: 60px;font-size: 400%;line-height: 40px;white-space: nowrap;font-family: "Oswald";text-transform: uppercase;text-align: left;width: 10px;height: 10px;left: 20px;color: #be9c52;font-weight: bold}
div#jj-gradient {background: rgb(179,172,153);background: linear-gradient(90deg, rgba(255,255,255,0) 8px, rgba(0,0,0,0.5) 15px, rgba(179,172,153,1) 15px, #f7f4eb 30%);}
div#pg-img-ph {background: #887c70;height: 100px;margin-top: 15px}
h1 {color:#45342d;text-transform:uppercase;font-size:200%;margin-bottom: 0px;font-weight: bold;}
div#page-title {background: #e2ded1}
div#dark-text {height:100%; background:#b1a992;overflow:auto}
div#set-height {height:calc(100% - 147px)}
div#set-height div.col-md-8 {height:100%;max-height:100%;overflow:auto}
div#cj-min {padding:0px !important;min-height:100px !important}
h3 {font-size: 115%;text-transform: none;text-decoration: underline}
div#left-links span, div#left-links a {display: block;padding: 0.4em;font-family: "Oswald";font-size: 80%;text-transform: uppercase;background: #e2ded1;margin-bottom: 3px;color: #4f4935;transition:all ease 0.4s}
div#left-links span.active, div#left-links a.active, div#left-links a:hover {color:#aa8a4c;background:#4f4935}
h4 {margin-top: 30px;font-size: 106%;text-transform: none;margin-bottom: 5px}
div.jj-portfolio {width:25%;float:left}
div.jj-portfolio a:nth-child(2) {opacity:0.5;transition:all ease 0.5s;display: block;padding-top: 98%;width: 98%;background-repeat: no-repeat;background-position: center;background-size: 320px;line-height: 0px;margin-bottom:2%}
div.jj-portfolio:nth-child(4n+1) {clear:left !important}
div.jj-portfolio a:hover {opacity:1}
div#miinfo {background: #605d1a;box-shadow: 0px 0px 6px rgba(0,0,0,0.6)}
div#jj-sans-gradient > div {max-height:100%}
div#jj-sans-gradient > div > div {max-height:100%;overflow:auto}
</style>
#
<script type="text/javascript">function setCookie(t,e,r){var o=new Date;o.setTime(o.getTime()+24*r*60*60*1e3);var n="expires="+o.toUTCString();document.cookie=t+"="+e+";"+n+";path=/"}function getCookie(t){for(var e=t+"=",r=document.cookie.split(";"),o=0;o<r.length;o++){for(var n=r[o];" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(e))return n.substring(e.length,n.length)}return""}function lsTest(){try{return localStorage.setItem("test","test"),localStorage.removeItem("test"),!0}catch(t){return!1}}</script>
<script type="text/javascript">if(lsTest() === true) {var cjns=localStorage.getItem('cjns');var cjnw=localStorage.getItem('cjnw');var cjnc=sessionStorage.getItem('cjnc');} else {var cjn=getCookie('cjn').split('|');var cjns=cjn[0];var cjnw=cjn[1];var cjnc=cjn[2];}</script>