import { css } from 'emotion';
import { Colors } from '../../../models/colors';

export const footerOneStyle = (palette: Colors) => {
	return css`
		background-color: ${palette.color6};
		padding-top: 23px;
		padding-bottom: 23px;
	`;
};
export const footerInnerWrapper = () => {
	return css`
		max-width: 1076px;
		margin: 0 auto;
		padding-left: 30px;
		padding-right: 30px;
	`;
};
export const headerStyle = (palette: Colors) => {
	return css`
		font-size: 14rem;
		color: ${palette.color10};
		margin-bottom: 10px;
		display: inline-block;
		border-bottom: 1px solid white;
		padding-bottom: 5px;

		a {
			text-decoration: none;
			color: inherit;
		}
	`;
};
export const pStyle = (palette: Colors) => {
	return css`
		font-size: 14rem;
		color: ${palette.color10};
		margin: 0;

		&:before {
			content: '';
			line-height: 24px;
			vertical-align: middle;
			background-color: ${palette.color10};
			border-radius: 50%;
			height: 7px;
			width: 7px;
			margin-right: 4px;
			display: inline-block;
			position: relative;
			top: -1px;
		}
	`;
};