/*
Theme Name: Mauer Essentialist
Description: Blogging theme
Author: Mauer Themes
Author URI: http://mauer.co
License: GPL General Public License and Themeforest general license
License URI: License/README_License.txt
Version: 1.0.1
Theme URI: http://essentialist.mauer.co
Tags: theme-options, translation-ready
Text Domain: mauer-essentialist
*/

/* ----------------------------------------------

CONTENTS: 

1. General
2. Forms
3. Header and Menu
4. Content
5. Images and Galleries
6. Footer and Widgets
7. Search
8. Comments

------------------------------------------------- */







/* ---------------------------------------------- 
1. GENERAL
------------------------------------------------- */

html {
	font-size: 10px;
}
@media (max-width: 991px) {html {font-size: 9px;}}

body {
	background-color: #fefefe;
	font-family: 'Libre Franklin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #343434;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-ms-word-wrap: break-word;
	word-wrap: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Playfair Display', Georgia, serif;
	color: #242a33;
	letter-spacing: 0;
	position: relative;
	line-height: 1.4;
	font-weight: 700;
}

h1 {font-size:3.2rem;}
h2 {font-size:2.8rem;}
h3 {font-size:2.4rem;}
h4 {font-size:2.1rem;}
h5 {font-size:1.8rem;}
h6 {font-size:1.6rem;}

h1, h2, h3 {margin: 4.0rem 0 .6rem;}
h4, h5, h6 {margin: 3.8rem 0 .6rem;}

h1, h2, h3 {margin: 4.8rem 0 1.2rem;}
h4, h5, h6 {margin: 4.0rem 0 .6rem;}

a {
	color:#ad8353;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

a:hover, a:focus {
	color:#504d4d;
	text-decoration: none;
}

p {margin: 0 0 2.5rem;}

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

ul, ol {
	margin-bottom: 2.5rem;
	padding-left: 3.4rem;
}

ul>li>ul, ul>li>ol,
ol>li>ol, ol>li>ul {
	padding-left: 2.2rem;
}

@media (max-width: 991px) {
	.add-padding-on-small-resolutions {
		padding-left: 3.0rem;
		padding-right: 3.0rem;
	}
}

iframe {
	max-width: 100%;
}

.mauer-preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f8f8f8;
	z-index: 999999;
	opacity: 1;
	-webkit-transition: visibility 0s .18s, opacity .18s ease;
	-o-transition: visibility 0s .18s, opacity .18s ease;
	transition: visibility 0s .18s, opacity .18s ease;
}

.mauer-preloader.mauer-preloader-hidden {
	opacity:0;
	visibility: hidden;
}

.mauer-spinner {
	height: 36px;
	width:  36px;
	position: absolute;
	top:50%; left: 50%;
	margin: -18px 0 0 -18px;

	border-width: 2px;
	border-style: solid;
	border-top-color: transparent;
	border-color: #ad8353;
	border-radius: 100%;
	animation: mauer-clockwise .4s linear infinite;
}

@keyframes mauer-clockwise{
	to {transform: rotate(360deg) translatez(0);}
}

.mauer-blur-filter {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}







/* ---------------------------------------------- 
2. FORMS
------------------------------------------------- */

/* these are made important so that we reduce the chances of varying styles when installing plugins with their custom css */
.section-main-content select, .section-main-content textarea,
#footer select, #footer textarea,

.section-main-content input[type="text"], .section-main-content input[type="password"],
#footer input[type="text"], #footer input[type="password"],

.section-main-content input[type="date"], .section-main-content input[type="month"], .section-main-content input[type="time"], .section-main-content input[type="week"],
#footer input[type="date"], #footer input[type="month"], #footer input[type="time"], #footer input[type="week"],

.section-main-content input[type="number"], .section-main-content input[type="email"], .section-main-content input[type="url"], .section-main-content input[type="search"],
#footer input[type="number"], #footer input[type="email"], #footer input[type="url"], #footer input[type="search"],

.section-main-content input[type="tel"], .section-main-content input[type="color"], .section-main-content .form-control,
#footer input[type="tel"], #footer input[type="color"], #footer .form-control {

	display: block!important;
	vertical-align: middle!important;
	width: 100%!important;
	padding: 0.81rem 1.1rem 0.9rem!important;
	border: 1px solid #E2E2E2!important;
	border-radius:0!important;
	outline: 0!important;
	font-size:1.3rem!important;
	letter-spacing: 0.005em!important;
	color:#343434;
	line-height:normal; /* otherwise placeholders jump */
	-webkit-transition: border .1s linear;
	-o-transition: border .1s linear;
	transition: border .1s linear;
}

#footer select, #footer textarea,
#footer input[type="text"], #footer input[type="password"],
#footer input[type="date"], #footer input[type="month"], #footer input[type="time"], #footer input[type="week"],
#footer input[type="number"], #footer input[type="email"], #footer input[type="url"], #footer input[type="search"],
#footer input[type="tel"], #footer input[type="color"], #footer .form-control {
	margin-top: 1.6rem;
}

.section-main-content select:hover, .section-main-content textarea:hover,
.section-main-content select:focus, .section-main-content textarea:focus,
#footer select:hover, #footer textarea:hover,
#footer select:focus, #footer textarea:focus,

.section-main-content input[type="text"]:hover, .section-main-content input[type="password"]:hover,
.section-main-content input[type="text"]:focus, .section-main-content input[type="password"]:focus,
#footer input[type="text"]:hover, #footer input[type="password"]:hover,
#footer input[type="text"]:focus, #footer input[type="password"]:focus,

.section-main-content input[type="date"]:hover, .section-main-content input[type="month"]:hover, .section-main-content input[type="time"]:hover, .section-main-content input[type="week"]:hover,
.section-main-content input[type="date"]:focus, .section-main-content input[type="month"]:focus, .section-main-content input[type="time"]:focus, .section-main-content input[type="week"]:focus,
#footer input[type="date"]:hover, #footer input[type="month"]:hover, #footer input[type="time"]:hover, #footer input[type="week"]:hover,
#footer input[type="date"]:focus, #footer input[type="month"]:focus, #footer input[type="time"]:focus, #footer input[type="week"]:focus,

.section-main-content input[type="number"]:hover, .section-main-content input[type="email"]:hover, .section-main-content input[type="url"]:hover, .section-main-content input[type="search"]:hover,
.section-main-content input[type="number"]:focus, .section-main-content input[type="email"]:focus, .section-main-content input[type="url"]:focus, .section-main-content input[type="search"]:focus,
#footer input[type="number"]:hover, #footer input[type="email"]:hover, #footer input[type="url"]:hover, #footer input[type="search"]:hover,
#footer input[type="number"]:focus, #footer input[type="email"]:focus, #footer input[type="url"]:focus, #footer input[type="search"]:focus,

.section-main-content input[type="tel"]:hover, .section-main-content input[type="color"]:hover, .section-main-content .form-control:hover,
.section-main-content input[type="tel"]:focus, .section-main-content input[type="color"]:focus, .section-main-content .form-control:focus,
#footer input[type="tel"]:hover, #footer input[type="color"]:hover, #footer .form-control:hover,
#footer input[type="tel"]:focus, #footer input[type="color"]:focus, #footer .form-control:focus { 
	border: 1px solid #a2a2a2!important;
}


textarea,
input[type="text"], input[type="password"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"],
input[type="number"], input[type="em