/*------------------------------------------------------------------/*
Theme Name: SarahList
Theme URI: https://az-theme.net/downloads/sarahlist-free-personal-wordpress-theme/
Description: Sarahlist is a personal WordPress theme. This theme is mobile-friendly, SEO optimized and fast to load, helping you rank your website higher on search engines. If you want to share your travel experiences, pro fashion tips, favorite recipes or lifestyle, beauty and makeup, coaching or any other niche blog, then This theme is for you. Check out the demo at https://sarahlist.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.2
Text domain: sarahlist
Tags: blog, e-commerce, portfolio
Tested up to: 6.2
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;
    }
}