Na}{

File Content: utilities.css

/*
Theme Name: Metrothemes
Theme URI: 
Author: metrothemes
Author URI: https://wordpress.org/
Description: Metrothemes 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: 2.3
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: 
Text Domain: 
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
--------------------------------------------------------------*/

/*------------------------------------------------------------------
 * This is main css file.
 -------------------------------------------------------------------*/

:root {
  /* Font Family */
  --font-primary: "Lato,sans-serif !important";
  --font-secondary: "Herr Von Muellerh", cursive;
  --body-font: "Cabin", sans-serif;

/* Font Size */
  --font-size-base: 1.25rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-17: 1.094rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-22: 1.375rem;
  --font-size-24: 1.5rem;
  --font-size-25: 1.563rem;
  --font-size-27: 1.688rem;
  --font-size-32: 2rem;
  --font-size-35: 2.188rem;
  --font-size-36: 2.25rem;
  --font-size-38: 2.375rem;
  --font-size-50: 3.125rem;
  --font-size-64: 4rem;
  --font-size-80: 5rem;
  --font-size-page-title: var(--font-size-xxl);
  --letter-spacing: normal;

/* Line Height */
  --line-height-body: 1.7;
  --line-height-heading: 1.3;
  --line-height-page-title: 1.1;

/* Colors */
  --color-black: #000;
  --color-dark-gray: #999999;
  --color-gray: #39414d;
  --color-light-gray: #f0f0f0;
  --color-green: #d1e4dd;
  --color-blue: #d1dfe4;
  --color-purple: #d1d1e4;
  --color-red: #e4d1d1;
  --color-orange: #e4dad1;
  --color-yellow: #eeeadd;
  --color-white: #fff;
  --color-white-30: rgba(255, 255, 255, 0.3);
  --color-white-90: rgba(255, 255, 255, 0.9);
  --color-primary: #062a4a;

--transition: all 250ms ease-out;
  --shadow: 2px 5px 20px rgba(0, 0, 0, 0.2);

/* Background Color */
  --color-background: #f0efee;
  --color-secondary-back: #cdb48c;

/* Buttons */
  --button--color-text: var(--color-background);
  --button--color-text-hover: var(--color-secondary);
  --button--color-text-active: var(--color-secondary);
  --button--color-background: var(--color-secondary);
  --button--color-background-active: var(--color-background);
  --button--font-family: var(--font-primary);
  --button--font-size: var(--font-size-base);
  --button--font-weight: 500;
  --button--line-height: 1.5;
  --button--border-width: 3px;
  --button--border-radius: 0;
  --button--padding-vertical: 15px;
  --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
}

/*------------------------------------------------------------------
   * Normalized.
   -------------------------------------------------------------------*/

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: var(--main-font);
  color: var(--clr-dark);
  line-height: var(--line-height-body);
}
.alignfull,
blockquote,
sub,
sup {
  position: relative;
}
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  background: 0 0;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body,
pre {
  background-color: var(--color-white);
}
a img,
table {
  border: none;
}
ol,
pre,
ul {
  margin: 15px 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: middle;
  width: 100%;
}
table th {
  border: 0;
  padding: 5px 7px;
}
table td {
  padding: 5px 10px;
}
img {
  height: auto;
  max-width: 100%;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clear:after {
  clear: both;
  content: "";
  display: block;
}
html {
  overflow-y: scroll !important;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
h1,
h2,
h3 {
  font-weight: 600;
}
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover {
  color: ec13;
}
h1 {
  font-size: 52px;
  line-height: 1em;
}
h2 {
  font-size: 40px;

line-height: 1.25em;
}
h3 {
  font-size: var(--font-size-lg);
  line-height: 1.21em;
}
h4 {
  color: #878787;
  font-size: var(--font-size-18);
  font-weight: 300;
  line-height: 1.77em;
}
h5 {
  font-size: var(--font-size-18);
  font-weight: 600;
  line-height: 1.18em;
  text-transform: uppercase;
}
h6 {
  font-size: var(--font-size-12);
  font-weight: 500;
  line-height: 1.33em;
  text-transform: uppercase;
}
a,
p a {
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
p {
  margin: 10px 0;
}
a {
  color: var(--color-primary);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
input[type="submit"] {
  -webkit-appearance: none;
}
ol,
ul {
  list-style-position: inside;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
  padding: 0 0 0 15px;
}
pre {
  padding: 15px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
dt {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
dd {
  margin-bottom: 15px;
}
sub,
sup {
  font-size: 75%;
  height: 0;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  top: 0.5ex;
}
sup {
  bottom: 0.5ex;
}
table tbody tr,
table thead tr {
  border: 1px solid #e1e1e1;
}
table tbody th {
  border-right: 1px solid #e1e1e1;
}
blockquote {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: var(--font-size-18);
  font-weight: 300;
  line-height: 28px;
  margin: 10px 0;
  padding: 0;
  quotes: none;
}
blockquote > * {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  margin: 0;
}
blockquote:after,
blockquote:before {
  content: "";
}
blockquote cite {
  font-style: normal;
  font-weight: 400;
}
::selection {
  background: #000;
  color: var(--color-white);
}
::-moz-selection {
  background: #000;
  color: var(--color-white);
}
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
.aligncenter {
  display: block;
  margin: 10px auto;
}
.alignwide {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1024px) {
  .alignwide {
    max-width: 100%;
    width: 100%;
  }
}
.alignfull {
  clear: both;
  left: -1rem;
  max-width: calc(100% + (2 * 1rem));
  width: calc(100% + (2 * 1rem));
}
@media only screen and (max-width: 1024px) {
  .alignfull {
    left: calc(-12.5% - 75px);
    margin-bottom: calc(2 * 1rem);
    margin-top: calc(2 * 1rem);
    max-width: calc(125% + 150px);
    width: calc(125% + 150px);
  }
}
.text-align-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}

Name	Size	Permission
lib	---	0755
style.css	40890 bytes	0644
utilities.css	8760 bytes	0644