/* © Copyright 2018 LycheeApps, All Rights Reserved */

/* ===================================== */
/* FONTS */
/* ===================================== */

@font-face {
    font-family: lychee;
    src: url("../fonts/futura-medium.ttf");
}

/* ===================================== */
/* HEADER */
/* ===================================== */

.site-header {
	background-color: #f7005d;
	color: #FFFFFF;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	font-family: lychee;
}

.site-header a {
  color: #FFFFFF;
  transition: ease-in-out color .15s;
}

.site-header a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.lychee-header img {
	margin-top: 30px;
	margin-bottom: -10px;
	width: 300px;
}

h2, h3 { 
	margin-top: 20px;
}
h4 {
	 margin-top: 15px;
}

/* App Icons Styles */
.app-icon {
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 36px;
	margin-bottom: 50px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.app-icon:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 35px rgba(0, 0, 0, 0.25);
}

.bg-dark .app-icon {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

.bg-dark .app-icon:hover {
	box-shadow: 0 18px 35px rgba(0, 0, 0, 0.6);
}

/* Social Icons Styles */
.social-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s ease;
}

.social-icon:hover {
	transform: scale(1.2);
	opacity: 0.8;
}

/* On dark background: white icons */
.bg-dark .social-icon {
	filter: invert(1);
}

/* On light background: dark gray icons */
.bg-light .social-icon {
	filter: invert(30%) sepia(10%) saturate(10%) brightness(85%) contrast(90%);
}

/* In the footer: muted gray icons */
footer .social-icon {
	filter: invert(60%) sepia(5%) saturate(10%) brightness(90%) contrast(90%);
}