/*
Theme Name:     Gridlove Child
Theme URI:      http://mekshq.com
Description:    Child theme for Gridlove theme
Author:         meks
Author URI:     http://mekshq.com
Template:       gridlove
Version:        0.1.0
*/

.gridlove-cover {
    display: block;
}

.gridlove-cat {
    color: #303030;
    font-weight: bold;
}

.gridlove-cover-content .entry-meta .meta-item, .gridlove-cover-content .entry-meta a, .gridlove-cover-content .entry-meta span {
    color: #303030;
}

.entry-title h2 .h2{
    color: #70C1A4;
}

.entry-title .h2{
    color: #70C1A4;
}

.gridlove-cover-bg .gridlove-cover:before
{
	left: 0;
	background: linear-gradient(to right,#fff 0,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
	width: 0%;
}

.gridlove-cover-bg .gridlove-cover:after
{
	right: 0;
	background: linear-gradient(to right,rgba(0,0,0,0) 0,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
	width: 0%;
}

.gridlove-cover-bg .gridlove-cover:after,.gridlove-cover-bg .gridlove-cover:before
{
	content: "";
	top: 0;
	position: absolute;
	height: 100%;
	z-index: 2;
}

/* Weiße Ränder Kategorien width erhöhen*/
.gridlove-cover-1 .gridlove-cover-bg .gridlove-cover:before { width: 0%; }
.gridlove-cover-1 .gridlove-cover-bg .gridlove-cover:after { width: 0%; }
/* Ende Weiße Ränder Kategorien width erhöhen*/

.gridlove-cover-area .gridlove-cover-bg img
{
	display: inline-block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.gridlove-hidden-overlay
{
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .2s ease-in-out;
}

.gridlove-cover-area:hover .gridlove-hidden-overlay { opacity: 	1; }

.gridlove-cover-2 .gridlove-hidden-overlay
{
	opacity: 1;
	background: rgba(255,255,255,.2);
}

.gridlove-cover-1:hover .gridlove-hidden-overlay { background: rgba(255,255,255,.8); }
.gridlove-cover-2:hover .gridlove-hidden-overlay { background: rgba(255,255,255,.8); }
.gridlove-cover:hover .gridlove-hidden-overlay { background: rgba(255,255,255,.8); }

.gridlove-cover-content
{
	width: 1200px;
	margin: 0 auto;
}

.gridlove-cover-content .entry-header
{
	position: absolute;
	top: 0;
	height: 440px;
	max-width: 480px;
	text-align: left;
	z-index: 3;
	margin-left: 15px;
	margin-top: 60px;
	/* sonst zu viel spacing, wahrscheinlich weil gridlove nicht mehr margin sondern padding zum spacing benutzt hat und somti das margin top hier nicht überxchreibt sondern dazu addiert */
	padding: 0; 
	pointer-events: none;
}

.gridlove-cover-content .entry-category a,.gridlove-cover-content .entry-meta a,.gridlove-cover-content .entry-title,.gridlove-cover-content .entry-title a { pointer-events: auto; }
.gridlove-cover-content .entry-category { margin-bottom: 15px; }
.gridlove-cover-content .entry-title { margin-bottom: 20px; }
.gridlove-cover-content .entry-title,.gridlove-cover-content .entry-title a{ color: #70C1A4; text-shadow: 1px 1px #303030;}
.gridlove-cover-content p { color: #CF9541;}

.gridlove-cover-content .entry-meta
{
	position: absolute;
	bottom: 69px;
	z-index: 100;
}

.gridlove-cover-content .entry-content { max-width: 400px; }

.gridlove-cover-area
{
	background: #fff;
	overflow: hidden;
}

.gridlove-cover-1 .owl-controls
{
	position: absolute;
	bottom: 60px;
	max-width: 1189px;
	text-align: right;
	left: 50%;
	margin-left: -600px;
	z-index: 2;
	pointer-events: none;
	width: 100%;
}

/* WooCommerce */
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
    /*display: none;*/
}

/* Widegt-Buttons in der Breite anpassen von 29 auf */
.woocommerce .widget_shopping_cart_content .buttons .button {
    width: 100%;
}

.woocommerce .widget_shopping_cart_content .buttons .checkout {
    display: none;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: none;
}
.product_title {
    font-size:24px;
}
.woocommerce div.product form.cart div.quantity {
    display: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image{
    padding: 2px;
    height: 300 px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    width: 32%;
    margin: 5px;
}

.woocommerce ul.products li.product{
    text-align: center;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.mks_ico, select option {
    display: block;
}
.woocommerce .woocommerce-result-count {
    display: none;
}
@media only screen and (max-width: 1200px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    	width: 48%;
    	margin: 5px;
	}
}
@media only screen and (max-width: 600px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    	width: 100%;
    	margin: 5px;
	}
}
/* Abstand über und unter den Galerien*/
.final-tiles-gallery{
	padding-top: 20px;
	padding-bottom: 20px;
}

/* MODULA STYLES START */
/* Abstand über und unter den Galerien*/
.modula-gallery {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* hide title oder description, nur die social icons werden angezeigt */
.modula-gallery .modula-item-content .figc-inner > :not(.jtg-social) {
	display: none;
}
/* hover effect */
.modula-gallery .modula-item .figc::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7511379551820728) 5%, rgba(255,255,255,0) 35%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0.7511379551820728) 5%, rgba(255,255,255,0) 35%);
	transition: opacity .3s ease-in-out;
	opacity: 0;
}
.modula-gallery .modula-item:hover .figc::before, .modula-gallery .modula-item:focus .figc::before {
	opacity: 1;
}
.modula-gallery .modula-item:hover img, .modula-gallery .modula-item:focus img {
	transform: scale(1.1) rotateZ(2deg);
}
/* override default css from modula for hover img  */
html body .modula.modula-gallery-initialized .modula-item:hover img, html body .modula.modula-gallery-initialized .modula-items .modula-item.tg-loaded:hover img.pic {
	opacity: 1 !important;
}
/* MODULA STYLES END */

/* set header margin to 0 when home */
.gridlove-site-header.isHome {
	margin-bottom: 0px;
}

/* abstand von karte zu den tags darunter */
.wpgmza_map {
	margin-bottom: 1rem;
}


/* NAV */
@media (max-width: 1200px) {
	body {
		padding-top: 70px;
	}
	.gridlove-header-responsive {
		height: 70px;
	}
	.gridlove-header-responsive .container {
		height: 70px;
		position: relative;
	}
	.gridlove-header-responsive .gridlove-site-branding.mini .site-title {
		margin: 0;
	}
	.gridlove-header-responsive .gridlove-actions {
		line-height: 70px;
		height: 70px;
		position: absolute;
		/* right: 10px; */
		top: 0;
	}
	.gridlove-header-responsive .gridlove-actions-button>span, .gridlove-header-responsive .gridlove-actions-cart>a {
		font-size: 21px;
		padding: 0 10px;
		width: auto;
	}
}
.gridlove-header-responsive .gridlove-site-branding.mini, .gridlove-header-sticky .gridlove-site-branding.mini {
	display: flex;
	align-items: center;
	height: 70px;
}
.gridlove-logo-mini {
	width: auto !important;
	max-height: 55px !important;
}
@media (max-width: 1200px) and (min-width: 1024px) {
	.gridlove-header-responsive .gridlove-actions {
		right: 20px;
	}
}
@media (max-width: 579px) {
	.sub-menu .gridlove-button-search {
		margin-top: 0px;
	}
}



/* include roboto font */
/* benötigt für masterslider ?? */
/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('assets/fonts/roboto/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-regular - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/roboto/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-500 - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/roboto/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-700 - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('assets/fonts/roboto/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }