/*
Theme Name: Wetsuit Fit Finder
Theme URI: https://joebirkin.com
Author: Joe Birkin
Author URI: https://joebirkin.com
Version: 1.0
*/

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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%}*{box-sizing:border-box;-moz-box-sizing:border-box}

body {font-family:sans-serif;-webkit-font-smoothing: antialiased;}

a, input[type=submit] {cursor:pointer;-webkit-tap-highlight-color: transparent;}

.container {max-width:80rem;margin:0 auto;padding:0 4rem;}
.container.fat {padding-top:4rem;padding-bottom:4rem;}
.container.thin {padding-top:2rem;padding-bottom:2rem;}

.center, .centre, .centered {text-align:center;}
.center p {margin-left:auto;margin-right:auto;}
.upper {text-transform:uppercase;}
.relative {position:relative;}
.padded {padding:2em;}
.fill {position:absolute;top:0;left:0;right:0;bottom:0;}

.flex {display:flex;}
.flex.space-between {justify-content:space-between;}
.flex.justify-center {justify-content:center;}
.flex.flex-end {justify-content:flex-end;}
.flex.align-center {align-items:center;}
.flex.align-start {align-items:flex-start;}
.flex.align-end {align-items:flex-end;}
.flex.stretch {align-items:stretch;}
.flex.reverse {flex-direction:row-reverse;}
.flex.column {flex-direction:column;}
.flex.column.reverse {flex-direction:column-reverse;}
.flex.wrap, .flex-wrap {flex-wrap:wrap;}
.grid {display:grid;}

.bar {height:5px;background:#eee;}
.bar .value {display:block;background:#ccc;}

@media (min-width:750.1px){
	.fit-bars-wrapper {grid-template-columns:1fr 1fr 1fr;max-width:20rem;}
}