@charset "UTF-8";
/*
Theme Name: Lorena
Theme URI: https://maroon-sparrow-701928.hostingersite.com/
Author: Astro Web
Author URI: https://astroweb.me
Description: Custom theme for Lorena Velazquez. Supports full-site editing.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lorena
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks

Lorena WordPress Theme, (C) 2021 Automattic, Inc.
Lorena is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Lorena uses the following third-party resources:

*/
.has-dark-gray-background-color {
  background-color: #32373c; }

.has-gray-background-color {
  background-color: #555; }

.has-orange-background-color {
  background-color: #ff5000; }

.has-dark-gray-color {
  color: #32373c; }

.has-gray-color {
  color: #555; }

.has-orange-color {
  color: #ff5000; }

body {
  max-width: 100vw;
  overflow-x: hidden; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* Elements */
img {
  max-width: 100%;
  height: auto; }

a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Header
--------------------------------------------- */
header.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(((100vw - 740px) * 0.5) - 30px);
  z-index: 9000; }
  .admin-bar header.site-header {
    top: 32px; }
  .edit-site-block-editor__block-list header.site-header {
    position: relative; }
  @media screen and (orientation: portrait) {
    header.site-header {
      position: relative;
      width: 100%; }
      header.site-header > .wp-block-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      header.site-header nav {
        margin-top: 0; }
      header.site-header .wp-block-navigation__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  @media screen and (max-width: 599px) {
    header.site-header {
      position: relative;
      width: 100%; }
      header.site-header > .wp-block-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      header.site-header nav {
        margin-top: 0; } }

/* Footer
--------------------------------------------- */
footer.site-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 9000;
  font-size: 0.8rem; }
  .edit-site-block-editor__block-list footer.site-footer {
    position: relative; }
  footer.site-footer > .wp-block-group > .wp-block-group > * {
    max-width: calc(((100vw - 740px) * 0.5) - 30px); }
  @media screen and (orientation: portrait) {
    footer.site-footer {
      position: relative;
      width: 100%; }
      footer.site-footer > .wp-block-group > .wp-block-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center; }
        footer.site-footer > .wp-block-group > .wp-block-group > * {
          max-width: none; } }
  @media screen and (max-width: 599px) {
    footer.site-footer {
      position: relative;
      width: 100%; }
      footer.site-footer > .wp-block-group > .wp-block-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center; }
        footer.site-footer > .wp-block-group > .wp-block-group > * {
          max-width: none; } }

/* Templates
--------------------------------------------- */
/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.wp-site-blocks {
  padding: var(-–wp–preset–spacing–1); }
  .wp-site-blocks > * + * {
    margin-top: 0; }

.wp-block-navigation a:hover,
.wp-block-navigation a:focus,
.wp-block-navigation a:active {
  color: #ff5000; }

.wp-block-image {
  margin-bottom: 0; }
  .wp-block-image figcaption {
    line-height: 1.2; }

/* Third Party Blocks
--------------------------------------------- */
.portfolio-columns figure {
  margin: 0; }
  .portfolio-columns figure > a {
    display: block;
    margin: 0;
    position: relative; }
    .portfolio-columns figure > a img {
      position: absolute;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .portfolio-columns figure figcaption {
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase; }
    .portfolio-columns figure figcaption a {
      color: #000; }
  .portfolio-columns figure:hover figcaption a, .portfolio-columns figure:focus figcaption a, .portfolio-columns figure:active figcaption a {
    color: #ff5000; }

.portfolio-columns.four-columns figure > a {
  height: calc(740px * 0.25); }

/* Custom Classes
--------------------------------------------- */
div:not(.block-editor-block-list__layout) .lorena-timeline {
  display: block;
  margin-left: 0; }
  div:not(.block-editor-block-list__layout) .lorena-timeline li {
    padding-left: 10px;
    border-left: 3px solid #000; }
  div:not(.block-editor-block-list__layout) .lorena-timeline strong {
    border-top: none; }
  div:not(.block-editor-block-list__layout) .lorena-timeline a {
    -webkit-transform: none;
            transform: none;
    margin: 0; }