/*
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 Automattic's Underscores starter theme. Desert includes six base color schemes and custom parallax header and footer options. Parallax header and footer images included are licensed 'CC0 Public Domain' . This theme includes German language files and is ready for additional translations.
Version: 1.0.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 {
  text-decoration: underline;
}

a,.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
  color: #444;
  
}

a:not(.card-action a):not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):not(nav a):not(.site-title a) {
  text-decoration: underline;
}

.card .card-action a {
  text-decoration: none;
}

a:hover,.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
  color:#000;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
  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;
}

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

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

.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;
}

.m-container nav {
  width: 100%;
  height: 56px;
  line-height: 56px;
  color: #fff;
  background-color: transparent;
  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;
}
 

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

.button-collapse {
  color: #444;
}

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

/*--------------------------------------------------------------
# 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;
  max-width: 1280px;
  width: 100%;
}

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

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

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

.pagecard {
  text-align: center;
}

.card .card-content {
  padding:0 0 100px 24px;
}

.card.large {
  height: auto;
}

ol {
  list-style-position: inside;
}

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

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

.card-action .comments-link {
  display: none;
}


/*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
--------------------------------------------------------------*/
.card .card-image img {
  margin:auto;
  width:auto;
}

.bypostauthor {
  display: block;
}


.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 {
  text-align:center;
}

.post-comments {
  float:right;
}

.comments-link {
  padding:  0.75rem 0 1.2rem 1.2rem;
}

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

/*--------------------------------------------------------------
# Sticky Posts
--------------------------------------------------------------*/
.post:not(.sticky) p.sticky-p {
  /*display: none;*/
}

.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;
}

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;
}
 
.card-content ul {
  margin: 0;
}

#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;
}

.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 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;
	}
  
}