/*------------------------------------------------------------------/*
Theme Name: Loza
Theme URI: https://az-theme.net/downloads/loza-a-clean-wordpress-theme-for-bloggers/
Description: Loza is a clean and minimal WordPress theme. This theme is perfect for youtube bloggers, travel blog, food blog, fashion blog and writers who need to create personal blog site. Check out the demo at https://lazo.az-theme.net/ and get support at https://az-theme.net/contact/
Author URI: https://az-theme.net/
Author: AZ-Theme.Net
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.1
Text domain: loza
Tags: blog, e-commerce, portfolio
Tested up to: 6.5
Requires PHP: 7.0
*/
*, ::after, ::before {
	box-sizing: border-box;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 36px;
    line-height: 40px;
}
h2 {
    font-size: 30px;
    line-height: 36px;
}
h3 {
    font-size: 24px;
    line-height: 36px;
}
h4 {
    font-size: 20px;
    line-height: 30px;
}
h5 {
    font-size: 18px;
    line-height: 30px;
}
h6 {
    font-size: 16px;
    line-height: 30px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
	font-family: monospace;
	font-size: 1em;
	overflow: auto;
	background: Var(--border-color);
	padding: 10px;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em;
}
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;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
iframe,figure {
	max-width: 100%;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    max-width: 100%;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
[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;
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="phone"], input[type="tel"], textarea {
	transition: .36s;
	border: 1px solid var(--border-color);
	border-radius: 3px;
	background: #f9f9f9;
	padding: 6px 10px;
	color: var(--primary-color);
}
input[type="submit"] {
	color: #fff;
	background-color: var(--accent-color);
	box-shadow: none;
	border: none;
	padding: 4px 30px;
	border-radius: 3px;
	cursor: pointer;
	line-height: 30px;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    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-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
.container{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
/* Responsive */
@media(min-width: 576px){
    .container{
        max-width: 540px;
    }
}
@media(min-width: 768px){
    .container{
        max-width: 720px;
    }
}
@media(min-width: 992px){
    .container{
        max-width: 960px;
    }
}
@media(min-width: 1200px){
    .container{
        max-width: 1140px;
    }
}