/*
 * astx-css-init.css:
 * a part of the VaccinesToday theme for WordPress™
 *
 * Copyright Ⓒ 2016 Asterysk <wordpress@asterysk.com>
 *
 * This file is part of the VaccinesToday theme for WordPress.
 *
 * The VaccinesToday theme for WordPress™ is free software:
 * you can redistribute it and/or modify it under the terms of the GNU
 * General Public License as published by the Free Software Foundation,
 * either version 2 of the License, or (at your option) any later
 * version.
 *
 * The VaccinesToday theme for WordPress™ is distributed in the hope
 * that it will be useful, but WITHOUT ANY WARRANTY; without even the
 * implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
 * PURPOSE. See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with the VaccinesToday theme for WordPress. If not, please
 * see <http://www.gnu.org/licenses/>.
 */

/**
 * ASTX Reset.
 *
 * This stylesheet to reset styles is based on the public domain work of
 * Eric Meyer at http://meyerweb.com/eric/tools/css/reset.
 *
 * The CoreXtender stylesheets order is
 * 1. astx-css-init.css         Reset stylesheet
 * 2. astx-css-core.css         Core styling elements
 * 3. astx-css-grid.css         5 and 24 Grid
 * 4. astx-css-cycle2.css       Cycle2 slideshows
 * 5. astx-css-palette.css      Colours and decorations
 * 6. astx-css-wp-core.css      WordPress mandatory styles
 * 7. astx-css-forms.css        Forms styles
 * 8. astx-css-theme.css        Theme styles
 *
 * CoreXtender stylesheets are not universal and may each require
 * customisation necessary for each installation. In this stylesheet,
 * particular elements requiring such customisations are
 * 1. `@font-face` declarations at 1.0,
 * 2. `font` descriptor in 2.1 Basic reset,
 * 3. font set up for h1-6 in 2.4 Headings and
 * 4. set up of 2.7 Basic styles/2.8 Form controls
 *
 * @package     VaccinesToday
 * @subpackage  theme
 * @since       0.1.0
 */

/**
 * 1.0 Fonts
 *
 * @font-face declarations must first be included in this block. The
 * recommended format is
 *
 * @font-face {
 *     font-family: 'Font name';
 *     src: url('font-name.eot');
 *     src: local('☺'),
 *         url('font-name.eot?#ie') format('embedded-opentype'),
 *         url('font-name.eot?') format('eot'),
 *         url('font-name.woff2') format('woff2'),
 *         url('font-name.woff') format('woff'),
 *         url('font-name.ttf') format('truetype'),
 *         url('font-name.svg#font-name') format('svg');
 *     unicode-range: U+0-10FFFF;
 *     font-style: normal;
 *     font-weight: 100;
 * }
 *
 * @see http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/
 *
 * Note that some browsers require the font name in the file to match
 * the font file name.
 *
 * The unicode-range descriptor that facilitates download of only fonts
 * resources for that range is optional. It is particularly useful for
 * sites with multiple localisations using discrete font resources. The
 * range U+0-10FFFF is the default.
 */

/**
 * 2.0 Reset
 *
 * Based on the public domain work of Eric Meyer
 * http://meyerweb.com/eric/tools/css/reset/
 */

/* 2.1 Basic reset */
html, body, /* document */
article, aside, blockquote, details, div, footer, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, p, section, summary, /* structure */
caption, table, tbody, td, tfoot, th, thead, tr, /* table */
dd, dl, dt, li, menu, nav, ol, ul, /* list */
a, abbr, address, b, bdi, bdo, cite, code, data, del, dfn, dialog, em, i, ins, kbd, mark, pre, q, rp, rt, ruby, s, samp, small, span, strike, strong, sub, sup, time, u, var, /* text */
noscript, /* script */
iframe, /* frame */
audio, canvas, embed, figcaption, figure, img, object, svg, video, /* media */
button, fieldset, form, input, label, legend, meter, option, output, progress, select, textarea { /* form */
	background: transparent none;
	border: 0 none transparent;
	color: #424242;
	font: normal normal 300 20px/1.5 SourceSansPro-Light;
	letter-spacing: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
    *vertical-align: middle; /* Sort out IE ... */
}

/* 2.2 Font/size cascade */
body * {
	font: inherit;
	font-size: 100%;
	text-transform: inherit;
}

/* 2.3 Centering and text size compatibility */
html, body {
	height: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 2.4 Reset display */
address, article, aside,
blockquote,
dd, details, dialog, div, dl, dt,
fieldset, figcaption, figure, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, hr,
li, /* list-item */
main, menu,
nav, noscript,
ol,
p, pre,
ruby > rt,
section, summary,
table, /* table */
ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	display: block;
}

li {
	display: list-item;
}

table {
	display: table;
}

tr {
	display: table-row;
}

th, td {
	display: table-cell;
}

caption, legend {
	display: table-caption;
	font-weight: bold;
}

audio, canvas, embed, iframe, img, object, svg, video, /* media & iframe */
button, input, label, meter, output, progress, select, textarea { /* form */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
    vertical-align: baseline;
    *display: inline;
    *zoom: 1;
}

[hidden], /* HTML5 attribute */
audio:not([controls]), /* media */
datalist, /* form */
ruby > rp,
template { /* HTML5 element */
	display: none;
	height: 0;
}

img { /* IE 7 & 8 */
	-ms-interpolation-mode: bicubic;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 2.5 Anchors - see http://www.outlinenone.com/ */
a {
	color: #FA5B0F;
	text-decoration: none;
}

a:active,
a:hover,
a:visited:hover,
a:visited:active {
	cursor: pointer;
    outline: 0;
}
/*
a:focus {
    outline: thin dotted;
}
*/
a img {
	border: 0 none transparent;
}

a > img {
	vertical-align: bottom; /* remove default descender space */
}

/* 2.6 Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Montserrat-Regular;
	font-weight: 600;
	letter-spacing: 1px;
}

h1 {
	font-size: 1.7em;
	line-height: 1.7647;
	margin: 0.5882em 0 0.2941em 0;
}

h2 {
	font-size: 1.25em;
	line-height: 1.05;
	margin: 0.7em 0 0.35em 0;
}

h3 {
	font-size: 1.125em;
	line-height: 1.1667;
	margin: 0.7778em 0 0.3889em 0;
}

h4 {
	font-size: 1em;
	line-height: 1.3125;
	margin: 0.875em 0 0.4375em 0;
}

h5 {
	font-size: 0.9375em;
	line-height: 1.4;
	margin: 0.9333em 0 0.4667em 0;
}

h6 {
	font-size: 0.75em;
	line-height: 1.75;
	margin: 1.1667em 0 0.5833em 0;
}

/* 2.7 Basic styles */

/* container margins */
article, aside, address,
header, footer,
p {
    margin: 0 0 1.5em 0;
}

blockquote {
    margin: 0.3125em 1.25em;
}

/* lists */
dd {
    margin: 0 1.5em 1.5em;
}

dt {
    font-weight: bold;
}

menu, ul {
    list-style: disc outside none;
    margin: 0;
}

ol {
	margin: 0;
}

ol ol, ol ul,
ul ol, ul ul {
    margin-bottom: 0;
    margin-left: 1.5em;
}

/* separator */
hr {
	border-top: 1px solid #424242;
	height: 0.1ex;
	margin: 0.4375em 0 0.875em 0;
}

/* tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em;
    width: 100%;
}

caption, th, td {
    text-align: left;
}

th {
    font-weight: bold;
}

/* text */
abbr {
    cursor: help;
}

b {
    font-weight: bold;
}

big {
    font-size: 125%;
}

blockquote, q {
    quotes: "" "";
    quotes: none;
}

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

code, kbd, pre, var {
    font: normal normal 300 70%/1.7857 Consolas, Monaco, Lucida Console, monospace;
}

cite, dfn, em, i {
    font-style: italic;
}

em {
/*	border-bottom: 1px dotted; */
}

ins, mark {
    text-decoration: none;
}

mark {
	font-style: oblique;
}

pre {
    margin-bottom: 1.25em;
    padding: 0.3125em;
    overflow: auto;
    max-width: 100%;
}

ruby > rt {
	font-size: 50%;
}

small {
    font-size: smaller;
}

strong {
    font-weight: bolder;
}

sub, sup {
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
    top: 0.5ex;
}

sup {
    bottom: 1ex;
}

/* 2.8 Form controls */
button, input, select, textarea {
	text-rendering: optimizeLegibility;
    vertical-align: middle;
}

button, input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 1em;
    line-height: 1;
    padding: 0.5em 1em;
}

button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0 none transparent;
    padding: 0;
}

input[type="checkbox"], input[type="radio"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], textarea {
	padding: 0.3333em 0;
}

textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 100%;
}
