/* =======================================================================================

MAZZOLENI - CUSTOMS

========================================================================================*/

:root {
  --bs-light-blue: #2a80c9;
  --bs-gray-light: #f0f0f0;
  --bs-white: #ffffff;
  --bs-secondary: #a0c639;
  --bs-secondary-hover: #809e2d;
  --bs-tertiary: #cf3a80;
  --bs-tertiary-hover: #aa2966;
  --bs-a2lab: #83f462;
  --bs-body-font: #848484;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

body,
html {
	height: 100%;
}

body,
html,
a {
	color: var(--bs-body-font);
}

#mazzoleni-main-container {
	height: 100%;
}

body#mazzoleni-home #mazzoleni-right-image,
body#mazzoleni-evaluate-experience #mazzoleni-right-image,
body#mazzoleni-negative-opinion #mazzoleni-right-image,
body#mazzoleni-positive-opinion #mazzoleni-right-image,
body#mazzoleni-positive-opinion-gadget #mazzoleni-right-image,
body#mazzoleni-negative-opinion-thanks-no-feedback #mazzoleni-right-image,
body#mazzoleni-positive-opinion-thanks-gadget #mazzoleni-right-image,
body#mazzoleni-positive-opinion-thanks #mazzoleni-right-image,
body#mazzoleni-negative-opinion-thanks-feedback #mazzoleni-right-image,
body#mazzoleni-negative-opinion-thanks-gadget  #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-home.png');
	background-position: bottom left;
	background-size: contain;
	background-repeat: no-repeat;
}

body#mazzoleni-evaluate-experience #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-valuta-esperienza.png');
}

body#mazzoleni-negative-opinion #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-negativo.png');
}

body#mazzoleni-positive-opinion #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-positivo.png');
}

body#mazzoleni-positive-opinion-gadget #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-positivo-gadget.png');
}

body#mazzoleni-negative-opinion-thanks-no-feedback #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-negativo-grazie-no-feedback.png');
}

body#mazzoleni-positive-opinion-thanks-gadget  #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-positivo.png');
}

body#mazzoleni-negative-opinion-thanks-gadget  #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-positivo-grazie-gadget.png');
}

body#mazzoleni-positive-opinion-thanks #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-positivo-grazie.png');
}

body#mazzoleni-negative-opinion-thanks-feedback #mazzoleni-right-image {
	background-image: url('../assets/mazzoleni-parere-positivo-grazie-gadget.png');
}

#mazzoleni-left-content h1,
#mazzoleni-feedback-title h1,
#mazzoleni-missed-token-title h1 {
	color: var(--bs-light-blue);
	font-size: 3em;
	font-weight: 900;
}

#mazzoleni-left-content h2,
#mazzoleni-feedback-title h2 {
	font-weight: 800;
}

#mazzoleni-left-content h3 {
	color: var(--bs-light-blue);
	font-weight: 800;
}

#mazzoleni-left-content h5 {
	font-weight: 700;
}

#mazzoleni-switch-lang {
	background-color: var(--bs-gray-light);
}

#mazzoleni-switch-lang h6 {
	font-style: italic;
	font-weight: 600;
}

#mazzoleni-switch-lang ul {
	list-style-position: inside;
	list-style-type: none;
	padding-left: 1rem;
}

#mazzoleni-switch-lang a {
	cursor: pointer;
}

.btn-primary-mazzoleni {
	background-color: var(--bs-light-blue);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.mazzoleni-disabled-link {
	opacity: .2;
}

.btn-primary-mazzoleni:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.6)
}

.btn-secondary-mazzoleni {
	background-color: var(--bs-secondary);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.btn-secondary-mazzoleni:hover {
	background-color: var(--bs-secondary-hover);
	box-shadow: 0 5px 15px rgba(0,0,0,0.6)
}

.btn-tertiary-mazzoleni {
	background-color: var(--bs-tertiary);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.btn-tertiary-mazzoleni:hover {
	background-color: var(--bs-tertiary-hover);
	box-shadow: 0 5px 15px rgba(0,0,0,0.6)
}

#mazzoleni-footer {
	background-color: var(--bs-light-blue);
	font-size: .8em;
}

#mazzoleni-footer .fab {
	font-size: 1.2em;
}

#mazzoleni-footer,
#mazzoleni-footer a {
	color: var(--bs-white);
	text-decoration: none;
}

#mazzoleni-footer span {
	opacity: .8;
}

#mazzoleni-footer a#mazzoleni-a2lab {
	color: var(--bs-a2lab);
	font-weight: 700;
}

#mazzoleni-footer  a#mazzoleni-btn-privacy {
	background-color: var(--bs-white);
	color: var(--bs-light-blue);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	font-weight: 500;
	padding: .3em .6em;
}

#mazzoleni-footer  a#mazzoleni-btn-privacy:hover {
	box-shadow: 0px 3px 5px 0px rgba(0,0,0);
}

#mazzoleni-footer .col-md-2 {
	text-align: right;
}

#mazzoleni-spinner,
#mazzoleni-orientation {
	background-color: #ffffff;
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
}

#mazzoleni-orientation {
	background-image: url('../assets/mazzoleni-device-orientation.png');
	background-color: var(--bs-light-blue);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30%;
	display: none;
}

.mazzoleni-feedback-selection img {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}

.mazzoleni-feedback-selection.mazzoleni-feedback-selection-active img {
	opacity: .4;
}

#mazzoleni-feedback input,
#mazzoleni-feedback textarea,
#mazzoleni-positive-opinion-gadget input {
	border: 3px solid var(--bs-light-blue);
	border-radius: 10px;
}

.mazzoleni-step {
	/*border: 3px solid var(--bs-white);
	border-radius: 60px;
	cursor: pointer;*/
	opacity: .3;
}

.mazzoleni-step.active {
	/*border: 3px solid var(--bs-light-blue);*/
	opacity: 1;
}

#mazzoleni-missed-token-title .fas {
	color: var(--bs-light-blue);
}

.modal-dialog {
  margin-top: 0rem;
  max-width: 100%;
}

.modal-dialog .modal-content {
  border-radius: 0rem;
}

.modal-dialog .buttons .btn {
  margin: 0.2rem;
}

@media all and (min-width: 768px) and (max-width: 1112px) and (orientation:portrait) {
	#mazzoleni-spinner {
		display: none;
	}
	
    #mazzoleni-orientation {
         display: block;
    }
}

@media only screen and (max-width: 767px) {
	body#mazzoleni-evaluate-experience #mazzoleni-right-image,
	body#mazzoleni-negative-opinion #mazzoleni-right-image,
	body#mazzoleni-positive-opinion #mazzoleni-right-image,
	body#mazzoleni-positive-opinion-gadget #mazzoleni-right-image,
	body#mazzoleni-negative-opinion-thanks-no-feedback #mazzoleni-right-image,
	body#mazzoleni-positive-opinion-thanks-gadget  #mazzoleni-right-image,
	body#mazzoleni-positive-opinion-thanks #mazzoleni-right-image {
		background-image: none;
	}
}

@media only screen and (max-width: 575.98px) {

	body {
		font-size: .9rem;
	}
	
	#mazzoleni-left-content h1 {
		font-size: 2em;
	}
	
}