/**
 * @file        /components/com_codedesign_contactform/assets/css/com_codedesign_contactform.css
 * @copyright   Copyright (C) 2012 - 2022 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */

/* codeDESIGN - com_codedesign_contactform.css */
@charset "utf-8";

body.com_codedesign_contactform div.component div.responsive_form_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* FILEPOND UPLOADER */
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--root {
	/* height: 140px; */
	font: normal 14px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--panel-root {
	background: rgba(248, 248, 248, 1.0);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--drop-label {
	color: #242424;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--drop-label label {
	font-weight: 300;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--drop-label label span.filepond--label-action {
	font-weight: 400;
	text-decoration: none;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--drip {
	background: rgba(248, 248, 248, 1.0);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper button.filepond--file-action-button {
	background-color: var(--ci_color_accent_2);
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper button.filepond--file-action-button:hover {
	background-color: var(--ci_color_accent_2_hover);
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--drip-blob {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--image-preview {
	background: var(--ci_color);
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--image-preview-overlay-idle {
	color: rgba(40, 40, 40, 0.5);
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--list-scroller[data-state="overflow"] {
	/*
	-webkit-mask: linear-gradient(to bottom, transparent, #000 0.5em, #000 calc(100% - 0.5em), transparent 100%);
	mask: linear-gradient(to bottom, transparent, #000 0.5em, #000 calc(100% - 0.5em), transparent 100%);
	*/
	-webkit-mask: none;
	mask: none;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--list-scroller[data-state="overflow"] {
	scrollbar-color: var(--ci_color) rgba(248, 248, 248, 1.0);
	scrollbar-width: thin;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--list-scroller[data-state="overflow"]::-webkit-scrollbar {
	width: 8px;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--list-scroller[data-state="overflow"]::-webkit-scrollbar-track {
	background: rgba(248, 248, 248, 1.0);
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--list-scroller[data-state="overflow"]::-webkit-scrollbar-thumb {
	background: var(--ci_color);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--item {
	background: #ffffff;
	margin: 0.25em 10px 0.25em 0.25em;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--item-panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--image-preview-wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
body.com_codedesign_contactform div.component div.responsive_form_wrapper div.filepond--file {
	background: #ffffff;
	color: #242424;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}