/*

Theme Name: Twenty Seventeen

Theme URI: https://wordpress.org/themes/twentyseventeen/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.

Version: 1.7

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentyseventeen

Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normalize

2.0 Accessibility

3.0 Alignments

4.0 Clearings

5.0 Typography

6.0 Forms

7.0 Formatting

8.0 Lists

9.0 Tables

10.0 Links

11.0 Featured Image Hover

12.0 Navigation

13.0 Layout

   13.1 Header

   13.2 Front Page

   13.3 Regular Content

   13.4 Posts

   13.5 Pages

   13.6 Footer

14.0 Comments

15.0 Widgets

16.0 Media

   16.1 Galleries

17.0 Customizer

18.0 SVGs Fallbacks

19.0 Media Queries

20.0 Print

--------------------------------------------------------------*/

/*--------------------------------------------------------------

1.0 Normalize

Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css

--------------------------------------------------------------*/

html {

	font-family: sans-serif;

	line-height: 1.15;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}

body {

	margin: 0;

}

article,

aside,

footer,

header,

nav,

section {

	display: block;

}

h1 {

	font-size: 2em;

	margin: 0.67em 0;

}

figcaption,

figure,

main {

	display: block;

}

figure {

	margin: 1em 0;

}

hr {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}

pre {

	font-family: monospace, monospace;

	font-size: 1em;

}

a {

	background-color: transparent;

	-webkit-text-decoration-skip: objects;

}

a:active,

a:hover {

	outline-width: 0;

}

abbr[title] {

	border-bottom: 1px #767676 dotted;

	text-decoration: none;

}

b,

strong {

	font-weight: inherit;

}

b,

strong {

	font-weight: 700;

}

code,

kbd,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}

dfn {

	font-style: italic;

}

mark {

	background-color: #eee;

	color: #222;

}

small {

	font-size: 80%;

}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sub {

	bottom: -0.25em;

}

sup {

	top: -0.5em;

}

audio,

video {

	display: inline-block;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

img {

	border-style: none;

}

svg:not(:root) {

	overflow: hidden;

}

button,

input,

optgroup,

select,

textarea {

	font-family: sans-serif;

	font-size: 100%;

	line-height: 1.15;

	margin: 0;

}

button,

input {

	overflow: visible;

}

button,

select {

	text-transform: none;

}

button,

html [type="button"],

[type="reset"],

[type="submit"] {

	-webkit-appearance: button;

}

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;

}

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;

}

fieldset {

	border: 1px solid #bbb;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}

legend {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}

progress {

	display: inline-block;

	vertical-align: baseline;

}

textarea {

	overflow: auto;

}

[type="checkbox"],

[type="radio"] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

}

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

	height: auto;

}

[type="search"] {

	-webkit-appearance: textfield;

	outline-offset: -2px;

}

[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}

::-webkit-file-upload-button {

	-webkit-appearance: button;

	font: inherit;

}

details,

menu {

	display: block;

}

summary {

	display: list-item;

}

canvas {

	display: inline-block;

}

template {

	display: none;

}

[hidden] {

	display: none;

}

/*--------------------------------------------------------------

2.0 Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	overflow: hidden;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}

.screen-reader-text:focus {

	background-color: #f1f1f1;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: 700;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

/*--------------------------------------------------------------

3.0 Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

/*--------------------------------------------------------------

4.0 Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.entry-footer:before,

.entry-footer:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after,

.nav-links:before,

.nav-links:after,

.pagination:before,

.pagination:after,

.comment-author:before,

.comment-author:after,

.widget-area:before,

.widget-area:after,

.widget:before,

.widget:after,

.comment-meta:before,

.comment-meta:after {

	content: "";

	display: table;

	table-layout: fixed;

}

.clear:after,

.entry-content:after,

.entry-footer:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after,

.nav-links:after,

.pagination:after,

.comment-author:after,

.widget-area:after,

.widget:after,

.comment-meta:after {

	clear: both;

}

/*--------------------------------------------------------------

5.0 Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	color: #333;

	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;

	font-size: 15px;

	font-size: 0.9375rem;

	font-weight: 400;

	line-height: 1.66;

}