/*
 Theme Name:   Mineral Child
 Description:  Mineral Child
 Author:       Andreas Hofer
 Template:     mineral
 Version:      1.0
 Text Domain:  mineral-child
*/



body {	
  font-family: andale_monoregular !important;
}

.info-box .box-icon,	
.note-box .box-icon,	
.tip-box .box-icon,	
.error-box .box-icon {	
   background-image: inherit !important;
}

.mobile-nav {
	display: none;
}

.align_right {
	text-align: right;
}

#navigation-container {	
  float: inherit !important;
}

#menu ul li a {	
  padding: 2px 14px 2px 0 !important;	
}

#main-container {	
  min-width: 320px !important;	
}

#logo-container {	
  float: inherit !important;	
  margin: 0 0.5% !important;
  margin-left: 0 !important;
}

#logo-container a {		
  width: inherit !important;	
  height: inherit !important;	
  display: inherit !important;	
  background: inherit !important;	
  float: inherit !important;	
}

#content-container {	
  padding: 20px 3% !important;
}

#menu ul {	
  margin-top: 4px !important;
}

#menu ul li a {	
  color: inherit !important;	
  text-transform: inherit !important;
}

#menu > ul > li > a:hover:after {	
 position: inherit !important;	
  content: inherit !important;	
  overflow: inherit !important;	
  text-indent: inherit !important;	
  display: inherit !important;	
  width: inherit !important;	
  height: inherit !important;	
  background: inherit !important;	
  left: inherit !important;	
  margin-left: inherit !important;	
  bottom: inherit !important;	
}

#menu ul .current-menu-item a,	
#menu li:hover a,	
#menu .current-menu-parent a,	
#menu .current-menu-ancestor a {	
  color: #ff0000 !important;	
}

#blog-masonry .blog-post-img,	
#blog-masonry .post-video-wrapper,	
#blog-masonry .post-gallery {	
  margin-bottom: 0 !important;	
}

.page-masonry .post,	
.pg-item {	
  margin-bottom: 12px !important;	
}

.cs-element {	
  -moz-opacity: inherit !important;	
  -khtml-opacity: inherit !important;	
  -webkit-opacity: inherit !important;	
  -ms-filter: inherit !important;	
  filter: inherit !important;
}

input[type="submit"].search-button {
  top: 14px !important;
}

.pg-no-title {	
	min-height: inherit !important;
}

.share-item {	
  background-image: inherit !important;
}

.pg-icon {
	background-image: inherit !important;
}

.post-type-icon {	
	background-image: inherit !important;
}

.menu > li {	
  padding-bottom: inherit !important;
}

@media screen and (max-width: 800px) {

#header {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 100;
	background-color: white;
}

.page-template #content-container {
	padding-top: 62px !important;
}

#logo-container {	
  display: flex;
  width: 100%;
}

.mobile-nav {
  display: flex;
  justify-content: flex-end;	
  margin: inherit !important;
}	

.mob-nav-btn {	
  background: inherit !important;
  background-size: inherit !important;
  padding-left: inherit !important;
}

.mob-nav-menu {	
    background: inherit !important;
    text-transform: inherit !important;
}

.mob-nav-menu ul li a {	
    padding: 6px 3% !important;
  }

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {	
  #logo-container a {	
    background: inherit !important;	
    background-size: inherit !important;
  }


















#content-container .section-boxed {
    margin-top: 0 !important;
}

/* wurde gestrichen */
.cs-element {	
/*
  -moz-opacity: 0;	
  -khtml-opacity: 0;	
  -webkit-opacity: 0;	
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
  filter: alpha(opacity=0);	
*/
}




/* oberer teil */

@font-face {
    font-family: 'andale_monoregular';
    src: url('webfont/andale_mono-webfont.eot');
    src: url('webfont/andale_mono-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/andale_mono-webfont.woff') format('woff'),
         url('webfont/andale_mono-webfont.ttf') format('truetype'),
         url('webfont/andale_mono-webfont.svg#andale_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.p-info p {
	margin: 15px 0 !important;
}

.video-wrap { 
	margin-bottom: 15px; 
}

.scroll-to-top {
	background: rgba(255, 255, 255, 0) !important;
}

.scroll-to-top span {
	color: black !important;
}

.img_interaktion {
	width: 335px;
	height: 230px;
}

.menu-item a:hover {
	color: #ff0000 !important;
}

#logo-container a {
	font-family: andale_monoregular !important;
}

#logo-container a:hover {
	color: #ff0000 !important;
}

/* #logo-container  */a {
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.post-content-content p {
	font-size: 13px;
	padding-bottom: 4px;
}

.post-content-content {
	max-width: 860px;
}

/* Menupunkt Info/Contact rechts ausrichten */
#menu ul li:last-child {
	float: right !important;
}

#menu ul li:last-child a {
	padding-right: 0 !important;
}

#navigation-container {
	max-width: 1032px;
}

/* backlink */
.backlink {
	margin-bottom: 10px;
	font-size: 22px;
}

.arrow_video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	margin-top: -25px;
	height: 50px;
	margin-left: -25px;
	z-index: 100;
	background-color: #333;
	visibility: hidden;
}

.hover-play .arrow_video {
	background-color: rgba(255,255,255,1);
	visibility: visible;
	background-image: url('https://www.andreashofer.ch/site/wp-content/uploads/arrow-black.png');
	background-size: 50px 50px;
}

.hover-play .arrow_video:hover {
	background-color: rgba(255,255,255,1);
		background-image: url('https://www.andreashofer.ch/site/wp-content/uploads/arrow-black.png');
}

.arttv {
	max-width: 860px;
}

.arttv iframe {
	max-width: 100% !important;
}