/* ==========================================================================
   #Footer styles - start
   ========================================================================== */

#qodef-page-footer {

	.qodef-alignment--left {
		text-align: left;

		.widget {

			img {
				margin-right: auto;
			}
		}
	}

	.qodef-alignment--center {
		text-align: center;

		.widget {

			img {
				margin-right: auto;
				margin-left: auto;
			}
		}
	}

	.qodef-alignment--right {
		text-align: right;

		.widget {

			img {
				margin-left: auto;
			}
		}
	}
}

#qodef-page-footer-top-area-inner {

	&.qodef-skin--light {
		color: #fff;

		a, a:hover {
			color: #fff
		}

		.qodef-footer-list-title {
			color: #cba5ea;
		}

		.qodef-footer-list {

			li {

				a {
					color: #a09fa0;
				}
			}
		}

		.qodef-newsletter {

			input[type=email] {
				color: #a09fa0;
				border-color: #fff;
			}

			::-webkit-input-placeholder {
				color: #a09fa0;
			}

			::-moz-placeholder {
				color: #a09fa0;
			}

			:-ms-input-placeholder {
				color: #a09fa0;
			}

			:-moz-placeholder {
				color: #a09fa0;
			}

			.qodef-newsletter-button {

				&:before,
				&:after {
					background: url("/wp-content/themes/ginevra/assets/img/arrow-newsletter-white.svg");
					background-repeat: no-repeat;
				}
			}
		}
	}
}

#qodef-page-footer-bottom-area-inner {

	.qodef-alignment--space-between {

		.qodef-grid-item {

			&:nth-child(2) {

				@media (min-width: $screen-size-681) {
					text-align: right;
				}
			}
		}
	}

	&.qodef-skin--light {
		color: #fff;

		a, a:hover {
			color: #fff;
		}
	}

	.qodef-space-separator {
		display: none;

		@include qodefScreenSize1024 {
			display: block;
		}

		@include qodefScreenSize680 {
			display: none;
		}
	}

	.qodef-space-separator-mobile {
		display: none;

		@include qodefScreenSize680 {
			display: block;
		}
	}
}

.qodef-page-footer--uncover {

	#qodef-page-outer {
		z-index: 90; // needs to be larger than the footer and lower than the header
	}

	#qodef-page-footer {

		.no-touchevents & {
			position: fixed;
			bottom: 0;
			left: 0;
		}
	}
}

.qodef-faux-footer {
	p {
		a {
			color: $text-color;

			&:hover {
				color: #000;
			}
		}
	}
}

/* ==========================================================================
   #Footer styles - end
   ========================================================================== */