/*!
Theme Name: mammacustomers
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mammacustomers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Import Fira Sans font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap');


html, body {
	font-family: 'Fira Sans', sans-serif !important;
}

main {
	padding: 30px;
	box-sizing: border-box;
	padding-bottom: 120px;
}

html * {
	color: #333333 !important;
	margin: 0;
}





/* home */

.logo-header {
	width: 100%;
	margin-bottom: 30px;
	height: 80px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 90px;
}

h1 {
	font-size: 40px;
}

.logo-header svg {
	height: 100%;
	width: auto;
}

#clientSearch {
	width: 100% !important;
	text-align: center;
	padding: 30px 30px;
	box-sizing: border-box !important;
	border: solid 2px #E8473A !important;
	margin-bottom: 30px;
}

.clients-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
}

.clients-wrapper a {
	background: #E8473A;
	text-decoration: none;
	color: white !important;
	font-weight: 700;
	font-size: 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	min-width: 300px;
	flex: 1 1 0;
	height: 100%;
}

.clients-wrapper a * {
	color: white !important;
}

.clients-wrapper a span {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 25px;
}

.clients-wrapper a span img {
	height: 50px;
	border-radius: 100%;
}

.clients-wrapper svg {
	height: 25px;
	width: auto;
}

.add-new-client {
	background:  #3D3D3D !important;
}

.add-new-client span {
	gap: 0 !important;
}



/* single */

label {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px !important;
	display: block;
}

textarea, .pods-checkbox-pick, .pods-checkbox-pick__option__label {
	font-family: 'Fira Mono', monospace !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	text-align: center;
	appearance: none;
	min-height: unset !important;
	box-shadow: none;
	outline: none;
	border: none;
	padding: 0;
}

textarea {
	box-sizing: border-box !important;
	overflow: hidden !important;
	resize: none !important;
	min-height: 15px !important;
}

input[type="text"] {
	font-family: 'Fira Mono', monospace !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	appearance: none;
	box-shadow: none;
	outline: none !important;
	border: none !important;
	text-align: center;
	min-width: 15px !important;
	box-sizing: content-box	!important;
}

.pods-form input[type="text"], .pods-form{
	padding-bottom: 10px !important;
}

.pods-form.readonly .pods-submittable-fields, .pods-form.readonly .pods-form-ui-field-name-pods-field-title {
	pointer-events: none;
}

.pods-form.readonly .pods-field-wrapper__controls, .pods-form.readonly .components-button.is-secondary {
	display: none;
}

.pods-form:not(.readonly) input[type="text"], .pods-form:not(.readonly) textarea {
	border-bottom: solid 2px #E8473A !important;
}

.pods-form:not(.readonly) input[type="text"].pods-form-ui-field-name-pods-field-title {
	border-bottom: solid 2px white !important;
}

.components-accessible-toolbar .components-button.has-icon.has-icon, .components-toolbar .components-button.has-icon.has-icon {
	padding: 0 !important;
	min-width: unset !important;
}

.pods-field-wrapper__controls--end {
	padding-left: 5px !important;
}

.customer-data-wrapper {
	min-width: 350px;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1 1 0;
	border-inline: solid 2px #E8473A;
	background: white;
}

.customer-data-wrapper h2 {
	color: white !important;
	background: #E8473A;
	align-self: center;
	width: 100%;
	text-align: center;
	padding: 30px;
	box-sizing: border-box;
}

.customer-data-wrapper[data-value="Crescita"] h2, .customer-data-wrapper[data-value="Integrazioni possibili"] h2, .customer-data-wrapper[data-value="Idee e sviluppi"] h2 {
	background: #3D3D3D;
}

.pods-form .pods-submittable-fields {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	background: #E8473A;
	border-inline: 2px solid #E8473A;
	box-sizing: border-box;
}

.pods-field__container {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	border-bottom: solid 4px #E8473A;
	text-align: center;
}

.pods-form {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.pods-form * {
	max-width: unset !important;
	max-height: unset !important;
}

.pods-field-wrapper__repeatable-fields, .pods-checkbox-pick, .pods-field-wrapper__repeatable-field-table {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 20px;
	border: none !important;
}

.pods-checkbox-pick__option, .pods-checkbox-pick__option__label, .pods-field-wrapper__repeatable {
	width: fit-content;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	accent-color: #E8473A;
}

.pods-field-wrapper__repeatable .pods-field-wrapper__field, .pods-field-wrapper__repeatable input {
	padding: 0 !important;
}

.pods-field-wrapper__controls * {
	color: #E8473A !important;
	height: unset;
}

.pods-form-ui-field-type-pick {
	margin: 0 5px 0 0 !important;
}

.pods-form-ui-comment {
	opacity: 0.5;
	font-style: italic;
	margin-top: 20px;
	font-size: 13px;
}

.pods-field-wrapper__controls--start {
	display: none;
}

.components-button.is-secondary {
	box-shadow: none !important;
	font-size: 50px;
	font-weight: 300;
	padding: 0 !important;
	color: #E8473A !important;
}

.pods-form-ui-label-pods-field-logo {
	display: none;
}

.pods-form-ui-row-name-logo * {
	color: white !important;
}

.pods-form.readonly .pods-dfv-list-remove,
.pods-form.readonly .pods-dfv-list-add,
.pods-form.readonly .pods-form-ui-row-name-logo .pods-ui-region,
.pods-form.readonly .pods-form-ui-row-name-logo .pods-ui-form  {
	display: none;
}

.pods-dfv-container-file .pods-marionette-adapter-wrapper div div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

.pods-dfv-list {
	background: transparent !important;
	border: none !important;
	margin: 0 !important;
}

.pods-dfv-list-item {
	padding: 0 !important;
	background: transparent !important;
}

.pods-dfv-list-icon {
	margin: 0 !important;
	line-height: unset !important;
	height: 100px !important;
	width: 100px !important;
}

.pods-dfv-list-icon img {
	height: 100% !important;
	width: 100% !important;
	border-radius: 100% !important;
}

ul.media-item {
	overflow: visible !important;
}

.pods-dfv-list-remove {
	right: -25px !important;
	position: relative;
}

.pods-dfv-list-name {
	display: none;
}

.pods-form-ui-field-name-pods-field-title {
	max-width: 100% !important;
}

.pods-submit {
	display: none;
}

.pods-form-front .pods-submittable-fields:after {
	display: none !important;
}

.customer-data-wrapper[data-value="Idee e sviluppi"] .pods-field-wrapper__repeatable-field-table {
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
}

.customer-data-wrapper[data-value="Idee e sviluppi"] .pods-field-wrapper__repeatable-field-table .pods-field-wrapper__repeatable {
	width: 100%;
}

.pods-form:not(.readonly) .customer-data-wrapper[data-value="Idee e sviluppi"] .pods-field-wrapper__repeatable-field-table .pods-field-wrapper__controls--start {
	display: block;
}

.customer-data-wrapper-divider {
	width: 100%;
	height: 5px;
	margin-top: 40px;
	background: white;
}

.activate-edit {
	pointer-events: all;
}

.customer-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: #E8473A;
	border: none;
	box-sizing: border-box;
	border-bottom: solid 4px white;
	position: relative;
}

.pods-form-ui-row-name-title {
	border: none;
}

.pods-form-ui-row-name-title label {
	display: none;
}

.pods-form-ui-row-name-title input {
	font-family: 'Fira Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 35px !important;
	background: #E8473A;
	color: white !important;
}

.logo-mamma {
	width: 100%;
	height: 70px;
}

.logo-mamma svg {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
}

.activate-edit, .pods-submit, .back, .save {
	position: fixed;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
}

.back, .save {
	left: 30px;
	transform: none;
	padding-inline: 12px !important;
}

.save {
	left: unset;
	right: 30px;
}

.back svg, .save svg {
	height: 15px;
	width: auto;
}

.activate-edit, .pods-submit input, .back, .save {
	font-size: 17px;
	font-family: 'Fira Sans', sans-serif !important;
	font-weight: 700 !important;
	appearance: none;
	box-shadow: none;
	outline: none;
	border: none;
	text-transform: uppercase;
	padding: 10px 20px;
	background: #3D3D3D;
	color: white !important;
	filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.3));
	z-index: 1000000 !important;
	cursor: pointer;
}

.pods-form-front-success {
	background: #3ae843 !important;
	text-align: center;
	padding: 20px !important;
	box-sizing: border-box;
	margin: 0 !important;
	margin-bottom: 20px !important;
	border: none !important;
	font-weight: 700;
}




/* mobile */

@media (orientation: portrait) {

	.logo-header h1 {
		font-size: 27px;
		text-align: right;
		line-height: 100%;
	}

	.customer-header {
		flex-direction: column;
		align-items: center;
		padding-block: 30px;
	}

	.customer-data-wrapper {
		min-width: 80%;
	}

	.pods-form-ui-row-name-logo {
		padding: 0;
	}

	.pods-form-ui-row-name-title {
		padding-block: 20px;
	}

	.customer-header .logo-mamma {
		height: 30px;
	}

}




/* login */

.language-switcher, #backtoblog, #nav, #login-message {
	display: none;
}

#login {
	position: relative;
	margin: 0;
	padding: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#loginform {
	background: transparent;
	border: none;
	outline: none;
	box-shadow: none;
}

#login input {
	border: none !important;
	border-bottom: solid 2px #E8473A !important;
	outline: none;
	box-shadow: none;
	text-align: left;
	border-radius: 0;
	background: transparent;
}

#login input#rememberme {
	border: solid 2px #E8473A !important;
}

.login h1 a {
	background-image: url(/../wp-content/themes/mammacustomers/logo-login.png) !important;
	background-size: contain !important;
	width: 100%;
}

body.login {
	background: white;
}

body.login input[type=checkbox]:checked::before {
	content: url(data:image/svg+xml;utf8,<svg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27><path%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23e8473a%27%2F><%2Fsvg>)
}