/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 3.0.0.1608375304
Updated: 2020-12-19 10:55:04

*/

:root {
	--header-height: 80px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
}

body, .site-main {
	background-color: #e3e3e3;
	font-family: 'Poppins', sans-serif !important;
}
.site-header,
.storefront-breadcrumb {
	margin-bottom: 0px !important;
	max-width: 90em;
	margin: 0 auto !important;

}

.elementor-nav-menu--dropdown {
  background-color: #750787;
}
.elementor-nav-menu--dropdown a {
	color: #fff;
}
.elementor-nav-menu--dropdown a:hover,
.elementor-sub-item.elementor-item-active {
	background-color: #971dab;
	color: #fff;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    border-bottom: 0 !important;
}
@media (min-width: 768px)
{
	.site-content .col-full,
	.site-footer .col-full,
	.site-footer .col-full {
		max-width: 90em;
		padding: 0;
	}
}
.entry-content,
.content-area,
.site-footer .col-full,
.storefront-breadcrumb,
#main {
	/* width: 90%;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	*/
	background-color: #fff !important;
}
.storefront-breadcrumb {
	margin: 0;
}
#primary {
	padding: 30px;
}
.site-main {
	margin-bottom: 0;
}
.site-footer {
	padding: 0;
}
.site-footer .col-full {
	background-image: url(https://copenhagenpride.dk/wp-content/uploads/footer-background.png);
}
.footer-widgets {
	background-color: #fff !important;
	margin: 30px;
}
.site-footer .col-full > div {
	padding: 0px 30px 0 30px !important;
}
.site-footer .col-full .footer-widgets {
	padding-top: 30px !important;
}
.site-footer .site-info {
	padding: 10px 0 10px 0 !important;
}

.site-info {
	background-color: #fff !important;
}

.elementor-post.elementor-grid-item {
	position: relative;
	z-index: 2;
}
.master-news .elementor-post__text {
	position: absolute !important;
	bottom: 60px;
	background-color: #efefef;
	width: 90%;
	padding: 10px;
	border-radius: 10px;
	z-index: 1;

  left: 50%;
  transform: translate(-50%, -0%);
}
@media (min-width: 1024px)
{
	.master-news-wrapper .elementor-grid-1 .elementor-grid {
    grid-template-columns: repeat(1,1fr) !important;
	}
}
@media (min-width: 768px)
{
	.master-news .elementor-post__text {
		width: 100% !important;
	}
}
.elementor-post__thumbnail__link:link,
.elementor-post__thumbnail__link:visited,
.elementor-post__title a {
	color: #2d2f7f;
	text-decoration: none !important;
	font-size: 40px;
	line-height: 36px;
}
.elementor-post__meta-data {
	background-color: #2d2f7f;
	display: inline-block;
	padding: 3px 10px 3px 10px !important;
	border-radius: 4px;
	color: #fff !important;
}
.woocommerce-message {
	margin: 0 !important;
}

.support-us-btn {
	background-color: #2ab6ba;
	border-radius: 5px;
	color: #000;
}

@media (min-width: 768px)
{
	.site-main ul.products.columns-4 li.product {
    width: unset !important;
		margin-right: unset !important;
	}
}

.section-white-link a {
	color: #fff !important;
}
@media (min-width: 768px)
{
	.elementor-search-form {
		margin: 0 !important;
	}
}

***
* class: .sticky-header
*/
header.sticky-header {

	background-color: rgba(244, 245, 248, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	max-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}

/***
* class: .logo
*/
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
}