/*
Theme Name: WPZOOM Mobile Demos
Theme URI: http://demo.wpzoom.com/
Description: WPZOOM Demos switcher
Author: WPZOOM
Version: 1.22
*/

/* General reset rules */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* Force older browsers to displat HTML5 elements as blocks */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* Other styles */
body {
    line-height: 1;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}

/**
 * Things you might find useful when you write daily html code
 * Also some default styling for browsers to make websites look delicious.
 */

/**
 * fonts.css from the YUI Library: developer.yahoo.com/yui/
 * Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
 */
body {
    font:13px/1.231 sans-serif;
    *font-size:small; /* hack retained to preserve specificity */
}

/**
 * normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

select, input, textarea, button {
    font:99% sans-serif;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

a {
    outline: none;
}

body, html  {

}

body {
    background: #2F4974;
    color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
}

.wrapper {
    padding: 40px;
    background: #2F4974;
}

.showoff {
    margin: 20px 0;
    display: block;
    text-align: center;
}

.showoff img {
    max-width: 90%;
	height: auto;
    margin: 0 auto;
    border-radius: 4px;
    border: 4px solid white;
    box-shadow: 0 0 20px -4px rgba(255, 255, 255, .5);
}

h1 {
   font-size: 30px;
   font-weight: 600;
   padding: .5em 0;
}

h2 {
    font-size: 1.4em;
}

a {
    color: #fff;
    text-decoration: none;
}

ul {
    width: 100%;
    margin: 0 auto;
    list-style: none;
    margin-bottom: 40px;
}

ul li {
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,.07);
}

li a {
    display: block;
}

li span {
	opacity: .8;
}