/* 
Theme Name: Pininfarina Theme
Theme URI: https://dcberlin.com/?lang=en
Description: Created By DC Berlin
Author: DC Berlin
Author URI: https://dcberlin.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: pininfarina
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{
	
}
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option,
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input, 
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label{
	display: flex;
	line-height :1.2;
	align-items: flex-start;
}

.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label{
	padding-left: 6px;
	font-size: 13px;
}

.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
	margin-top: 1px;
}


.transparent-text {
	color: transparent;
	text-shadow: 2px 2px 0 white, -2px -2px 0 white,
	-2px 2px 0 white, 2px -2px 0 white;
}

@media screen and (min-width: 1024px) {
	.elementor-widget-image-carousel .swiper:before,
	.elementor-widget-image-carousel .swiper:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 100%;
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
		pointer-events: none;
		z-index: 2;
	}
}

.elementor-widget-image-carousel .swiper:after{
	left: auto;
	right: 0;
	background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.elementor-element .swiper .elementor-swiper-button{
	z-index: 3;
}

/* Custom play icon on all video widgets */
.eicon-play {
	display:none;
}
.elementor-custom-embed-play {
	width: 90px;
	content: url(img/custom-play.svg);
	transition: 0.3s ease-out;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.4));
}

.elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play,
.elementor-custom-embed-play:hover{
	width: 96px;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));
}

/* Make sure dropdowns also appear in a row */
#ofc_menu1 .elementor-nav-menu ul.sub-menu {
	display: block;
	width: 100%;
}

/* Optional: Style the dropdown items */
#ofc_menu1 .elementor-nav-menu ul.sub-menu li {
	background: #f8f8f8; /* Light background */
	display: block;
}