/*
Theme Name: MyMagazine
Theme URI: http://www.svgthemes.com/mymagazine
Author: Alessandro Costa
Author URI: http://www.svgthemes.com
Description: Mymagazine is a creative and responsive WordPress theme. It has a clean and colorful magazine style, perfect for news websites dedicated to sports or travels.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, two-columns, right-sidebar, responsive-layout, flexible-header, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready, custom-background
Text Domain: mymagazine
*/


/* Reset ------------------- */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

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

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

/* Base Styles -------------------- */

body {
  @extend %source;
  background: #fff;
  color: $color-text;
  margin: 0;
  position: inherit;
}

h2,
h4,
h6 {
  background: $green;
  color: $white;
}

h1, h2 {
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1.3;
  margin: 1rem 0 .5rem -1rem;
  padding: 0.4em 1rem 0.3rem;
}

h3, h4 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.25;
  margin: 1rem 0 .5rem -1rem;
  padding: 0.3em 1rem 0.2em;
}

h5, h6 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 1rem 0 .5rem -1rem;
  padding: 0.2em 1rem 0.2em;
}

img {
  max-width: 100%;
}

ul,
ol {
  margin: 1.250rem 1.250rem 1.250rem 2.500rem;
}

ul {
	list-style-type:disc;
}

ol {
	list-style-type:decimal;
}

li {
  margin-bottom: 0.625rem;
}

a{
  color: $orange;
  text-decoration: none;
}

.clear {
  clear: both;
}

.screen-reader-text {
	clip: rect(1px, 0.063rem, 0.063rem, 0.063rem);
	height: 0.063rem;
	overflow: hidden;
	position: absolute !important;
	width: 0.063rem;
}

.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 0.063rem 0.063rem rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 0.875rem/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 0.938rem 1.438rem 0.875rem;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}


dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

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

th {
	border-width: 0 1px 1px 0;
	color:  $green;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

/* Pseudo-classes ------------------ */

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}
