core-shell/assets/css/main.css
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display: block;
}
audio,canvas,video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
button,html,input,select,textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: dotted thin;
}
a:active,a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
h2 {
font-size: 1.5em;
margin: .83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: .83em;
margin: 1.67em 0;
}
h6 {
font-size: .67em;
margin: 2.33em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,strong {
font-weight: 700;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
p,pre {
margin: 1em 0;
}
code,kbd,pre,samp {
font-family: monospace,serif;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
small {
font-size: 80%;
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
dl,menu,ol,ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
menu,ol,ul {
padding: 0 0 0 40px;
}
nav ol,nav ul {
list-style: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure,form {
margin: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,input,select,textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button,input {
line-height: normal;
}
button,select {
text-transform: none;
}
button,html input[type=button],input[type=reset],input[type=submit],a.button-primary {
-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,a.button-primary::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
[hidden] {
display: none!important;
}
.img {
max-width: 100%;
height: auto;
display: block;
}
.g {
text-rendering: optimizespeed;
font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
}
.g,.opera-only :-o-prefocus {
word-spacing: -.43em;
}
.u {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
/*
.g [class*="u"] {
font-family: sans-serif;
}
*/
.u-1,.u-1-1,.u-1-12,.u-1-2,.u-1-24,.u-1-3,.u-1-4,.u-1-5,.u-1-6,.u-1-8,.u-10-24,.u-11-12,.u-11-24,.u-12-24,.u-13-24,.u-14-24,.u-15-24,.u-16-24,.u-17-24,.u-18-24,.u-19-24,.u-2-24,.u-2-3,.u-2-5,.u-20-24,.u-21-24,.u-22-24,.u-23-24,.u-24-24,.u-3-24,.u-3-4,.u-3-5,.u-3-8,.u-4-24,.u-4-5,.u-5-12,.u-5-24,.u-5-5,.u-5-6,.u-5-8,.u-6-24,.u-7-12,.u-7-24,.u-7-8,.u-8-24,.u-9-24 {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.u-1-24 {
width: 4.1667%;
}
.u-1-12,.u-2-24 {
width: 8.3333%;
}
.u-1-8,.u-3-24 {
width: 12.5%;
}
.u-1-6,.u-4-24 {
width: 16.6667%;
}
.u-1-5 {
width: 20%;
}
.u-5-24 {
width: 20.8333%;
}
.u-1-4,.u-6-24 {
width: 25%;
}
.u-7-24 {
width: 29.1667%;
}
.u-1-3,.u-8-24 {
width: 32.9%;
}
.u-3-8,.u-9-24 {
width: 37.5%;
}
.u-2-5 {
width: 40%;
}
.u-10-24,.u-5-12 {
width: 41.6667%;
}
.u-11-24 {
width: 45.8333%;
}
.u-1-2,.u-12-24 {
width: 50%;
}
.u-13-24 {
width: 54.1667%;
}
.u-14-24,.u-7-12 {
width: 58.3333%;
}
.u-3-5 {
width: 60%;
}
.u-15-24,.u-5-8 {
width: 62.5%;
}
.u-16-24,.u-2-3 {
width: 66.6667%;
}
.u-17-24 {
width: 70.8333%;
}
.u-18-24,.u-3-4 {
width: 75%;
}
.u-19-24 {
width: 79.1667%;
}
.u-4-5 {
width: 80%;
}
.u-20-24,.u-5-6 {
width: 83.3333%;
}
.u-21-24,.u-7-8 {
width: 87.5%;
}
.u-11-12,.u-22-24 {
width: 91.6667%;
}
.u-23-24 {
width: 95.8333%;
}
.button,button,input[type=submit],a.button-primary {
display: inline-block;
zoom: 1;
line-height: normal;
white-space: nowrap;
vertical-align: baseline;
text-align: center;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button::-moz-focus-inner,button::-moz-focus-inner,input[type=submit]::-moz-focus-inner,a.button-primary::-moz-focus-inner {
padding: 0;
border: 0;
}
.button,button,input[type=submit],a.button-primary {
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
color: #444;
color: rgba(0,0,0,.8);
border: 1px solid #999;
border: 0 transparent;
background-color: #E6E6E6;
text-decoration: none;
}
.button-hover,.button:focus,.button:hover,button:hover,input[type=submit]:hover,a.button-primary:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
background-image: -moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
background-image: -o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}
.button:focus,button:focus,input[type=submit]:focus,a.button-primary:focus {
outline: 0;
}
.button-active,.button:active,a.button-primary:active {
box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
}
.button-disabled,.button-disabled:active,.button-disabled:focus,.button-disabled:hover,.button[disabled] {
border: 0;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=40);
-khtml-opacity: .4;
-moz-opacity: .4;
opacity: .4;
cursor: not-allowed;
box-shadow: none;
}
.button-hidden {
display: none;
}
.button::-moz-focus-inner,a.button-primary::-moz-focus-inner {
padding: 0;
border: 0;
}
.button-primary,.button-selected,.form-submit input[type=submit],a.button-primary,a.button-selected {
background-color: #0078e7;
color: #fff;
}
form input:not([type]),form input[type=color],form input[type=date],form input[type=datetime-local],form input[type=datetime],form input[type=email],form input[type=month],form input[type=number],form input[type=password],form input[type=search],form input[type=tel],form input[type=text],form input[type=time],form input[type=url],form input[type=week],form select,form textarea {
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form input[type=color] {
padding: .2em .5em;
}
form input:not([type]):focus,form input[type=color]:focus,form input[type=date]:focus,form input[type=datetime-local]:focus,form input[type=datetime]:focus,form input[type=email]:focus,form input[type=month]:focus,form input[type=number]:focus,form input[type=password]:focus,form input[type=search]:focus,form input[type=tel]:focus,form input[type=text]:focus,form input[type=time]:focus,form input[type=url]:focus,form input[type=week]:focus,form select:focus,form textarea:focus {
outline: 0;
border-color: #129FEA;
}
form input[type=checkbox]:focus,form input[type=file]:focus,form input[type=radio]:focus {
outline: #129FEA auto 1px;
}
form .checkbox,form .radio {
margin: .5em 0;
display: block;
}
form input:not([type])[disabled],form input[type=color][disabled],form input[type=date][disabled],form input[type=datetime-local][disabled],form input[type=datetime][disabled],form input[type=email][disabled],form input[type=month][disabled],form input[type=number][disabled],form input[type=password][disabled],form input[type=search][disabled],form input[type=tel][disabled],form input[type=text][disabled],form input[type=time][disabled],form input[type=url][disabled],form input[type=week][disabled],form select[disabled],form textarea[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3;
}
form input[readonly],form select[readonly],form textarea[readonly] {
background: #eee;
color: #777;
border-color: #ccc;
}
form input:focus:invalid,form select:focus:invalid,form textarea:focus:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
form input:focus:invalid:focus,form select:focus:invalid:focus,form textarea:focus:invalid:focus {
border-color: #e9322d;
}
form input[type=checkbox]:focus:invalid:focus,form input[type=file]:focus:invalid:focus,form input[type=radio]:focus:invalid:focus {
outline-color: #e9322d;
}
form select {
border: 1px solid #ccc;
background-color: #fff;
width: 100%;
}
form select[multiple] {
height: auto;
}
form label {
margin: .5em 0 .2em;
}
form fieldset {
margin: 0;
padding: .35em 0 .75em;
border: 0;
}
form legend {
display: block;
width: 100%;
padding: .3em 0;
margin-bottom: .3em;
color: #333;
border-bottom: 1px solid #e5e5e5;
}
form.stacked input:not([type]),form.stacked input[type=color],form.stacked input[type=date],form.stacked input[type=datetime-local],form.stacked input[type=datetime],form.stacked input[type=email],form.stacked input[type=month],form.stacked input[type=number],form.stacked input[type=password],form.stacked input[type=search],form.stacked input[type=tel],form.stacked input[type=text],form.stacked input[type=time],form.stacked input[type=url],form.stacked input[type=week],form.stacked label,form.stacked select,form.stacked textarea {
display: block;
margin: .25em 0;
}
form.aligned .help-inline,form.aligned input,form.aligned select,form.aligned textarea,form.message-inline {
display: inline-block;
vertical-align: middle;
}
form.aligned textarea {
vertical-align: top;
}
form.aligned .control-group {
margin-bottom: .5em;
}
form.aligned .control-group label {
text-align: right;
display: inline-block;
vertical-align: middle;
width: 10em;
margin: 0 1em 0 0;
}
form.aligned .controls {
margin: 1.5em 0 0 10em;
}
form .input-rounded,form input.input-rounded {
padding: .5em 1em;
}
form .group fieldset {
margin-bottom: 10px;
}
form .group input {
display: block;
padding: 10px;
margin: 0;
position: relative;
top: -1px;
}
form .group input:focus {
z-index: 2;
}
form .group input:first-child {
top: 1px;
}
form .group input:last-child {
top: -2px;
}
form .group button {
margin: .35em 0;
}
form .input-1 {
width: 100%;
}
form .input-2-3 {
width: 66%;
}
form .input-1-2 {
width: 50%;
}
form .input-1-3 {
width: 33%;
}
form .input-1-4 {
width: 25%;
}
form .help-inline,form.message-inline {
display: inline-block;
padding-left: .3em;
color: #666;
vertical-align: middle;
font-size: .875em;
}
form.message {
display: block;
color: #666;
font-size: .875em;
}
@media only screen and (max-width :480px) {
form button[type=submit] {
margin: .7em 0 0;
}
form input:not([type]),form input[type=color],form input[type=date],form input[type=datetime-local],form input[type=datetime],form input[type=email],form input[type=month],form input[type=number],form input[type=password],form input[type=search],form input[type=tel],form input[type=text],form input[type=time],form input[type=url],form input[type=week],form label {
margin-bottom: .3em;
display: block;
}
.group input:not([type]),.group input[type=color],.group input[type=date],.group input[type=datetime-local],.group input[type=datetime],.group input[type=email],.group input[type=month],.group input[type=number],.group input[type=password],.group input[type=search],.group input[type=tel],.group input[type=text],.group input[type=time],.group input[type=url],.group input[type=week] {
margin-bottom: 0;
}
form.aligned .control-group label {
margin-bottom: .3em;
text-align: left;
display: block;
width: 100%;
}
form.aligned .controls {
margin: 1.5em 0 0;
}
form .help-inline,form.message,form.message-inline {
display: block;
font-size: .75em;
padding: .2em 0 .8em;
};
}
.menu ul {
position: absolute;
visibility: hidden;
}
.menu.menu-open {
visibility: visible;
z-index: 2;
width: 100%;
}
.menu ul {
left: -10000px;
list-style: none;
margin: 0;
padding: 0;
top: -10000px;
z-index: 1;
}
.menu>ul {
position: relative;
}
.menu-open>ul {
left: 0;
top: 0;
visibility: visible;
}
.menu-open>ul:focus {
outline: 0;
}
.menu li {
position: relative;
}
.menu .menu-heading,.menu a {
display: block;
line-height: 1.5em;
padding: 5px 20px;
text-decoration: none;
white-space: nowrap;
}
.menu.menu-horizontal>.menu-heading {
display: inline-block;
zoom: 1;
margin: 0;
vertical-align: middle;
}
.menu.menu-horizontal>ul {
display: inline-block;
zoom: 1;
vertical-align: middle;
}
.menu a {
padding: 0.625em 1em;
}
.menu-can-have-children>.menu-label:after {
content: '\25B8';
float: right;
font-family: 'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;
margin-right: -20px;
margin-top: -1px;
}
.menu-can-have-children>.menu-label {
padding-right: 30px;
}
.menu-separator {
background-color: #dfdfdf;
display: block;
height: 1px;
font-size: 0;
margin: 7px 2px;
overflow: hidden;
}
.menu-hidden {
display: none;
}
.menu-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.menu-horizontal li {
display: inline-block;
zoom: 1;
vertical-align: middle;
}
.menu-horizontal li li {
display: block;
}
.menu-horizontal>.menu-children>.menu-can-have-children>.menu-label:after {
content: "\25BE";
}
.menu-horizontal>.menu-children>.menu-can-have-children>.menu-label {
padding-right: 30px;
}
.menu-horizontal li.menu-separator {
height: 50%;
width: 1px;
margin: 0 7px;
}
.menu-horizontal li li.menu-separator {
height: 1px;
width: auto;
margin: 7px 2px;
}
.menu.menu-horizontal li .menu-children,.menu.menu-open {
background: #fff;
border: 1px solid #b7b7b7;
}
.menu.menu-horizontal,.menu.menu-horizontal .menu-heading {
border: 0;
}
.menu a {
border: 1px solid transparent;
border-left: 0;
border-right: 0;
}
.menu .menu-can-have-children>li:after,.menu a {
color: #777;
}
.menu .menu-can-have-children>li:hover:after {
color: #fff;
}
.menu .menu-open {
background: #dedede;
}
.menu li a:focus,.menu li a:hover {
background: #eee;
}
.menu li.menu-disabled a:focus,.menu li.menu-disabled a:hover {
background: #fff;
color: #bfbfbf;
}
.menu .menu-disabled>a {
background-image: none;
border-color: transparent;
cursor: default;
}
.menu .menu-can-have-children.menu-disabled>a:after,.menu .menu-disabled>a {
color: #bfbfbf;
}
.menu .menu-heading {
color: #565d64;
text-transform: uppercase;
font-size: 90%;
margin-top: .5em;
padding-bottom: .5em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dfdfdf;
}
.menu .menu-selected a {
color: #000;
}
.menu.menu-open.menu-fixed {
border: 0;
border-bottom: 1px solid #b7b7b7;
}
.paginator {
letter-spacing: -.31em;
text-rendering: optimizespeed;
list-style: none;
margin: 0;
padding: 0;
}
.opera-only :-o-prefocus,.paginator {
word-spacing: -.43em;
}
.infinite-scroll .paginator {
display: none;
}
.paginator li {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.paginator .button {
padding: .8em 1.4em;
vertical-align: top;
height: 1.1em;
}
.paginator .button:active,.paginator .button:focus {
outline-style: none;
}
.paginator .next,.paginator .prev {
color: #C0C1C3;
text-shadow: 0 -1px 0 rgba(0,0,0,.45);
}
@media (max-width:480px) {
.menu-horizontal {
width: 100%;
}
.menu-children li {
display: block;
border-bottom: 1px solid #000;
};
}
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #cbcbcb;
}
table caption {
color: #000;
font: italic 85%/1 arial,sans-serif;
padding: 1em 0;
text-align: center;
}
table td,table th {
border-left: 1px solid #cbcbcb;
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
padding: .5em 1em;
}
table td:first-child,table th:first-child {
border-left-width: 0;
}
table thead {
background: #e0e0e0;
color: #000;
text-align: left;
vertical-align: bottom;
}
table td {
background-color: transparent;
}
table.odd td,table.striped tr:nth-child(2n-1) td {
background-color: #f2f2f2;
}
table.bordered td {
border-bottom: 1px solid #cbcbcb;
}
table.bordered tbody>tr:last-child td,table.horizontal tbody>tr:last-child td {
border-bottom-width: 0;
}
table.horizontal td,table.horizontal th {
border-width: 0 0 1px;
border-bottom: 1px solid #cbcbcb;
}
table.horizontal tbody>tr:last-child td {
border-bottom-width: 0;
}
@media screen and (min-width:35.5em) {
.u-sm-1,.u-sm-1-1,.u-sm-1-12,.u-sm-1-2,.u-sm-1-24,.u-sm-1-3,.u-sm-1-4,.u-sm-1-5,.u-sm-1-6,.u-sm-1-8,.u-sm-10-24,.u-sm-11-12,.u-sm-11-24,.u-sm-12-24,.u-sm-13-24,.u-sm-14-24,.u-sm-15-24,.u-sm-16-24,.u-sm-17-24,.u-sm-18-24,.u-sm-19-24,.u-sm-2-24,.u-sm-2-3,.u-sm-2-5,.u-sm-20-24,.u-sm-21-24,.u-sm-22-24,.u-sm-23-24,.u-sm-24-24,.u-sm-3-24,.u-sm-3-4,.u-sm-3-5,.u-sm-3-8,.u-sm-4-24,.u-sm-4-5,.u-sm-5-12,.u-sm-5-24,.u-sm-5-5,.u-sm-5-6,.u-sm-5-8,.u-sm-6-24,.u-sm-7-12,.u-sm-7-24,.u-sm-7-8,.u-sm-8-24,.u-sm-9-24 {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.u-sm-1-24 {
width: 4.1667%;
}
.u-sm-1-12,.u-sm-2-24 {
width: 8.3333%;
}
.u-sm-1-8,.u-sm-3-24 {
width: 12.5%;
}
.u-sm-1-6,.u-sm-4-24 {
width: 16.6667%;
}
.u-sm-1-5 {
width: 20%;
}
.u-sm-5-24 {
width: 20.8333%;
}
.u-sm-1-4,.u-sm-6-24 {
width: 25%;
}
.u-sm-7-24 {
width: 29.1667%;
}
.u-sm-1-3,.u-sm-8-24 {
width: 32.9%;
}
.u-sm-3-8,.u-sm-9-24 {
width: 37.5%;
}
.u-sm-2-5 {
width: 40%;
}
.u-sm-10-24,.u-sm-5-12 {
width: 41.6667%;
}
.u-sm-11-24 {
width: 45.8333%;
}
.u-sm-1-2,.u-sm-12-24 {
width: 50%;
}
.u-sm-13-24 {
width: 54.1667%;
}
.u-sm-14-24,.u-sm-7-12 {
width: 58.3333%;
}
.u-sm-3-5 {
width: 60%;
}
.u-sm-15-24,.u-sm-5-8 {
width: 62.5%;
}
.u-sm-16-24,.u-sm-2-3 {
width: 66.6667%;
}
.u-sm-17-24 {
width: 70.8333%;
}
.u-sm-18-24,.u-sm-3-4 {
width: 75%;
}
.u-sm-19-24 {
width: 79.1667%;
}
.u-sm-4-5 {
width: 80%;
}
.u-sm-20-24,.u-sm-5-6 {
width: 83.3333%;
}
.u-sm-21-24,.u-sm-7-8 {
width: 87.5%;
}
.u-sm-11-12,.u-sm-22-24 {
width: 91.6667%;
}
.u-sm-23-24 {
width: 95.8333%;
}
}
@media screen and (min-width:48em) {
.u-md-1,.u-md-1-1,.u-md-1-12,.u-md-1-2,.u-md-1-24,.u-md-1-3,.u-md-1-4,.u-md-1-5,.u-md-1-6,.u-md-1-8,.u-md-10-24,.u-md-11-12,.u-md-11-24,.u-md-12-24,.u-md-13-24,.u-md-14-24,.u-md-15-24,.u-md-16-24,.u-md-17-24,.u-md-18-24,.u-md-19-24,.u-md-2-24,.u-md-2-3,.u-md-2-5,.u-md-20-24,.u-md-21-24,.u-md-22-24,.u-md-23-24,.u-md-24-24,.u-md-3-24,.u-md-3-4,.u-md-3-5,.u-md-3-8,.u-md-4-24,.u-md-4-5,.u-md-5-12,.u-md-5-24,.u-md-5-5,.u-md-5-6,.u-md-5-8,.u-md-6-24,.u-md-7-12,.u-md-7-24,.u-md-7-8,.u-md-8-24,.u-md-9-24 {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.u-md-1-24 {
width: 4.1667%;
}
.u-md-1-12,.u-md-2-24 {
width: 8.3333%;
}
.u-md-1-8,.u-md-3-24 {
width: 12.5%;
}
.u-md-1-6,.u-md-4-24 {
width: 16.6667%;
}
.u-md-1-5 {
width: 20%;
}
.u-md-5-24 {
width: 20.8333%;
}
.u-md-1-4,.u-md-6-24 {
width: 24.5%;
}
.u-md-7-24 {
width: 29.1667%;
}
.u-md-1-3,.u-md-8-24 {
width: 32.9%;
}
.u-md-3-8,.u-md-9-24 {
width: 37.5%;
}
.u-md-2-5 {
width: 40%;
}
.u-md-10-24,.u-md-5-12 {
width: 41.6667%;
}
.u-md-11-24 {
width: 45.8333%;
}
.u-md-1-2,.u-md-12-24 {
width: 49%;
}
.u-md-13-24 {
width: 54.1667%;
}
.u-md-14-24,.u-md-7-12 {
width: 58.3333%;
}
.u-md-3-5 {
width: 60%;
}
.u-md-15-24,.u-md-5-8 {
width: 62.5%;
}
.u-md-16-24,.u-md-2-3 {
width: 66%;
}
.u-md-17-24 {
width: 70.8333%;
}
.u-md-18-24,.u-md-3-4 {
width: 74.9%;
}
.u-md-19-24 {
width: 79.1667%;
}
.u-md-4-5 {
width: 80%;
}
.u-md-20-24,.u-md-5-6 {
width: 83.3333%;
}
.u-md-21-24,.u-md-7-8 {
width: 87.5%;
}
.u-md-11-12,.u-md-22-24 {
width: 91.6667%;
}
.u-md-23-24 {
width: 95.8333%;
}
.u-md-1,.u-md-1-1,.u-md-24-24,.u-md-5-5 {
width: 100%;
}
}
@media screen and (min-width:64em) {
.u-lg-1,.u-lg-1-1,.u-lg-1-12,.u-lg-1-2,.u-lg-1-24,.u-lg-1-3,.u-lg-1-4,.u-lg-1-5,.u-lg-1-6,.u-lg-1-8,.u-lg-10-24,.u-lg-11-12,.u-lg-11-24,.u-lg-12-24,.u-lg-13-24,.u-lg-14-24,.u-lg-15-24,.u-lg-16-24,.u-lg-17-24,.u-lg-18-24,.u-lg-19-24,.u-lg-2-24,.u-lg-2-3,.u-lg-2-5,.u-lg-20-24,.u-lg-21-24,.u-lg-22-24,.u-lg-23-24,.u-lg-24-24,.u-lg-3-24,.u-lg-3-4,.u-lg-3-5,.u-lg-3-8,.u-lg-4-24,.u-lg-4-5,.u-lg-5-12,.u-lg-5-24,.u-lg-5-5,.u-lg-5-6,.u-lg-5-8,.u-lg-6-24,.u-lg-7-12,.u-lg-7-24,.u-lg-7-8,.u-lg-8-24,.u-lg-9-24 {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.u-lg-1-24 {
width: 4.1667%;
}
.u-lg-1-12,.u-lg-2-24 {
width: 8.3333%;
}
.u-lg-1-8,.u-lg-3-24 {
width: 12.5%;
}
.u-lg-1-6,.u-lg-4-24 {
width: 16.6667%;
}
.u-lg-1-5 {
width: 20%;
}
.u-lg-5-24 {
width: 20.8333%;
}
.u-lg-1-4,.u-lg-6-24 {
width: 25%;
}
.u-lg-7-24 {
width: 29.1667%;
}
.u-lg-1-3,.u-lg-8-24 {
width: 32.9%;
}
.u-lg-3-8,.u-lg-9-24 {
width: 37.5%;
}
.u-lg-2-5 {
width: 40%;
}
.u-lg-10-24,.u-lg-5-12 {
width: 41.6667%;
}
.u-lg-11-24 {
width: 45.8333%;
}
.u-lg-1-2,.u-lg-12-24 {
width: 50%;
}
.u-lg-13-24 {
width: 54.1667%;
}
.u-lg-14-24,.u-lg-7-12 {
width: 58.3333%;
}
.u-lg-3-5 {
width: 60%;
}
.u-lg-15-24,.u-lg-5-8 {
width: 62.5%;
}
.u-lg-16-24,.u-lg-2-3 {
width: 66.6667%;
}
.u-lg-17-24 {
width: 70.8333%;
}
.u-lg-18-24,.u-lg-3-4 {
width: 75%;
}
.u-lg-19-24 {
width: 79.1667%;
}
.u-lg-4-5 {
width: 80%;
}
.u-lg-20-24,.u-lg-5-6 {
width: 83.3333%;
}
.u-lg-21-24,.u-lg-7-8 {
width: 87.5%;
}
.u-lg-11-12,.u-lg-22-24 {
width: 91.6667%;
}
.u-lg-23-24 {
width: 95.8333%;
}
.u-lg-1,.u-lg-1-1,.u-lg-24-24,.u-lg-5-5 {
width: 100%;
};
}
@media screen and (min-width:80em) {
.u-xl-1,.u-xl-1-1,.u-xl-1-12,.u-xl-1-2,.u-xl-1-24,.u-xl-1-3,.u-xl-1-4,.u-xl-1-5,.u-xl-1-6,.u-xl-1-8,.u-xl-10-24,.u-xl-11-12,.u-xl-11-24,.u-xl-12-24,.u-xl-13-24,.u-xl-14-24,.u-xl-15-24,.u-xl-16-24,.u-xl-17-24,.u-xl-18-24,.u-xl-19-24,.u-xl-2-24,.u-xl-2-3,.u-xl-2-5,.u-xl-20-24,.u-xl-21-24,.u-xl-22-24,.u-xl-23-24,.u-xl-24-24,.u-xl-3-24,.u-xl-3-4,.u-xl-3-5,.u-xl-3-8,.u-xl-4-24,.u-xl-4-5,.u-xl-5-12,.u-xl-5-24,.u-xl-5-5,.u-xl-5-6,.u-xl-5-8,.u-xl-6-24,.u-xl-7-12,.u-xl-7-24,.u-xl-7-8,.u-xl-8-24,.u-xl-9-24 {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.u-xl-1-24 {
width: 4.1667%;
}
.u-xl-1-12,.u-xl-2-24 {
width: 8.3333%;
}
.u-xl-1-8,.u-xl-3-24 {
width: 12.5%;
}
.u-xl-1-6,.u-xl-4-24 {
width: 16.6667%;
}
.u-xl-1-5 {
width: 20%;
}
.u-xl-5-24 {
width: 20.8333%;
}
.u-xl-1-4,.u-xl-6-24 {
width: 25%;
}
.u-xl-7-24 {
width: 29.1667%;
}
.u-xl-1-3,.u-xl-8-24 {
width: 32.9%;
}
.u-xl-3-8,.u-xl-9-24 {
width: 37.5%;
}
.u-xl-2-5 {
width: 40%;
}
.u-xl-10-24,.u-xl-5-12 {
width: 41.6667%;
}
.u-xl-11-24 {
width: 45.8333%;
}
.u-xl-1-2,.u-xl-12-24 {
width: 50%;
}
.u-xl-13-24 {
width: 54.1667%;
}
.u-xl-14-24,.u-xl-7-12 {
width: 58.3333%;
}
.u-xl-3-5 {
width: 60%;
}
.u-xl-15-24,.u-xl-5-8 {
width: 62.5%;
}
.u-xl-16-24,.u-xl-2-3 {
width: 66.6667%;
}
.u-xl-17-24 {
width: 70.8333%;
}
.u-xl-18-24,.u-xl-3-4 {
width: 75%;
}
.u-xl-19-24 {
width: 79.1667%;
}
.u-xl-4-5 {
width: 80%;
}
.u-xl-20-24,.u-xl-5-6 {
width: 83.3333%;
}
.u-xl-21-24,.u-xl-7-8 {
width: 87.5%;
}
.u-xl-11-12,.u-xl-22-24 {
width: 91.6667%;
}
.u-xl-23-24 {
width: 95.8333%;
}
.u-xl-1,.u-xl-1-1,.u-xl-24-24,.u-xl-5-5 {
width: 100%;
};
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
color: #3d92c9;
line-height: 1.5;
}
a:focus,a:hover {
text-decoration: underline;
}
h3 {
font-weight: 100;
}
img {
max-width: 100%;
height: auto;
}
#layout {
padding: 0;
}
.page-header {
text-align: center;
top: auto;
padding: 6em;
position: relative;
background-color:transparent;
}
.page-header:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-attachment: fixed;
}
.page-header h1 {
max-width: 20em;
margin: 0 auto;
padding: 1em;
color: #fff;
background: rgba(0,0,0,.75);
}
.brand-tagline,.brand-title {
margin: 0;
}
.brand-title {
text-transform: uppercase;
}
.brand-tagline {
font-weight: 300;
color: #b0cadb;
}
.nav-list {
margin: 0;
padding: 0;
list-style: none;
}
.nav-item {
display: inline-block;
zoom: 1;
}
.nav-item a {
background: 0 0;
border: 2px solid #b0cadb;
color: #fff;
margin-top: 1em;
text-transform: uppercase;
font-size: 85%;
}
.nav-item a:focus,.nav-item a:hover {
border: 2px solid #3d92c9;
text-decoration: none;
}
.content-subhead {
text-transform: uppercase;
color: #aaa;
border-bottom: 1px solid #eee;
padding: .4em 0;
font-size: 80%;
font-weight: 500;
}
.content {
padding: 2em 1em 0;
}
.post {
padding-bottom: 2em;
}
.post-title {
font-size: 2em;
color: #222;
margin-bottom: .2em;
}
.post-avatar {
border-radius: 50px;
float: right;
margin-left: 1em;
}
.post-description {
color: #444;
line-height: 1.8em;
}
.post-meta {
color: #999;
font-size: 90%;
margin: 0;
}
.post-category {
margin: 0 .1em;
padding: .3em 1em;
color: #fff;
background: #999;
font-size: 80%;
}
.post-images {
margin: 1em 0;
}
.post-image-meta {
margin-top: -3.5em;
margin-left: 1em;
color: #fff;
text-shadow: 0 1px 1px #333;
}
.footer {
text-align: center;
padding: 1em 0;
}
.footer a {
color: #ccc;
font-size: 80%;
}
.footer .menu a:focus,.footer .menu a:hover {
background: 0 0;
}
#content {
max-width: 52em;
}
#content #content {
width: 100%;
max-width: 100%
}
@media (min-width:48em) {
.content {
padding: 2em 3em 0;
}
}
.paginator .button {
height: auto;
}
.paginator .button a,.paginator .button a:hover {
text-decoration: none;
}
.menu-button {
position: fixed;
left: 0;
z-index: 1000;
margin: 0;
padding: 0;
width: 2em;
height: 1.75em;
border: none;
text-indent: 2.5em;
font-size: 1.5em;
color: transparent;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
.menu-button::before {
position: absolute;
top: .5em;
right: .5em;
bottom: .5em;
left: .5em;
background: linear-gradient(#fff 20%,transparent 20%,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 80%,#fff 80%);
content: '';
}
.menu-button:hover {
opacity: .8;
}
#menu {
margin-left: -15em;
width: 15em;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 1000;
background: #191818;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
.admin-bar #menu {
margin-top: 32px;
}
#menu a {
color: #fff;
text-decoration: none;
}
#menu::-webkit-scrollbar {
width: .4em;
}
#menu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
}
#menu::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,.3);
outline: rgba(255,255,255,.3) solid 1px;
}
.show-menu .menu-button {
left: 10em;
}
.show-menu #menu {
left: 0;
padding-bottom: 2em;
}
.menu.menu-open ul {
border-bottom: 1px solid rgba(255,255,255,.2);
margin-bottom: 1em;
}
.primary-side {
padding: .6em 1em;
}
.comment-form-comment label {
display: block;
}
.comment-form-comment textarea {
width: 100%;
}
.menu.menu-horizontal li .menu-children, .menu.menu-open {
background: none;
border: none;
}
.menu li a:focus, .menu li a:hover, .menu li.current_page_item a {
background: rgba(255,255,255,.15)
}
.screen-reader-text {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.search-form .search-field {
width: 100%;
}
.search-form .search-submit {
display: none;
}
.primary-side .widget {
border-bottom: 1px solid rgba(255,255,255,.2);
}
.posts .post hr {
background: #EDEDED;
height: 1px;
border: 0;
}
.menu-button:focus {
border: 2px solid #08c;
}
body.show-menu #menu {
left: 15em;
}
#layout {
max-width: 80em;
margin: 0 auto;
}
.clearfix {
float: none;
clear: both;
}
.clearfix:after,
.clearfix:before {
content: "";
display: block;
clear: both;
}
figure {
max-width: 100%;
display: inline-block;
margin: .5em;
}
.featured-image img {
display: block;
max-width: 100%;
margin: 1em 0;
}
.wp-audio-shortcode,
.wp-video {
margin-top: 1em;
}
.protected-msg {
margin-top: 0;
}
.archive .entry-meta {
margin-bottom: 1em;
}
#comments li.comment {
list-style-type: none;
}