@charset "UTF-8";
/*!
 Theme Name:   RC Artist
 Theme URI:    https://rocio-c.com
 Description:  Un tema hijo de Twenty Seventeen, trabajado con Sass y preprocesado con Grunt. 
 Author:       ROCÍO-C | Desarrollo Creativo
 Author URI:   https://rocio-c.com
 Template:     twentyseventeen
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         semántico, responsive, adaptable, progresivo, optimizado, seguro
 Text Domain:  rcartist
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
00 Variables
[00 Mixins]

01 Normalize
02 Accesibility
03 Alignments
04 Clearings

05 Typography
06 Forms
07 Formatting
08 Lists
09 Tables
10 Links
11 Featured Image Hover

12 Navigation
13 Layout
14 Header
15 Front Page
16 Regular Content
17 Posts
18 Pages
    (404 page)
19 Footer
20 Comments
21 Widgets
22 Media
    22.1 Galleries
    
23 Customizer
24 SVGs Fallbacks

Media Queries
    mediaquery0320 - 20em
    mediaquery0480 - 30em
    [mediaquery0600 - 45em]
    mediaquery0768 - 48em
    mediaquery1072 - 67em
    mediaquery1264 - 79em
    mediaquery0768-0782

Print
--------------------------------------------------------------*/
/* colores por defecto */
/* Paleta de colores PERSONALIZADA del tema */
/* Paleta de colores específica (los colores logo x ej.) */
/* Colores de los enlaces y sus estados (color de texto y de subrayado) */
/* colors-dark Palette */
/* revisar los colores de la paleta DARK,
para ver si se pueden cambiar por el complementario del color que se trate */
/* degradado image-header */
/* Blocks - Colors */
/* Anchos de página */
/* Anchuras por defecto del tema */
/* la anchura x defecto de las functions */
/* Altura del navigation-top.site-navigation-fixed*/
/*-------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
  font-family: "Roboto", sans-serif;
  line-height: 1.15;
}

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 {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

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: "Roboto", 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 {
  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"] {
  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, [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;
  border-radius: 3px;
  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 {
  content: "";
  display: table;
  table-layout: fixed;
}

.entry-content:before, .entry-content:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.entry-footer:before, .entry-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.comment-content:before, .comment-content:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.site-header:before, .site-header:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.site-content:before, .site-content:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.site-footer:before, .site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.nav-links:before, .nav-links:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.pagination:before, .pagination:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.comment-author:before, .comment-author:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.widget-area:before, .widget-area:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.widget:before, .widget:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.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: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.66;
}

textarea {
  font-family: "Roboto", sans-serif, "Helvetica Neue", helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  line-height: 1.4;
  margin: 0 0 0.75rem;
  padding: 1.5rem 0 0;
  font-family: "Roboto", sans-serif;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  padding-top: 0;
}

h1 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
}

h2,
.home.blog .entry-title {
  color: #666;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

h3 {
  color: #333;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}

h4 {
  color: #333;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 800;
}

h5 {
  color: #767676;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

h6 {
  color: #333;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 800;
}

p {
  margin: 0 0 1.5em;
  padding: 0;
}

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

blockquote {
  color: #666;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.7;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

blockquote cite {
  display: block;
  font-style: normal;
  font-weight: 600;
  margin-top: 0.5rem;
}

address {
  margin: 0 0 1.5rem;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6rem;
  max-width: 100%;
  overflow: auto;
  padding: 1.6rem;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #eee;
  text-decoration: none;
}

big {
  font-size: 125%;
}

blockquote {
  quotes: "“" "”" "‘" "’";
  font-family: "Roboto", sans-serif;
}

blockquote:before {
  content: "\201C";
  font-size: 8rem;
  line-height: 0.1rem;
  margin-right: .8rem;
  vertical-align: -0.38em;
}

blockquote p {
  display: inline;
}

q {
  quotes: "“" "”" "‘" "’";
}

:focus {
  outline: none;
}

/* Typography for Arabic Font */
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
  color: #333;
  display: block;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

fieldset {
  margin-bottom: 1rem;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"],
input textarea {
  color: #666;
  background: transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #bbb;
  border-radius: 3px;
  display: block;
  padding: 0.7rem;
  width: 100%;
}

input[type="search"] {
  background: #fff;
}

textarea {
  color: #666;
  background: transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #bbb;
  border-radius: 3px;
  display: block;
  padding: 0.7rem;
  width: 100%;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus {
  color: #222;
  border-color: #333;
}

textarea:focus {
  color: #222;
  border-color: #333;
}

select {
  border: 1px solid #bbb;
  border-radius: 3px;
  height: 3em;
  max-width: 100%;
}

input[type="radio"], input[type="checkbox"] {
  margin-right: 0.5rem;
}

input[type="radio"] + label, input[type="checkbox"] + label {
  font-weight: 400;
}

button {
  background-color: #222;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1;
  padding: 1rem 2rem;
  text-shadow: none;
  transition: background 0.2s;
}

input[type="button"], input[type="submit"] {
  background-color: #222;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1;
  padding: 1rem 2rem;
  text-shadow: none;
  transition: background 0.2s;
}

input + button {
  padding: 0.75rem 2rem;
}

input + input[type="button"], input + input[type="submit"] {
  padding: 0.75rem 2rem;
}

button.secondary {
  background-color: #ddd;
  color: #222;
}

input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary {
  background-color: #ddd;
  color: #222;
}

button:hover, button:focus {
  background: #767676;
}

input[type="button"]:hover, input[type="button"]:focus {
  background: #767676;
}

input[type="submit"]:hover, input[type="submit"]:focus {
  background: #767676;
}

button.secondary:hover, button.secondary:focus {
  background: #bbb;
}

input[type="reset"]:hover, input[type="reset"]:focus {
  background: #bbb;
}

input[type="button"].secondary:hover, input[type="button"].secondary:focus {
  background: #bbb;
}

input[type="reset"].secondary:hover, input[type="reset"].secondary:focus {
  background: #bbb;
}

input[type="submit"].secondary:hover, input[type="submit"].secondary:focus {
  background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder, :-moz-placeholder {
  color: #333;
  font-family: "Roboto", sans-serif, "Helvetica Neue", helvetica, arial, sans-serif, "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
  color: #333;
  font-family: "Roboto", sans-serif, "Helvetica Neue", helvetica, arial, sans-serif, "Helvetica Neue", helvetica, arial, sans-serif;
  opacity: 1;
  /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
  color: #333;
  font-family: "Roboto", sans-serif, "Helvetica Neue", helvetica, arial, sans-serif, "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
  background-color: #bbb;
  border: 0;
  height: 1px;
  margin-bottom: 1.5rem;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul, ol {
  margin: 0 0 1.5rem;
  padding: 0;
}

ul {
  list-style: disc;
}

ul li:not(.menu-item) {
  margin-bottom: .5rem;
}

ol {
  list-style: decimal;
}

li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5rem;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5rem 1.5rem;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
  border-collapse: collapse;
  margin: 0 0 1.5rem;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #bbb;
  padding-bottom: 0.5rem;
}

th {
  padding: 0.4rem;
  text-align: left;
}

tr {
  border-bottom: 1px solid #eee;
}

td {
  padding: 0.4rem;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
  color: white;
  text-decoration: none;
}

a:hover, a:active {
  color: black;
  outline: 0;
}

/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
  box-shadow: inset 0 -1px 0 white;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.page-links a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.page-links a .page-number {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.comment-metadata a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.comment-metadata a.comment-edit-link {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.widget .widget-title a, .widget ul li a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.site-footer .widget-area ul li a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
}

.entry-content a:not([rel*=lightbox]):focus, .entry-content a:not([rel*=lightbox]):hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.entry-summary a:focus, .entry-summary a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.comment-content a:focus, .comment-content a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.widget a:focus, .widget a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.site-footer .widget-area a:focus, .site-footer .widget-area a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.posts-navigation a:focus, .posts-navigation a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.comment-metadata a:focus, .comment-metadata a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.comment-reply-link:focus, .comment-reply-link:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.widget_authors a:focus strong, .widget_authors a:hover strong {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.entry-title a:focus, .entry-title a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.entry-meta a:focus, .entry-meta a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.page-links a:focus .page-number,
.page-links a:hover .page-number {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.entry-footer a:focus, .entry-footer a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.post-navigation a:focus, .post-navigation a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.logged-in-as a:focus, .logged-in-as a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

a:focus .nav-title,
a:hover .nav-title {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.edit-link a:focus, .edit-link a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.site-info a:focus, .site-info a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.widget .widget-title a:focus, .widget .widget-title a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

.widget ul li a:focus, .widget ul li a:hover {
  color: black;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 black;
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
  box-shadow: 0 0 0 8px white;
}

.post-navigation a:focus .icon, .post-navigation a:hover .icon {
  color: white;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
  margin-bottom: 1rem;
}

.post-thumbnail a img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: opacity 0.2s;
}

.post-thumbnail a:hover img, .post-thumbnail a:focus img {
  opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
  background: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  position: relative;
}

.navigation-top.site-navigation-fixed {
  bottom: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 7;
}

.navigation-top .wrap {
  max-width: 1000px;
  padding: 0;
}

.navigation-top a {
  color: #222;
  font-weight: 600;
  transition: color 0.2s;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
  color: #767676;
}

.main-navigation {
  clear: both;
  display: block;
}

.main-navigation ul {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0 1.5rem;
  text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */
.js .main-navigation ul {
  display: none;
}

.main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon {
  display: none;
}

.main-navigation > div > ul {
  border-top: 1px solid #eee;
  padding: 0.75rem 1.695rem;
}

.js .main-navigation.toggled-on > div > ul {
  display: block;
  /* para que el menú sea accesible cuando supera la altura del dispositivo */
  max-height: calc(100vh - 58px);
  overflow-y: auto;
}

.main-navigation ul ul {
  padding: 0 0 0 1.5rem;
}

.main-navigation ul ul.toggled-on {
  display: block;
}

.main-navigation ul ul a {
  letter-spacing: 0;
  padding: 0.4rem 0;
  position: relative;
  text-transform: none;
}

.main-navigation li {
  border-bottom: 1px solid #eee;
  position: relative;
}

.main-navigation li li, .main-navigation li:last-child {
  border: 0;
}

.main-navigation a {
  display: block;
  padding: 0.5rem 0;
  text-decoration: none;
}

.main-navigation a:hover {
  color: #767676;
}

/* Menu toggle */
.menu-toggle {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #222;
  display: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.5;
  margin: 1px auto 2px;
  padding: 1rem;
  text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle,
.main-navigation.toggled-on ul.nav-menu {
  display: block;
}

.menu-toggle:hover, .menu-toggle:focus {
  background-color: transparent;
  box-shadow: none;
}

.menu-toggle .icon {
  margin-right: 0.5rem;
  top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
  display: none;
}

.toggled-on .menu-toggle .icon-close {
  display: inline-block;
}

/* Dropdown Toggle */
.dropdown-toggle {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #222;
  display: block;
  font-size: 16px;
  right: -0.5em;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0.5rem;
  position: absolute;
  text-shadow: none;
  top: 0;
}

.dropdown-toggle:hover {
  background: transparent;
}

.dropdown-toggle:focus {
  background: transparent;
  outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotate(-180deg);
}

/* Scroll down arrow */
.site-header .menu-scroll-down {
  display: none;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

* {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

*:before, *:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

#page {
  position: relative;
  word-wrap: break-word;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.wrap:after {
  clear: both;
  content: "";
  display: block;
}

article.child {
  margin-top: 4rem;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#masthead .wrap {
  position: relative;
}

.site-header {
  background-color: #fafafa;
  position: relative;
}

/* Site branding */
.site-branding {
  padding: 1rem 0;
  position: relative;
  transition: margin-bottom 0.2s;
  z-index: 3;
}

.site-branding a {
  text-decoration: none;
  transition: opacity 0.2s;
}

.site-branding a:hover, .site-branding a:focus {
  opacity: 0.7;
}

.site-title {
  clear: none;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #222;
  opacity: 1;
  /* Prevent opacity from changing during selective refreshes in the customize preview */
}

.site-title a {
  color: #222;
  opacity: 1;
  /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a {
  color: #222;
}

.site-description {
  color: #666;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 0;
}

body.has-header-image .site-description, body.has-header-video .site-description {
  color: #000;
  opacity: 0.8;
}

.custom-logo-link {
  display: inline-block;
  padding-right: 1rem;
  vertical-align: middle;
  width: auto;
}

.custom-logo-link img {
  display: inline-block;
  max-height: 80px;
  width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
  max-height: 200px;
  max-width: 100%;
}

.custom-logo-link a:hover, .custom-logo-link a:focus {
  opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
  display: inline-block;
  vertical-align: middle;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

.custom-header {
  position: relative;
}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
  display: table;
  height: 300px;
  height: 75vh;
  width: 100%;
}

.custom-header-media {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.custom-header-media:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
  /* IE6-9 */
  bottom: 0;
  content: "";
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}

.has-header-image .custom-header-media img {
  position: fixed;
  height: auto;
  left: 50%;
  max-width: 1000%;
  min-height: 100%;
  min-width: 100%;
  min-width: 100vw;
  /* vw prevents 1px gap on left that 100% has */
  width: auto;
  top: 50%;
  padding-bottom: 1px;
  /* Prevent header from extending beyond the footer */
  transform: translateX(-50%) translateY(-50%);
}

.has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
  position: fixed;
  height: auto;
  left: 50%;
  max-width: 1000%;
  min-height: 100%;
  min-width: 100%;
  min-width: 100vw;
  /* vw prevents 1px gap on left that 100% has */
  width: auto;
  top: 50%;
  padding-bottom: 1px;
  /* Prevent header from extending beyond the footer */
  transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button {
  /* Specificity prevents .color-dark button overrides */
  background-color: rgba(34, 34, 34, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  height: 45px;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 30px;
  top: 30px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus {
  /* Specificity prevents .color-dark button overrides */
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(34, 34, 34, 0.8);
  color: #fff;
}

.admin-bar .wp-custom-header-video-button {
  top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
  bottom: 0;
  position: absolute;
  top: auto;
  transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .has-header-image .custom-header-media img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    transform: none;
    width: 100%;
  }
  .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    transform: none;
    width: 100%;
  }
  .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    transform: none;
    width: 100%;
  }
}

/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
  display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.twentyseventeen-front-page .site-content {
  padding: 0;
}

.twentyseventeen-panel {
  overflow: hidden;
  position: relative;
}

.panel-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.panel-image:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
  /* IE6-9 */
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
  border-top: 1px solid #ddd;
}

.panel-content {
  position: relative;
}

.panel-content .wrap {
  padding-bottom: 0.5rem;
  padding-top: 1.75rem;
}

/* Panel edit link */
.twentyseventeen-panel .edit-link {
  display: block;
  margin: 0.3rem 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
  font-size: 14px;
  font-size: 0.875rem;
}

/* Front Page - Recent Posts */
.twentyseventeen-front-page .panel-content .recent-posts article {
  border: 0;
  color: #333;
  margin-bottom: 3rem;
}

.recent-posts .entry-header {
  margin-bottom: 1.2rem;
}

.page .panel-content .recent-posts .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
  color: #222;
  display: inline-block;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-left: 1rem;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
  background-color: #fff;
  position: relative;
}

.site-content {
  padding: 2.5rem 0 0;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
  position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
  display: none;
}

.sticky .icon-thumb-tack {
  display: block;
  height: 18px;
  left: -1.5em;
  position: absolute;
  top: 1.65em;
  width: 20px;
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
  color: #222;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.entry-header .entry-title {
  margin-bottom: 0.25rem;
}

.entry-title a {
  color: #333;
  text-decoration: none;
  margin-left: -2px;
}

.entry-title:not(:first-child) {
  padding-top: 0;
}

.entry-meta {
  color: #767676;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
}

.entry-meta a {
  color: #767676;
}

.byline, .updated:not(.published) {
  display: none;
}

.single .byline, .group-blog .byline {
  display: inline;
}

.pagination, .comments-pagination {
  border-top: 1px solid #eee;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 2rem 0 3rem;
  text-align: center;
}

.pagination .icon {
  width: 0.666666666em;
  height: 0.666666666em;
}

.comments-pagination {
  border: 0;
}

.comments-pagination .icon {
  width: 0.666666666em;
  height: 0.666666666em;
}

.page-numbers {
  display: none;
  padding: 0.5rem 0.75rem;
}

.page-numbers.current {
  color: #767676;
  display: inline-block;
}

.page-numbers.current .screen-reader-text {
  clip: auto;
  height: auto;
  overflow: auto;
  position: relative !important;
  width: auto;
}

.prev.page-numbers, .next.page-numbers {
  background-color: #ddd;
  border-radius: 2px;
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.25rem 0.5rem 0.4rem;
}

.prev.page-numbers, .next.page-numbers {
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus, .prev.page-numbers:hover {
  background-color: #767676;
  color: #fff;
}

.next.page-numbers:focus, .next.page-numbers:hover {
  background-color: #767676;
  color: #fff;
}

.prev.page-numbers {
  float: left;
}

.next.page-numbers {
  float: right;
}

/* Aligned blockquotes */
.entry-content blockquote.alignleft, .entry-content blockquote.alignright {
  color: #666;
  font-size: 13px;
  font-size: 0.8125rem;
  width: 48%;
}

/* Blog landing, search, archives */
.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
  padding-bottom: 2rem;
}

body:not(.twentyseventeen-front-page) .entry-header {
  padding: 1rem 0;
  margin-left: auto;
  margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-content, body:not(.twentyseventeen-front-page) #comments {
  margin-left: auto;
  margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
  padding-top: 0;
}

.blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link {
  color: #222;
  display: inline-block;
  margin-left: 1rem;
  white-space: nowrap;
}

.search .entry-meta a.post-edit-link {
  color: #222;
  display: inline-block;
  margin-left: 1rem;
  white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
  margin-left: 0;
  white-space: nowrap;
}

.taxonomy-description {
  color: #666;
  font-size: 13px;
  font-size: 0.8125rem;
}

/* More tag */
.entry-content .more-link:before {
  content: "";
  display: block;
  margin-top: 1.5rem;
}

/* Single Post */
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.single-featured-image-header {
  background-color: #fafafa;
  border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
  display: block;
  margin: auto;
}

.page-links {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 2rem 0 3rem;
}

.page-links .page-number {
  color: #767676;
  display: inline-block;
  padding: 0.5rem 1rem;
}

.page-links a {
  display: inline-block;
}

.page-links a .page-number {
  color: #222;
}

/* Entry footer */
.entry-footer {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  margin-top: 2rem;
  padding: 2rem 0;
}

.entry-footer .cat-links, .entry-footer .tags-links {
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  padding-left: 2.5rem;
  position: relative;
  text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
  margin-top: 1rem;
}

.entry-footer .cat-links a {
  color: #333;
}

.entry-footer .tags-links a {
  color: #333;
}

.entry-footer .cat-links .icon, .entry-footer .tags-links .icon {
  color: #767676;
  left: 0;
  margin-right: 0.5rem;
  position: absolute;
  top: 2px;
}

.entry-footer .edit-link {
  display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
  background-color: #222;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  margin-top: 2rem;
  padding: 0.7rem 2rem;
  transition: background-color 0.2s ease-in-out;
  white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover, .entry-footer .edit-link a.post-edit-link:focus {
  background-color: #767676;
}

/* Post Formats */
.blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-title, .archive .format-aside .entry-title {
  display: none;
}

.format-quote blockquote {
  color: #333;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  overflow: visible;
  position: relative;
}

.format-quote blockquote .icon {
  display: block;
  height: 20px;
  left: -1.25em;
  position: absolute;
  top: 0.4em;
  transform: scale(-1, 1);
  width: 20px;
}

/* Post Navigation */
.post-navigation {
  font-weight: 800;
  margin: 3rem 0;
}

.post-navigation .nav-links {
  padding: 1rem 0;
}

.nav-subtitle {
  background: transparent;
  color: #767676;
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  letter-spacing: 0.1818em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.nav-title {
  color: #333;
  font-size: 15px;
  font-size: 0.9375rem;
}

.post-navigation .nav-next {
  margin-top: 1.5rem;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  margin-right: 0.5rem;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  margin-left: 0.5rem;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
  padding-bottom: 2rem;
}

.page .entry-header .edit-link {
  font-size: 14px;
  font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
  font-size: 11px;
  font-size: 0.6875rem;
}

.page-links {
  clear: both;
  margin: 0 0 1.5rem;
}

.page:not(.home) #content {
  padding-bottom: 1.5rem;
}

/* 404 page */
.error404 .page-content {
  padding-bottom: 4rem;
}

.error404 .page-content .search-form {
  margin-bottom: 3rem;
}

.search .page-content .search-form {
  margin-bottom: 3rem;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
  border-top: 1px solid #eee;
}

.site-footer .wrap {
  padding-bottom: 1.5rem;
  padding-top: 2rem;
}

.site-footer .widget-area {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.social-navigation {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.social-navigation ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.social-navigation li {
  display: inline;
}

.social-navigation a {
  background-color: #767676;
  border-radius: 40px;
  color: #fff;
  display: inline-block;
  height: 40px;
  margin: 0 1rem 0.5rem 0;
  text-align: center;
  width: 40px;
}

.social-navigation a:hover, .social-navigation a:focus {
  background-color: #333;
}

.social-navigation .icon {
  height: 16px;
  top: 12px;
  width: 16px;
  vertical-align: top;
}

/* Site info */
.site-info {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.site-info * {
  display: inline;
  margin-right: .1rem;
}

.site-info a {
  color: #666;
}

.site-info .sep {
  margin: 0;
  display: block;
  visibility: hidden;
  height: 0;
  width: 100%;
}

.site-info span[role=separator] {
  padding: 0 .1rem 0 .2rem;
}

.site-info span[role=separator]::before {
  content: '\002f';
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
  clear: both;
  padding: 2rem 0 0.5rem;
}

.comments-title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment-list li:before {
  display: none;
}

.comment-body {
  margin-left: 65px;
}

.comment-author {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.4rem;
  position: relative;
  z-index: 2;
}

.comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

.comment-author .says {
  display: none;
}

.comment-meta {
  margin-bottom: 1.5rem;
}

.comment-metadata {
  color: #767676;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}

.comment-metadata a {
  color: #767676;
}

.comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1rem;
}

.comment-body {
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 4rem;
}

.comment-reply-link {
  font-weight: 800;
  position: relative;
}

.comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}

.children .comment-author .avatar {
  height: 30px;
  left: -45px;
  width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}

.comments-pagination {
  margin: 2rem 0 3rem;
}

.form-submit {
  text-align: right;
}

.comment-form #wp-comment-cookies-consent {
  margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
  display: inline;
}

/*--------------------------------------------------------------
15.0 Widgets
---------------------------------------------------------------*/
#secondary {
  padding: 1rem 0 2rem;
}

.widget {
  padding-bottom: 3rem;
}

h2.widget-title {
  color: #222;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

.widget-title a {
  color: inherit;
}

/* widget forms and lists */
.widget select {
  width: 100%;
}

.widget ul {
  list-style: none;
  margin: 0;
}

.widget ul li {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 0.5rem 0;
}

.widget ol li {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 0.5rem 0;
}

.widget ul li + li {
  margin-top: -1px;
}

.widget ul li ul {
  margin: 0 0 -1px;
  padding: 0;
  position: relative;
}

.widget ul li li {
  border: 0;
  padding-left: 24px;
  padding-left: 1.5rem;
}

.widget:not(.widget_tag_cloud) ul li + li {
  margin-top: -1px;
}

/* Widget lists of links */
.widget_top-posts ul li ul, .widget_rss_links ul li ul, .widget-grofile ul.grofile-links li ul, .widget_pages ul li ul, .widget_meta ul li ul {
  bottom: 0;
}

.widget_nav_menu ul li li {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}

.widget_top-posts ul li, .widget_rss_links ul li, .widget-grofile ul.grofile-links li {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}

.widget_top-posts ul li li, .widget_rss_links ul li li, .widget-grofile ul.grofile-links li li {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}

.widget_rss ul li {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

/* Widget markup */
.widget .post-date, .widget .rss-date {
  font-size: 0.81rem;
}

/* Text widget */
.widget_text {
  word-wrap: break-word;
}

.widget_text ul {
  list-style: disc;
  margin: 0 0 1.5rem 1.5rem;
}

.widget_text ol {
  list-style: decimal;
}

.widget_text ul li, .widget_text ol li {
  border: none;
}

.widget_text ul li:last-child, .widget_text ol li:last-child {
  padding-bottom: 0;
}

.widget_text ul li ul {
  margin: 0 0 0 1.5rem;
}

.widget_text ul li li {
  padding-left: 0;
  padding-right: 0;
}

.widget_text ol li {
  list-style-position: inside;
}

.widget_text ol li + li {
  margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
  float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
  background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
  display: block;
}

.widget_rss ul li {
  padding: 2.125rem 0;
}

.widget_rss ul li:first-child {
  border-top: none;
  padding-top: 0;
}

.widget_rss li .rsswidget {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.4;
}

.widget_rss .rss-date, .widget_rss li cite {
  color: #767676;
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1.5;
  text-transform: uppercase;
}

.widget_rss .rss-date {
  margin: 0.5rem 0 1.5rem;
  padding: 0;
}

.widget_rss .rssSummary {
  margin-bottom: 0.5rem;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
  margin-bottom: 0.5rem;
}

/* Gravatar */
.widget-grofile h4 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table, .widget_recent_comments th, .widget_recent_comments td {
  border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
  display: block;
}

/* Search */
.search-form {
  position: relative;
}

.search-form .search-submit {
  bottom: 3px;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 3px;
  top: 3px;
}

.search-form .search-submit .icon {
  height: 24px;
  top: -2px;
  width: 24px;
}

/* Tag cloud widget */
.tagcloud {
  line-height: 1.5;
}

.tagcloud ul li {
  float: left;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
  margin: 4px 4px 0 0;
}

.widget_tag_cloud, .wp_widget_tag_cloud {
  line-height: 1.5;
}

.widget .tagcloud a, .widget.widget_tag_cloud a {
  border: 1px solid #ddd;
  box-shadow: none;
  display: block;
  padding: 4px 10px 5px;
  position: relative;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  width: auto;
  word-wrap: break-word;
  z-index: 0;
}

.wp_widget_tag_cloud a {
  border: 1px solid #ddd;
  box-shadow: none;
  display: block;
  padding: 4px 10px 5px;
  position: relative;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  width: auto;
  word-wrap: break-word;
  z-index: 0;
}

.widget .tagcloud a:hover, .widget .tagcloud a:focus {
  border-color: #bbb;
  box-shadow: none;
  text-decoration: none;
}

.widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus {
  border-color: #bbb;
  box-shadow: none;
  text-decoration: none;
}

.wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus {
  border-color: #bbb;
  box-shadow: none;
  text-decoration: none;
}

/* Calendar widget */
.widget_calendar th, .widget_calendar td {
  text-align: center;
}

.widget_calendar tfoot td {
  border: 0;
}

/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img, video {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

img.alignleft, img.alignright {
  float: none;
  margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
  margin-bottom: 1.5rem;
  max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child, p > iframe:only-child, p > object:only-child {
  margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
  color: #666;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  margin-bottom: 1.5rem;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075rem 0;
}

/* Media Elements */
.mejs-container {
  margin-bottom: 1.5rem;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider {
  background: transparent;
  border: 0;
}

.mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover {
  background: transparent;
  border: 0;
}

/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
  border-color: #eee;
  color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
  color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
  color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
  border-bottom: 1px dotted #eee;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus {
  border-bottom-color: rgba(0, 0, 0, 0);
  background-color: #767676;
  color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover {
  color: #fff;
}

.site-content .wp-playlist-light .wp-playlist-item:hover a, .site-content .wp-playlist-light .wp-playlist-item:focus a {
  color: #fff;
}

.site-content .wp-playlist-dark {
  background: #222;
  border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
  background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
  color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
  color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
  color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
  background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
  border-bottom: 1px dotted #555;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus {
  border-bottom-color: rgba(0, 0, 0, 0);
  background-color: #aaa;
  color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover {
  color: #222;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover a, .site-content .wp-playlist-dark .wp-playlist-item:focus a {
  color: #222;
}

.site-content .wp-playlist {
  padding: 0.625rem 0.625rem 0.3125rem;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
  font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
  font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}

.site-content .wp-playlist-item {
  padding: 0 0.3125rem;
  cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
  border-bottom: none;
}

.site-content .wp-playlist-item a {
  padding: 0.3125rem 0;
  border-bottom: none;
  box-shadow: none;
  background: transparent;
}

.site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover {
  box-shadow: none;
  background: transparent;
}

.site-content .wp-playlist-item-length {
  top: 5px;
}

.icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  position: relative;
  /* Align more nicely with capital letters */
  top: -0.0625em;
  vertical-align: middle;
  width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 0 1.5rem;
  padding: 0 1rem 0 0;
  width: 50%;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-item a {
  box-shadow: none;
  background: none;
  display: inline-block;
  max-width: 100%;
}

.gallery-item a:hover, .gallery-item a:focus {
  box-shadow: none;
  background: none;
  display: inline-block;
  max-width: 100%;
}

.widget-area .gallery-item a {
  box-shadow: none;
  background: none;
  display: inline-block;
  max-width: 100%;
}

.widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus {
  box-shadow: none;
  background: none;
  display: inline-block;
  max-width: 100%;
}

.gallery-item a img {
  display: block;
  transition: filter 0.2s ease-in;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.gallery-item a:hover img, .gallery-item a:focus img {
  filter: opacity(60%);
}

.gallery-caption {
  display: block;
  text-align: left;
  padding: 0 10px 0 0;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
  border: 2px dashed #0085ba;
  /* Matches visible edit shortcuts. */
  bottom: 1em;
  content: "";
  display: block;
  left: 1em;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
  z-index: 2;
  /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 3em;
  text-transform: uppercase;
  text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
  border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
  border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
  top: 30px;
  left: 30px;
}

.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
  visibility: visible;
}

/* Ensure that placeholder icons are visible. */
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
  display: none;
}

.no-svg .svg-fallback {
  display: inline-block;
}

.no-svg .dropdown-toggle {
  padding: 0.5rem 0 0;
  right: 0;
  text-align: center;
  width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  /* Chrome, Safari, Opera */
  /* IE 9 */
  transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
  /* Chrome, Safari, Opera */
  /* IE 9 */
  transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
  content: "\005E";
}

.no-svg .social-navigation a {
  background: transparent;
  color: #222;
  height: auto;
  width: auto;
}

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
  clip: auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  height: auto;
  position: relative !important;
  /* overrides previous !important styles */
  width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media (min-width: 20.01em) {
  body.customize-partial-edit-shortcuts-shown .site-header .site-title {
    padding-left: 0;
  }
}

/* Typography */
/* Fix image alignment */
/* Site Branding */
/* Front Page */
/* Blog Index, Archive, Search */
/* Gallery Columns */
@media (min-width: 30.01em) {
  /* Typography */
  body, button, input, select, textarea {
    font-size: 18px;
    font-size: 1.125rem;
  }
  h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  h2,
  .home.blog .entry-title,
  .page .panel-content .recent-posts .entry-title {
    font-size: 26px;
    font-size: 1.625rem;
  }
  h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  h5 {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  h6 {
    font-size: 16px;
    font-size: 1rem;
  }
  .entry-content blockquote.alignleft, .entry-content blockquote.alignright {
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* Fix image alignment */
  img.alignleft {
    float: left;
    margin-right: 1.5rem;
  }
  img.alignright {
    float: right;
    margin-left: 1.5rem;
  }
  /* Site Branding */
  .site-branding {
    padding: 3rem 0;
  }
  /* Front Page */
  .panel-content .wrap {
    padding-bottom: 2rem;
    padding-top: 3.5rem;
  }
  .page-one-column .panel-content .wrap {
    max-width: 700px;
  }
  .panel-content .entry-header {
    margin-bottom: 4.5rem;
  }
  .panel-content .recent-posts .entry-header {
    margin-bottom: 0;
  }
  /* Blog Index, Archive, Search */
  .taxonomy-description {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .page-numbers.current, .site-footer {
    font-size: 16px;
    font-size: 1rem;
  }
  /* Gallery Columns */
  .gallery-item {
    max-width: 25%;
  }
  .gallery-columns-1 .gallery-item {
    max-width: 100%;
  }
  .gallery-columns-2 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-4 .gallery-item {
    max-width: 25%;
  }
}

/* Typography */
/* Layout */
/* Site Branding */
/* Navigation */
/* Main Navigation */
/* Scroll down arrow */
/* Front Page */
/* Front Page - Recent Posts */
/* Posts */
/* Blog, archive, search */
/* Entry content */
/* without sidebar */
/* with sidebar */
/* blog and archive */
/* Post formats */
/* Pages */
/* 404 page */
/* Comments */
/* Posts pagination */
/* Secondary */
/* Widgets */
/* Footer */
/* Gallery Columns */
@media (min-width: 48.01em) {
  /* Typography */
  body, button, input, select, textarea {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
  .entry-content blockquote.alignleft, .entry-content blockquote.alignright {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  /* Layout */
  .wrap {
    max-width: 1000px;
    padding-left: calc(2rem + 1rem);
    padding-right: calc(2rem + 1rem);
  }
  .has-sidebar:not(.error404) #primary {
    float: left;
    width: 58%;
  }
  .has-sidebar #secondary {
    float: right;
    padding-top: 0;
    width: 36%;
  }
  .error404 #primary {
    float: none;
  }
  /* Site Branding */
  .site-branding {
    margin-bottom: 0;
  }
  .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
    bottom: 0;
    display: block;
    left: 0;
    height: auto;
    padding-top: 0;
    position: absolute;
    width: 100%;
  }
  .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
    display: block;
    height: auto;
  }
  .custom-header-media {
    height: 165px;
    position: relative;
  }
  .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media {
    height: 0;
    position: relative;
  }
  .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
    height: 0;
    position: relative;
  }
  .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .custom-logo-link {
    padding-right: 2rem;
  }
  .custom-logo-link img {
    max-width: 350px;
  }
  body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 350px;
  }
  .title-tagline-hidden.home.has-header-image .custom-logo-link img, .title-tagline-hidden.home.has-header-video .custom-logo-link img {
    max-height: 200px;
  }
  .site-title {
    font-size: 36px;
    font-size: 2.25rem;
  }
  .site-description {
    font-size: 16px;
    font-size: 1rem;
  }
  /* Navigation */
  .navigation-top {
    bottom: 0;
    font-size: 14px;
    font-size: 0.875rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 3;
  }
  .navigation-top .wrap {
    max-width: 1000px;
    /* The font size is 14px here and we need 50px padding in ems */
    padding: 0.75em 3.4166666666667em;
  }
  .navigation-top nav {
    margin-left: -1.25rem;
  }
  .site-navigation-fixed.navigation-top {
    bottom: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 7;
  }
  .admin-bar .site-navigation-fixed.navigation-top {
    top: 32px;
  }
  /* Main Navigation */
  .js .menu-toggle, .js .dropdown-toggle {
    display: none;
  }
  .main-navigation {
    width: auto;
  }
  .js .main-navigation ul {
    display: block;
  }
  .js .main-navigation ul ul {
    display: block;
  }
  .js .main-navigation > div > ul {
    display: block;
  }
  .main-navigation ul {
    background: transparent;
    padding: 0;
  }
  .main-navigation > div > ul {
    border: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .main-navigation li {
    border: 0;
    display: inline-block;
  }
  .main-navigation li li {
    display: block;
  }
  .main-navigation a {
    padding: 1rem 1.25rem;
  }
  .main-navigation ul ul {
    background: #fff;
    border: 1px solid #bbb;
    left: -999em;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
  }
  .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after {
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    right: 1em;
    bottom: -1px;
    width: 0;
    z-index: 100000;
  }
  .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after {
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    right: 1em;
    bottom: -1px;
    width: 0;
    z-index: 100000;
  }
  .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after {
    display: block;
  }
  .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after {
    display: block;
  }
  .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before {
    border-color: transparent transparent #bbb;
    bottom: 0;
  }
  .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after {
    border-color: transparent transparent #fff;
  }
  .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: 100%;
    right: auto;
  }
  .main-navigation ul ul a {
    padding: 0.75rem 1.25rem;
    width: 16rem;
  }
  .main-navigation li li {
    transition: background-color 0.2s ease-in-out;
  }
  .main-navigation li li:hover, .main-navigation li li.focus {
    background: #767676;
  }
  .main-navigation li li a {
    transition: color 0.3s ease-in-out;
  }
  .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a {
    color: #fff;
  }
  .main-navigation li li a:hover, .main-navigation li li a:focus {
    color: #fff;
  }
  .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
    color: #fff;
  }
  .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: 0.5em;
    right: auto;
  }
  .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon {
    display: inline;
    left: 5px;
    position: relative;
    top: -1px;
  }
  .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon {
    margin-top: -9px;
    left: auto;
    position: absolute;
    right: 1em;
    top: 50%;
    /* Chrome, Safari, Opera */
    /* IE 9 */
    transform: rotate(-90deg);
  }
  .main-navigation ul ul ul {
    left: -999em;
    margin-top: -1px;
    top: 0;
  }
  .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after {
    display: none;
  }
  .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after {
    display: none;
  }
  .js .main-navigation.toggled-on > div > ul {
    overflow-y: unset;
  }
  .site-header .site-navigation-fixed .menu-scroll-down {
    display: none;
  }
  .site-header .menu-scroll-down {
    display: block;
    padding: 1rem;
    position: absolute;
    right: 0;
    color: #fff;
    top: 2em;
  }
  .site-header .menu-scroll-down .icon {
    /* Chrome, Safari, Opera */
    /* IE 9 */
    transform: rotate(90deg);
  }
  .site-header .navigation-top .menu-scroll-down {
    color: #767676;
    top: 0.7em;
  }
  /* Scroll down arrow */
  .menu-scroll-down:focus {
    outline: thin dotted;
  }
  .menu-scroll-down .icon {
    height: 18px;
    width: 18px;
  }
  /* Front Page */
  .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding {
    margin-bottom: 70px;
  }
  .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding {
    margin-bottom: 70px;
  }
  .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media {
    height: 1200px;
    height: 100vh;
    max-height: 100%;
    overflow: hidden;
  }
  .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
    height: 1200px;
    height: 100vh;
    max-height: 100%;
    overflow: hidden;
  }
  .twentyseventeen-front-page.has-header-image .custom-header-media:before, .twentyseventeen-front-page.has-header-video .custom-header-media:before {
    height: 33%;
  }
  .home.blog.has-header-image .custom-header-media:before, .home.blog.has-header-video .custom-header-media:before {
    height: 33%;
  }
  .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media {
    height: calc(100vh - 32px);
  }
  .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
    height: calc(100vh - 32px);
  }
  .panel-content .wrap {
    padding-bottom: 4.5rem;
    padding-top: 6rem;
  }
  .panel-image {
    height: 100vh;
    max-height: 1200px;
  }
  /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
  .background-fixed .panel-image {
    background-attachment: fixed;
  }
  .page-two-column .panel-content .entry-header {
    float: left;
    width: 36%;
  }
  .page-two-column .panel-content .entry-content {
    float: right;
    width: 58%;
  }
  .page-two-column .panel-content .recent-posts {
    clear: right;
    float: right;
    width: 58%;
  }
  /* Front Page - Recent Posts */
  .panel-content .recent-posts article {
    margin-bottom: 4rem;
  }
  .panel-content .recent-posts .entry-header {
    float: none;
    width: 100%;
  }
  .page-two-column #primary .panel-content .recent-posts .entry-header, .panel-content .recent-posts .entry-content, .page-two-column #primary .panel-content .recent-posts .entry-content {
    float: none;
    width: 100%;
  }
  .panel-content .recent-posts .entry-header {
    margin-bottom: 1.5rem;
  }
  .page .panel-content .recent-posts .entry-title {
    font-size: 26px;
    font-size: 1.625rem;
  }
  /* Posts */
  .site-content {
    padding: 5.5rem 0 0;
  }
  .single-post .entry-title, .page .entry-title {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .comments-pagination {
    clear: both;
  }
  .post-navigation {
    clear: both;
  }
  .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
  }
  .nav-next, .post-navigation .nav-next {
    margin-top: 0;
  }
  /* Blog, archive, search */
  .sticky .icon-thumb-tack {
    height: 23px;
    left: -2.5em;
    top: 1.5em;
    width: 32px;
  }
  body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header {
    float: left;
    width: 36%;
  }
  body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
    float: left;
    width: 36%;
  }
  .blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article {
    float: right;
    width: 58%;
  }
  .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content {
    float: right;
    width: 58%;
  }
  body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: right;
    width: 58%;
  }
  .blog .site-main > article, .archive .site-main > article, .search .site-main > article {
    padding-bottom: 4rem;
  }
  .navigation.pagination {
    clear: both;
    float: right;
    width: 58%;
  }
  .has-sidebar .navigation.pagination, .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
    float: none;
    width: 100%;
  }
  .entry-footer {
    display: table;
    width: 100%;
  }
  .entry-footer .cat-tags-links {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
  .entry-footer .edit-link {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
  }
  .entry-footer .edit-link a.post-edit-link {
    margin-top: 0;
    margin-left: 1rem;
  }
  /* Entry content */
  /* without sidebar */
  :not(.has-sidebar) .entry-content blockquote.alignleft {
    margin-left: -17.5%;
    width: 48%;
  }
  :not(.has-sidebar) .entry-content blockquote.alignright {
    margin-right: -17.5%;
    width: 48%;
  }
  /* with sidebar */
  .has-sidebar .entry-content blockquote.alignleft {
    margin-left: 0;
    width: 34%;
  }
  .has-sidebar .entry-content blockquote.alignright {
    margin-right: 0;
    width: 34%;
  }
  .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
    margin-right: -72.5%;
    width: 62%;
  }
  /* blog and archive */
  .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft {
    margin-left: -72.5%;
    width: 62%;
  }
  .blog:not(.has-sidebar) .entry-content blockquote.alignright, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright {
    margin-right: 0;
    width: 36%;
  }
  /* Post formats */
  .format-quote blockquote .icon {
    left: -1.5em;
  }
  /* Pages */
  .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 4rem;
  }
  .page:not(.home) #content {
    padding-bottom: 3.25rem;
  }
  /* 404 page */
  .error404 .page-content {
    padding-bottom: 9rem;
  }
  /* Comments */
  #comments {
    padding-top: 5rem;
  }
  .comments-title {
    margin-bottom: 2.5rem;
  }
  ol.children .children {
    padding-left: 2rem;
  }
  /* Posts pagination */
  .nav-links .nav-title {
    position: relative;
  }
  .nav-title-icon-wrapper {
    position: absolute;
    text-align: center;
    width: 2em;
  }
  .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    left: -2em;
  }
  .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    right: -2em;
  }
  /* Secondary */
  #secondary {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  /* Widgets */
  h2.widget-title {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 2rem;
  }
  /* Footer */
  .site-footer {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 3rem;
  }
  .site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 36%;
  }
  .site-footer .widget-column.footer-widget-2 {
    float: right;
    width: 58%;
  }
  .social-navigation {
    margin-bottom: 0;
  }
  .site-info {
    float: left;
    padding: 0.7rem 0 0;
    width: 36%;
  }
  .social-navigation + .site-info {
    margin-left: 6%;
  }
  .site-info .sep {
    margin: 0 0.5rem;
    display: inline;
    visibility: visible;
  }
  /* Gallery Columns */
  .gallery-columns-5 .gallery-item {
    max-width: 20%;
  }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
  }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
  }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
  }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
  }
}

/* Navigation */
/* Sticky posts */
/* Pagination */
/* Comments */
@media (min-width: 67.01em) {
  /* Navigation */
  .navigation-top .wrap {
    padding: 0.75rem 2rem;
  }
  .navigation-top nav {
    margin-left: 0;
  }
  /* Sticky posts */
  .sticky .icon-thumb-tack {
    font-size: 32px;
    font-size: 2rem;
    height: 22px;
    left: -1.25em;
    top: 0.75em;
    width: 32px;
  }
  /* Pagination */
  .page-numbers {
    display: inline-block;
  }
  .page-numbers.current {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .page-numbers.current .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  /* Comments */
  .comment-body {
    margin-left: 0;
  }
}

@media (min-width: 79.01em) {
  .has-sidebar .entry-content blockquote.alignleft {
    margin-left: -20%;
  }
  .blog:not(.has-sidebar) .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright, .twentyseventeen-front-page .entry-content blockquote.alignright {
    margin-right: -20%;
  }
}

@media (min-width: 48.01em) and (max-width: 48.99em) {
  .admin-bar .site-navigation-fixed.navigation-top, .admin-bar .site-navigation-hidden.navigation-top {
    top: 46px;
  }
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
  /* Hide elements */
  form,
  button,
  input,
  select,
  textarea,
  .navigation-top,
  .social-navigation,
  #secondary,
  .content-bottom-widgets,
  .header-image,
  .panel-image-prop,
  .icon-thumb-tack,
  .page-links,
  .edit-link,
  .post-navigation,
  .pagination.navigation,
  .comments-pagination,
  .comment-respond,
  .comment-edit-link,
  .comment-reply-link,
  .comment-metadata .edit-link,
  .pingback .edit-link,
  .site-footer aside.widget-area,
  .site-info {
    display: none !important;
  }
  .entry-footer,
  #comments,
  .site-footer,
  .single-featured-image-header {
    border: 0;
  }
  /* Font sizes */
  body {
    font-size: 12pt;
  }
  h1 {
    font-size: 24pt;
  }
  h2 {
    font-size: 22pt;
  }
  h3 {
    font-size: 17pt;
  }
  h4 {
    font-size: 12pt;
  }
  h5 {
    font-size: 11pt;
  }
  h6 {
    font-size: 12pt;
  }
  .page .panel-content .entry-title,
  .page-title,
  body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 10pt;
  }
  /* Layout */
  .wrap {
    padding-left: 5% !important;
    padding-right: 5% !important;
    max-width: none;
  }
  /* Site Branding */
  .site-header {
    background: transparent;
    padding: 0;
  }
  .custom-header-media {
    padding: 0;
  }
  .twentyseventeen-front-page.has-header-image .site-branding,
  .twentyseventeen-front-page.has-header-video .site-branding {
    position: relative;
  }
  .home.blog.has-header-image .site-branding,
  .home.blog.has-header-video .site-branding {
    position: relative;
  }
  .site-branding {
    margin-top: 0;
    margin-bottom: 1.75rem !important;
    /* override styles added by JavaScript */
  }
  .site-title {
    font-size: 25pt;
  }
  .site-description {
    font-size: 12pt;
    opacity: 1;
  }
  /* Posts */
  .single-featured-image-header {
    background: transparent;
  }
  .entry-meta {
    font-size: 9pt;
  }
  /* Colors */
  body, .site {
    background: none !important;
    /* Brute force since user agents all print differently. */
  }
  body, a, .site-title a {
    color: #222 !important;
    /* Make sure color schemes don't affect to print */
  }
  .twentyseventeen-front-page.has-header-image .site-title,
  .twentyseventeen-front-page.has-header-video .site-title,
  .twentyseventeen-front-page.has-header-image .site-title a,
  .twentyseventeen-front-page.has-header-video .site-title a {
    color: #222 !important;
    /* Make sure color schemes don't affect to print */
  }
  h2, h5, blockquote,
  .site-description {
    color: #777 !important;
    /* Make sure color schemes don't affect to print */
  }
  .twentyseventeen-front-page.has-header-image .site-description,
  .twentyseventeen-front-page.has-header-video .site-description {
    color: #777 !important;
    /* Make sure color schemes don't affect to print */
  }
  .entry-meta {
    color: #777 !important;
    /* Make sure color schemes don't affect to print */
  }
  .entry-meta a {
    color: #777 !important;
    /* Make sure color schemes don't affect to print */
  }
  .entry-content blockquote.alignleft, .entry-content blockquote.alignright {
    font-size: 11pt;
    width: 34%;
  }
  .site-footer {
    padding: 0;
  }
}

/*** ESTILOS DE PLUGINS ***/
/*# sourceMappingURL=style.css.map */