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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} *, *:before, *:after {
box-sizing: border-box;
}
::selection     {background: #f6f150; color: #fff; }
::-moz-selection  {background: #f6f150; color #fff; }
img::selection    {background: transparent;}
img::-moz-selection {background: transparent;}
html { height: 100%; }
body {-webkit-tap-highlight-color: #f6f150;}
body {
font-weight: normal;
min-width: 320px;
font-family: 'SuisseLight',sans-serif;
line-height: 1.375rem;
}
ul { list-style: none; margin:0; padding: 0; }
p {
margin-bottom: 1rem;
}
blockquote {
padding-left: 1rem;
border-left: 1px solid #fff;
}
figcaption {
text-align: center;
font-size: 0.7rem;
opacity: 0.5;
}
a, a:link, a:visited {
color: #FFF;
}
a:hover *, a:visited:hover *, a.is-hover * {
opacity: 0.7;
}
.contains--underline-links a {
border-bottom: 1px solid #FFF;
}
.contains--underline-links a:hover {
opacity: 0.7;
}
a img {
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
a:hover img, a:visited:hover img, a.is-hover img {
opacity: 1;
transform: scale(1.01);
cursor: pointer;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'SuisseLight', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: grayscale;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.375rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.125rem;
}
strong {
font-family: 'SuisseBold';
font-weight: 600;
}
.float-right { float: right; }
.float-left { float: left; }
.float-none { float: none; }
.fullwidth { max-width: 100%; }
.wide { max-width: 70rem; }
.fullheight { height: 100%; }
.fullpage { height: 100vh; }
.fullcontent { height: calc(100vh - 300px); }
.fullwidth [class*="block-grid-"] { margin-right: 0; margin-left: 0; }
.flushgrid[class*="block-grid-"] { margin-right: -0.625em; margin-left: -0.625em; }
.flushgrid .column { padding-left:0; padding-right:0; }
.flush-padding .columns, .flush-padding .column { padding-left: 0; padding-right: 0; }
.flush-column.columns { padding-left: 0; padding-right:0; }
.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
body.is-fixed { position: fixed; overflow: hidden; width: 100%; }
body.hide-overflow { overflow: hidden; }
.flex { display: flex; }
.flex-col { flex: 1; }
.flex.flex-wrap {
flex-wrap: wrap;
}
.flex.flex-thirds .flex-col {
flex: 1 0 33.3333%;
}
.flex.flex-thirds .flex-col.flex-fill {
flex: 1 0 66.6666%;
}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-large { font-size: 2em; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: 900; }
.white { color: #FFF; }
.white-trans { color: rgba(255,255,255,.6); }
.white-bg { background-color: #FFF; }
.true-black { color: #000; }
.true-black-bg { background-color: #000; }
.black { color: #0e0e0e; }
.black-bg { background-color: #0e0e0e; }
.grey { color: #171717; }
.grey-bg { background-color: #171717; }
.light-grey { color: #616161; }
.light-grey-bg { background-color: #616161; }
.yellow { color: #f6f150; }
.yellow-bg { background-color: #f6f150; }
.tmr-yellow { color: #f8d347 !important; }
.tmr-yellow-bg { background-color: #f8d347 !important; }
.tmr-blue { color: #3076ac !important; }
.tmr-blue-bg { background-color: #3076ac !important; }
.jackwhite-blue { color: #58b4e5 !important; }
.jackwhite-blue-bg { background-color: #58b4e5 !important; }
.raconteurs-copper { color: #B87333 !important; }
.raconteurs-copper-bg { background-color: #B87333 !important; }
.deadweather-grey { color: #C0C0C0 !important; }
.deadweather-grey-bg { background-color: #C0C0C0 !important; }
.whitestripes-red { color: #ff3f2d !important; }
.whitestripes-red-bg { background-color: #ff3f2d !important; }
.warstic-gold { color: #d1aa5a !important; }
.warstic-gold-bg { background-color: #d1aa5a !important; }
.red { color: #eb3324; }
.red-bg { background-color: #eb3324; }
.blue { color: #0020db; }
.blue-bg { background-color: #0020db; }
.filter--greyscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.is-error { border: 1px solid #F00; background: #fffff4; }
.inline-block { display: inline-block; }
ul.indent {
margin-left: 2em;
margin-right: 2em;
}
ul.indent li {
padding-bottom: 1.5em;
}
hr.slim {
max-width: 20rem;
}
.vertical-center {
position: relative;
top: 50%;
transform: translateY(-55%);
}
.align-bottom {
position: absolute;
bottom: 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.medium-only-full-height {
height: 100%;
}
}
@media screen and (max-width: 39.9375em) {
.small-only-text-center {
text-align: center;
}
.vertical-center.small-only-text-center {
left: 50%;
transform: translateX(-50%);
}
.small-only-full-height {
height: 100%;
}
.small-only-half-height {
height: 50%;
}
.small-only-no-border {
border: none !important;
}
}
.hidden, .is-hidden { display: none !important; }
.visibility-zero, .is-invisible { visibility: hidden !important; }
.block { display: block !important; }
.main-column .sidebar-interloper { display: none !important; }
.letterspace { letter-spacing: 2px; }
.letterspace-wide { letter-spacing: 1em; }
.content-padding {
padding-left: 3em;
padding-right: 3em;
padding-bottom: 5em;
}
.padding-xsmall { padding: .5em; }
.padding-small { padding: 1.5em; }
.padding-medium { padding: 2.5em; }
.padding { padding: 3em; }
.padding-large { padding: 5em; }
.padding-xlarge { padding: 7em; }
.padding-top-xsmall { padding-top: .5em; }
.padding-top-small { padding-top: 1.5em; }
.padding-top-medium { padding-top: 2.5em; }
.padding-top { padding-top: 3em; }
.padding-top-large { padding-top: 5em; }
.padding-top-none { padding-top: 0px; }
.padding-bottom-xsmall { padding-bottom: .5em; }
.padding-bottom-small { padding-bottom: 1.5em; }
.padding-bottom-medium { padding-bottom: 2.5em; }
.padding-bottom { padding-bottom: 3em; }
.padding-bottom-large { padding-bottom: 5em; }
.padding-bottom-xlarge { padding-bottom: 7em; }
.padding-bottom-none { padding-bottom: 0px; }
.padding-left-xsmall { padding-left: .5em; }
.padding-left-small { padding-left: 1.5em; }
.padding-left-medium { padding-left: 2.5em; }
.padding-left { padding-left: 3em; }
.padding-left-large { padding-left: 5em; }
.padding-left-none { padding-left: 0px; }
.padding-right-xsmall { padding-right: .5em; }
.padding-right-small { padding-right: 1.5em; }
.padding-right-medium { padding-right: 2.5em; }
.padding-right { padding-right: 3em; }
.padding-right-large { padding-right: 5em; }
.padding-right-none { padding-right: 0px; }
.padding-small-flush-sides { padding: 1.5em 0 1.5em 0; }
.margin-xsmall { margin: .5em; }
.margin-small { margin: 1.5em; }
.margin-medium { margin: 2.5em; }
.margin { margin: 3em; }
.margin-large { margin: 5em; }
.margin-top-xsmall { margin-top: .5em; }
.margin-top-small { margin-top: 1.5em; }
.margin-top-medium { margin-top: 2.5em; }
.margin-top { margin-top: 3em; }
.margin-top-large { margin-top: 5em; }
.margin-top-xlarge { margin-top: 7em; }
.margin-top-none { margin-top: 0; }
.margin-bottom-xsmall { margin-bottom: .5em; }
.margin-bottom-small { margin-bottom: 1.5em; }
.margin-bottom-medium { margin-bottom: 2.5em; }
.margin-bottom { margin-bottom: 3em; }
.margin-bottom-large { margin-bottom: 5em; }
.margin-bottom-xlarge { margin-bottom: 7em; }
.margin-bottom-none { margin-bottom: 0; }
.margin-left-xsmall { margin-left: .5em; }
.margin-left-small { margin-left: 1.5em; }
.margin-left-medium { margin-left: 2.5em; }
.margin-left { margin-left: 3em; }
.margin-left-large { margin-left: 5em; }
.margin-left-none { margin-left: 0; }
.margin-right-xsmall { margin-right: .5em; }
.margin-right-small { margin-right: 1.5em; }
.margin-right-medium { margin-right: 2.5em; }
.margin-right { margin-right: 3em; }
.margin-right-large { margin-right: 5em; }
.margin-right-none { margin-right: 0; } @media screen and (min-width: 64em) {
.padding-left-large-only { padding-left: 3em; }
.padding-right-large-only { padding-right: 3em; }
.padding-top-large-only { padding-top: 3em; }
.padding-bottom-large-only { padding-bottom: 3em; }
}
@media screen and (max-width: 39.9375em) {
.content-padding {
padding-left: 0em;
padding-right: 0em;
padding-bottom: 5em;
}
.content-padding.padding-bottom-small {
padding-bottom: 2em;
}
.small-only-margin-top-none { margin-top: 0px; }
.small-only-margin-bottom-none { margin-bottom: 0px; }
.small-only-margin-left-none { margin-left: 0px; }
.small-only-margin-right-none { margin-right: 0px; }
.small-only-padding-xsmall { padding: .5em; }
.small-only-padding-small { padding: 1.5em; }
.small-only-padding-medium { padding: 2.5em; }
.small-only-padding { padding: 3em; }
.small-only-padding-large { padding: 5em; }
.small-only-padding-xlarge { padding: 7em; }
.small-only-padding-none { padding: 0; }
.small-only-padding-top-xsmall { padding-top: .5em; }
.small-only-padding-top-small { padding-top: 1.5em; }
.small-only-padding-top-medium { padding-top: 2.5em; }
.small-only-padding-top { padding-top: 3em; }
.small-only-padding-top-large { padding-top: 5em; }
.small-only-padding-top-none { padding-top: 0px; }
.small-only-padding-bottom-xsmall { padding-bottom: .5em; }
.small-only-padding-bottom-small { padding-bottom: 1.5em; }
.small-only-padding-bottom-medium { padding-bottom: 2.5em; }
.small-only-padding-bottom { padding-bottom: 3em; }
.small-only-padding-bottom-large { padding-bottom: 5em; }
.small-only-padding-bottom-none { padding-bottom: 0px; }
.small-only-padding-left-none { padding-left: 0; }
.small-only-padding-right-none { padding-right: 0; }
.small-only-padding-left-small { padding-left: 1.5em; }
.small-only-padding-right-small { padding-right: 1.5em; }
}   .border { border: 1px solid #023240; }
.border-dotted { border: 1px dashed #023240; }
.border-thick { border: 10px solid #023240; }
.border-thin { border: 5px solid #023240; }
.border-top { border-top: 1px solid #023240; }
.border-top-none { border-top: none; }
.border-bottom { border-bottom: 1px solid #023240; }
.border-bottom-none { border-bottom: none; }
.border-black { border-color: #023240; }
.border-left { border-left: 1px solid #023240; }
.border-left-none { border-left: none; }
.border-right { border-right: 1px solid #023240; }
.border-right-none { border-right: none; }
.border-color-grey { border-color: rgba(0,0,0,0.2); }
.border-color-error { border-color: rgba(255,0,0,0.2); }
.relative { position: relative; }
.fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.absolute { position: absolute; top:0; left:0; width: 100%; height: 100%; }
.fixed-content { position: relative; z-index: 900; }
.inline-list { list-style: none; margin:0; padding: 0; }
.inline-list li { display: inline; }
.inversed { color: #FFF; background: #000; display: inline-block; padding-left: 10px; padding-right: 10px; }
.large-text { font-size: 1.2em; }
.background {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bg-multiply {
-webkit-background-blend-mode: multiply;
background-blend-mode: multiply;
}
.bg-screen {
-webkit-background-blend-mode: screen;
background-blend-mode: screen;
}
.bg-color {
background-blend-mode: color;
}
.widescreen {
height: 0;
padding-top: 56.25%;
position: relative;
}
.widescreen.rounded {
border-radius: 3px;
overflow: hidden;
}
.widescreen a.fill-container,
.widescreen .wp-block-embed__wrapper,
.widescreen iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.widescreen a.fill-container {
display: block;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.button,
input[type='submit'] {
-webkit-appearance: none;
font-family: 'SuisseBold', sans-serif;
display: inline-block;
background-color: #000;
color: #fff ;
letter-spacing: 0px;
font-size: 1rem;
padding: 10px 40px;
margin: 0;
border-radius: 24px;
border: 2px solid #000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background: #000 url(//jackwhiteartanddesign.com/wp-content/themes/jackwhitestudios/images/chevron--right--white.svg) no-repeat 90% center;
background-size: 14px 14px;
z-index: 100;
}
.button:hover,
.button.is-hover,
input[type='submit']:hover,
input[type='submit'].hover {
background-color: #eb3324;
border: 2px solid #eb3324;
color: #FFF;
cursor: pointer;
opacity: 1;
}
.button.active, .button:active,
.button.focus, .button:focus {
background-color: #eb3324;
}
.button.grey {
background-color: rgba(0,0,0,0.2);
border-color: rgba(0,0,0,0.05);
} .rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides div.column {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides div.column:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.rslides_nav {
display: none !important;
}
.rslides_nav:hover {
background: rgba(255,255,255,1);
color: #FFF;
}
.rslides_nav.rslides1_nav.next {
left: auto;
right: 0;
}
.rslides--navigation-container {
z-index: 100;
background: rgba(0,0,0,0.5);
padding: 10px 20px;
border-radius: 20px;
display: inline-block;
position: absolute;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
}
ul.rslides_tabs {
display: block;
text-align: center;
}
ul.rslides_tabs li {
display: inline-block;
margin-right: 15px;
}
ul.rslides_tabs li:last-child {
margin-right: 0;
}
ul.rslides_tabs li a {
text-indent: -9999px;
font-size: 11px;
background: rgba(255,255,255,0.5);
border-radius: 50%;
overflow: hidden;
opacity: 0.3;
display: block;
width: 10px;
height: 10px;
}
ul.rslides_tabs li a:hover,
ul.rslides_tabs li.rslides_here  a{
border-bottom-color: rgba(0,0,0,0);
opacity: 1;
background: rgba(255,255,255,1)
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}