/**
 * Public facing styles.
 *
 * @since 1.0.0
 */

/**
 * The policy links row.
 *
 * Printed under the theme's custom footer, which prints stored markup and no
 * menu of its own. The colours are inherited rather than set, so the row
 * follows the footer it sits under.
 */
.sgs-policy-links {
	padding: 18px 0;
	border-top: 1px solid rgba( 0, 0, 0, 0.08 );
	font-size: 14px;
	line-height: 1.6;
}

.sgs-policy-links .sgs-policy-links-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.sgs-policy-links .sgs-policy-links-menu li {
	display: inline-block;
	margin: 0;
	padding: 0 14px;
}

.sgs-policy-links .sgs-policy-links-menu li + li {
	border-left: 1px solid rgba( 0, 0, 0, 0.12 );
}

.sgs-policy-links .sgs-policy-links-menu a {
	text-decoration: none;
	opacity: 0.85;
}

.sgs-policy-links .sgs-policy-links-menu a:hover,
.sgs-policy-links .sgs-policy-links-menu a:focus {
	opacity: 1;
	text-decoration: underline;
}

/**
 * The store buttons.
 *
 * The shortcode previously carried its indent as an inline style. It is kept
 * here so the markup stays free of presentation.
 */
.sgs-download-buttons {
	padding-left: 5%;
}

@media ( max-width: 767px ) {

	.sgs-download-buttons {
		padding-left: 0;
	}

	.sgs-policy-links .sgs-policy-links-menu li {
		padding: 0 10px;
	}
}