/**** General styling ****/
:root {
    --shop-theme-color-1: #14b8a6;
	--shop-theme-color-2: #009688;
	--shop-theme-color-1-dark: #008f80;
	--shop-theme-header-background: #111827;
	--shop-theme-footer-background: #cbd5e1;	
	--shop-theme-ornament-color-1: #f0ffda;
	--shop-theme-ornament-color-2: #c4ef86;
	--shop-theme-white-1: #ffffff;
	--shop-theme-gray-1: #ededed;
	--shop-theme-gray-2: #f1f5f9;
	--shop-theme-highlight-color: #00ff5d;
	--shop-theme-color-text-dark: #333333;
	--shop-theme-color-text-light: #ffffff;

	/* @since 1.9.2 a design sets these in its amember/theme.css (line colour: 1px line under the header) */
	--shop-theme-button-text: #ffffff;
	--shop-theme-link-color: var(--shop-theme-color-1);
	--shop-theme-line-color: var(--shop-theme-header-background);

	/* aMember's own link colour, so its link rules use the design's colour */
	--color-link: var(--shop-theme-link-color);
}

.am-header {
	background: var(--shop-theme-header-background);
}
.am-header-line {
    height: 12px;
    background: var(--shop-theme-header-background);
    border: 0px;    
    border-bottom: 1px solid var(--shop-theme-line-color);
}
.am-header .am-header-content-wrapper {
	background: var(--shop-theme-header-background);
	border-width: 0px;    
}

.am-header .am-header-content .am-header-content-logo {
	width: 200px;
}

a, a:hover, .am-common a {
    text-decoration: none;
}
a, .am-common a, ul.am-tabs li a, .am-footer .am-footer-content a {
    color: var(--shop-theme-link-color);
}

ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
	background: var(--shop-theme-header-background);
}
ul.am-tabs li.active > a, ul.am-tabs li.normal > a:hover {
	border-color: #ccc;
}
ul.am-tabs li.active > a, ul.am-tabs li.normal:hover > a {
	color: var(--shop-theme-button-text);
}

.am-layout {
		background-color: var(--shop-theme-gray-2);
}
.am-body {
		background: var(--shop-theme-gray-2);
		font-family: 'Quicksand','Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
.am-login-form-wrapper, .am-sendpass-form-wrapper {
		margin-top: 10em;
}
.am-auth-form div.am-row {
		background: #ffffff;
}
.am-form fieldset legend {
		background: #ffffff;
}

.am-form input[type="submit"] {
    display: inline-block;
    position: relative;
    background: var(--shop-theme-color-1);
    color: var(--shop-theme-button-text);
    border: 0px solid;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 22px;
    cursor: pointer;
    line-height: 1.6em;
    outline: none;
    transition: all 300ms ease 0ms;
}
.am-form input[type="submit"]:hover,
.am-form input[type="submit"]:active {
		color: var(--shop-theme-button-text);
		background: var(--shop-theme-color-1-dark);
		transform: none;
}

/* Thank-you page: the link to the member's area looks like a button in the design's colour */
.am-thanks-login-offer {
	font-size: 1.15em;
	line-height: 2.2em;
}
.am-common .am-thanks-login-offer a {
	display: inline-block;
	padding: 0 0.8em;
	line-height: 1.8em;
	border-radius: 3px;
	background: var(--shop-theme-color-1);
	color: var(--shop-theme-button-text);
	transition: background 300ms ease 0ms;
}
.am-common .am-thanks-login-offer a:hover {
	background: var(--shop-theme-color-1-dark);
}

.am-credits {
	display: none;
}
.am-footer .am-footer-content-wrapper {
	background: var(--shop-theme-footer-background);
	color: var(--shop-theme-color-text-dark)
}