/*
Theme Name: Desert
Theme URI: https://www.blenderbrush.com/wordpress-themes/desert/
Author: blenderbrush.com
Author URI: https://www.blenderbrush.com
Description: Multipurpose theme based on Materialize and built with _s 'Underscores' starter theme by Automattic. Desert includes six base color schemes and custom parallax header and footer options. This theme includes German language files and is ready for additional translations.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: desert
Tags: two-columns,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,featured-images,footer-widgets,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.

Desert is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Site Branding
--------------------------------------------------------------*/
.site-title,
.site-title a,
.site-description {
	color: #fff;
	text-decoration: none;
}

.site-title a:hover {
	color: #fff;
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form#commentform {
	padding: 25px;
}

.comment-form p.form-submit {
	display: none;
}

textarea.materialize-textarea{
	margin-left:0px;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .autocomplete-content {
	margin-left:1.5rem;
}

.btn:hover,
.btn-large:hover,
.btn-floating:hover,
.btn-floating:hover {
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.5px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	cursor: pointer;
}

.btn.white,
.white .white-text {
	color:#444 !important;
}

.btn-floating.white .material-icons {
	color:#444;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a,.card {
	color: #444;
}

a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):not(nav a):not(.site-title a):not(.entry-meta a):not(.entry-title a):not(.tagcloud a):not(.collection-item a):not(.tags-links a):not(.cat-links a) {
	text-decoration: underline;
}

.entry-meta a:hover,
.entry-title a:hover {
	text-decoration: underline;
}

a:hover:not(nav a) {
	color:#000;
}

.reply a:hover {
	color:#fff;
}

.black a,
.red a,
.blue a,
.teal a,
.orange a {
	color: #fff;
}

.page-links .page-number {
	padding: 0 10px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 30px;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-numbers {
	color: #444;
	text-decoration: underline;
	background:transparent !important;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page-numbers,
.page-numbers.current{
	padding: 0 10px;
	font-size: 1.2rem;
	line-height: 30px;
}

.page-numbers.current.white,
.page-numbers.white{
	background: #000 !important;
	color:#fff;
}

.blue .nav-links .current {
	background: #fff;
	color: #2196f3;
}

.red .nav-links .current {
	background: #fff;
	color: #f44336;
}

.black .nav-links .current {
	background: #fff;
	color: #444;
}

.white .nav-links a {
	color: #444;
}
.white .nav-links .current {
	background: #444;
	color: #fff;
}

.teal .nav-links .current {
	background: #fff;
	color: #009688;
}

.orange .nav-links .current {
	background: #fff;
	color: #ff9800;
}

a.page-numbers.white {
	background:#fff !important;
}

.nav-next {
	float: right;
}

/*--------------------------------------------------------------
## Menu
--------------------------------------------------------------*/

.black,
.blue,
.red,
.orange,
.teal {
	color: #fff;
}

.dropdown-content .blue > a,
.dropdown-content .blue > span,
.dropdown-content .black > a,
.dropdown-content .black > span,
.dropdown-content .red > a,
.dropdown-content .red > span,
.dropdown-content .teal > a,
.dropdown-content .teal > span,
.dropdown-content .orange > a,
.dropdown-content .orange > span
{
	color: #fff;
}

.dropdown-content .white > a,
.dropdown-content .white > span {
	color: #444;
}

.white nav ul li a {
	color: #444;
}

.nav a {
	text-decoration: none;
}

nav.comment-navigation,
nav.comments-pagination {
	box-shadow: none;
	background: transparent;
	color: #444;
}

nav.comments-pagination a {
	color: #444;
}

#comment-nav-below {
	margin-top: 10px;
}

.m-container nav {
	width: 100%;
	height: 56px;
	line-height: 56px;
	color: #fff;
	overflow: hidden;
	box-shadow: 0 0 0;
}

.fixed {
	position:fixed;
	top:0px;
	z-index:998;
}

.nav,
.dropdown-content li{
	width: 100%;
	height: 56px;
	line-height: 56px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

nav.navigation.post-navigation {
	background: transparent;
	box-shadow: 0 0;
	clear:both;
}

.nav ul li a:hover {
	text-decoration: none;
}

.button-collapse {
	color: #444;
}

.dropdown-content{
	overflow: visible !important;
}

nav.navigation.pagination,
nav.navigation.pagination.nav-links {
	display:inline-block;
}

nav {
	width:auto;
}

.nav-links a {
	text-decoration: none;
}

.nav-links a i.material-icons {
	display: inline;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
p {
	line-height: 2rem;
}

strong {
	font-weight: 700;
}

blockquote {
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin-left: 10%;
	overflow: hidden;
	padding: 5px;
	width:80%;
}

blockquote.blue,
blockquote.white,
blockquote.black,
blockquote.red,
blockquote.teal,
blockquote.orange {
	background-color: transparent !important;
	color: #222;
}

blockquote.blue {
	border-color: #2196f3;
}

blockquote.white {
	border-color: #e57373;
}

blockquote.black {
	border-color: #757575;
}

blockquote.red {
	border-color: #e57373;
}

blockquote.teal {
	border-color: #26a69a;
}

blockquote.orange {
	border-color: #ffb74d;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 600;
}

h2 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 600;
}

h3 {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

h5 {
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

h1.entry-title,
h2.entry-title,
.entry-meta,
.entry-summary {
	padding-left: 1.2rem;
	padding-top:0.75rem;
	margin:0;
}

h1.site-title,
p.site-title {
	margin: 1rem 0;
	font-size: 3em;
}

p.site-description {
	font-size: 2.0rem;
	line-height: 2.4rem;
	margin: 1rem 0 1.424rem 0;
	font-weight: 300;
}

.entry-meta {
	margin-top: 1.2rem;
}

h1.entry-title,
h2.entry-title {
	margin-bottom: 0.75rem;
}

.icon-block .material-icons {
	font-size: inherit;
}


/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
#loader {
	position: fixed;
	z-index: 1000;
	top:0;
	padding-top: 20%;
	width:100%;
	height:100%;
	text-align: center;
	background: #fff;
}

#primary {
	margin-top:0.5rem;
}

.container {
	padding: 0 .5rem;
	margin: 0 auto;
	width: 100%;
}

.icon-block {
	padding: 0 15px;
}

#main .card {
	margin-bottom: 50px;
}

.pagecard {
	text-align: center;
}

ol {
	list-style-position: inside;
}

img:not(.parallax-img) {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/*Header*/

.parallax-container .section {
	width: 100%;
}

.parallax-container {
	min-height: 380px;
	line-height: 0;
	height: auto;
	color: rgba(255,255,255,.9);
}

.parallax-container .section {
	width: 100%;
}

.site-branding {
	padding: 20px 30px;
}

/*Footer*/
footer.page-footer {
	margin: 0;
}

.site-info {
	padding: 20px;
	text-transform:uppercase;
}

/*--------------------------------------------------------------
# Comments and Posts
--------------------------------------------------------------*/
.comments-link {
	display: inline-block;
}

.card .card-image img {
	margin:auto;
	width:auto;
}

.card.large {
	height: auto;
}

.large  .entry-meta .byline {
	display: none;
}

.byline,
.updated:not(.published) {
	display: none;
}

.bypostauthor {
	display: block;
}

.entry-content {
	padding: 0 1.2rem;
}

.comments-title .btn-large {
	margin-top: 10px;
}

.comment-respond {
	margin-top: 10px;
}

ul#recentcomments {
	margin: 0 15px;
}

ol.comment-list {
	margin: 0;
	padding: 0;
}

.comment-list li.comment {
	padding-top: 20px;
	padding-left: 20px;
}

img.avatar.circle.left.avatar-90 {
	margin-right: 40px;
}

.comment-meta.commentmetadata {
	margin-bottom: 20px;
}

.divider {
	margin: 20px 0 0;
}

.comment ol.children {
	margin-left: 0;
	padding-left: 20px;
}

.comment ol.children ol.children {
	padding-left: 50px;
}

.entry-footer {
	padding:15px;
	text-align:center;
}

.post-comments {
	float:right;
}

.comments-link,
.tags-links,
.edit-link {
	padding:  0.75rem 0 1.2rem 1.2rem;
}

/*--------------------------------------------------------------
# Sticky Posts
--------------------------------------------------------------*/

.sticky-p {
	float: left;
	font-size:40px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.post-date {
	font-size: 0.81em;
}

h2.comments-title,
h3#reply-title {
	padding: 0 20px;
	clear: both;
}

h2.widget-title {
	display: block;
	padding: 10px 20px;
	margin-top:0px;
	font-weight: 300;
}

/* card display */
.card {
	position: relative;
	overflow: hidden;
	margin: 0.5rem 0 1rem 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-clip: padding-box;
}

.card .card-image .card-title {
	padding: 0px 20px 20px;
}

#secondary .card,
.site-footer .widget-area .card {
	overflow: visible;
	min-height:150px;
}

.textwidget,
.tagcloud {
	padding: 10px 15px;
}

.tagcloud a,
.tags-links a {
	display: inline-block;
	padding: 0px 12px;
	margin: 5px 5px 15px 0px;
	height: 32px;
	font-size: 13px;
	font-weight: 500;
	color: rgba(0,0,0,0.6);
	line-height: 32px;
	border-radius: 16px;
	background-color: #e4e4e4;
	text-decoration: none;
}

.card {
	margin-right: 2px;
}

.collection {
	border: 0px;
}

.collection li {
	border-bottom:1px solid #e0e0e0;
}

.rpwidget {
	border: 0;
}

.rpwidget .collection-item.avatar {
	height: 100%;
	padding-left: 72px;
	position: relative;
}

.rpwidget .collection-item {
	margin: 0px;
	border-bottom: 1px solid #e0e0e0;
	background-color: #fff;
	line-height: 1.5rem;
	padding: 20px 20px;
}

ul.collection .rpwidget {
	padding: 0;
	margin-top: -20px;
	background: #fff;
}

aside.widget_nav_menu {
	margin-bottom: 0;
}

.widget ul.menu {
	margin: -20px 0 0;
	padding: 0;
}

.widget ul.menu li {
	padding: 10px;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.widget ul.menu li:last-of-type {
	border-bottom: 0;
}

.search-bt {
	float:left;
	width:18%;
}

.search-container {
	float:left;
	padding:5px;
	width:80%;
	max-width:600px;
}

div#calendar_wrap {
	padding: 10px 15px;
}

.widget form .search-form {
	margin: 0px 20px 0px 10px;
}

.widget ul {
	margin: 0px 15px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	border: none;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.gallery figure {
	margin:5px;
}
.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}



/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 568px) {
	.card .card-image .card-title {
		position: relative;
		bottom: 0;
		left: 0;
		padding: 0;
	}
}

@media only screen and (max-width : 992px) {
	.parallax-container .section {
		position: absolute;
		top: 40%;
	}

	#index-banner .section {
		top: 10%;
	}
}

@media only screen and (max-width : 600px) {
	#index-banner .section {
		top: 0;
	}
}

@media only screen and (min-width : 601px) {
	.row .col.m6 {
		width:100%;
	}
}

@media only screen and (min-width : 993px) {
.row .col.l4 {
		width: 33.33333%;
		/*margin-left: auto;
		left: auto;
		right: auto*/
	}
}

@media screen and (min-width: 30em) {
	h1 {
		font-size: 30px;
		font-size: 1.875rem;
	}

	h2,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
	}

	.entry-content blockquote .alignleft,
	.entry-content blockquote .alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

}