@charset "UTF-8";
body,
html {
    height: 100%;
    font-size: 14px;    
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
    
  /*background: #d3d3de; background: -webkit-linear-gradient(top, #d3d3de 0%, #fcfcfc 54%, #fcfcfc 100%); background: linear-gradient(to bottom, #d3d3de 0%, #fcfcfc 54%, #fcfcfc 100%); background-repeat: no-repeat;*/
}

.am-layout {
    background: #d3d3de; background: -webkit-linear-gradient(top, #d3d3de 0%, #fcfcfc 54%, #fcfcfc 100%); background: linear-gradient(to bottom, #d3d3de 0%, #fcfcfc 54%, #fcfcfc 100%); background-repeat: no-repeat;
}

.am-main {
    max-width: 1024px;
}

.am-common {
  /*font-family: Arial, Helvetica, san-serif;*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
    color: #303030;
}

h1, h2, h3 {
    font-weight: 500;
}
.am-common h1 {
    color: #666699;
}
.am-common h2 {
    color: #28a745;
}

/* My addition for adding bullets to Active Resources and Active products on em/member page */
#member-main-resources ul li {
list-style: square;
    margin-left: 10px;
}

#member-main-subscriptions ul li {
list-style: square;
    margin-left: 10px;
}

/*
body, html {
    font-size: 16px;
    background: none;
}

html {
    background: %bg%;
    background-size: %bg_size%;
    background-attachment: %bg_attachment%;
}

.am-common {
    font-family: '%font_family%', san-serif;
}

.am-common a {
    color: %link_color%;
}

.ajax-link:after, .local-link:after, .local:after {
    border-bottom: 1px %link_color% dashed;
    opacity: .5;
}

.am-layout {
    min-height: initial;
    margin: 0;
    background: none;
}

.am-header {
    background: %header_bg%;
    background-size: %header_bg_size%;
}

.am-header .am-header-content-wrapper {
    border: none;
    background: none;
}

.am-header-line {
    border:none;
    background: none;
}

.am-footer .am-footer-content-wrapper {
    background: none;
    color: inherit;
    height: auto;
}

.am-footer-text {
    padding-top:1em;
    padding-bottom:1em;
    text-align: center;
}

.am-body {
    background: none;
}

.am-body .am-body-content-wrapper {
    border: none;
    box-shadow: %content_shadow%;
    border-radius: %border_radius%px;
}

.am-body-content {
    min-height: 300px;
}

.am-header-content-wrapper {
    padding: 0;
}

.am-header-content-content {
    display: none;
}

.am-header .am-header-content .am-header-content-logo {
    float: none;
    margin: 0;
}

.am-header .am-header-content {
    text-align: %logo_align%;
}

.am-main {
    max-width: %max_width%px;
}

.am-header-content img {
    width: %logo_width%;
}

.am-footer-actions {
    display:none;
}

.am-footer .am-footer-content-wrapper {
    color: %color_c%;
    font-size:.8rem;
}

.am-page-login .am-header {
    display: %login_header_display%;
}

.am-page-login .am-auth-form legend {
    background: %login_legend_bg%;
    padding-top: %login_legend_padding_top%;
}

.am-page-login .am-auth-form div.am-row {
    background: %login_form_bg_color%;
}

.am-page-login .am-body-content-wrapper {
    background: %login_bg_color%;
    box-shadow: %login_shadow%;
}

.am-auth-form form {
    border: none;
    overflow: hidden;
    box-shadow: 0px 0px 5px #eee;
    box-shadow: 0px 0px 5px #00000022;
}

.am-auth-form form legend {
    border: none;
    background: #f9f9f9;
    padding: 1em 1em 1.5em;
}

.am-auth-form div.am-row div.element,
.am-auth-form div.am-row div.am-element-title {
    padding-right: 2em;
    padding-left: 2em;
}

@media all and (min-width:500px) {

    .am-auth-form div.am-row div.am-element-title {
        padding-right: .5em;
    }
    .am-auth-form div.am-row div.am-element {
        padding-left: .5em;
    }
}

.am-popup {
    border-color: %color_d%;
}

.am-popup .am-popup-header {
    background: %color%;
    color: %color_c%;
}

.am-popup .am-popup-close-icon:after {
    color: %color_c%;
}

.am-fb-login-button-wrapper.am-fb-login-form-after:before,
.am-fb-login-button-wrapper.am-fb-login-form-before:after {
    background: %color%;
}

.am-signup-link {
    color: %color_c%;
}

.am-login-layout-with-sidebar {
    max-width: 800px;
    margin: 2em auto 0;
}

.am-login-layout-with-sidebar .am-login-form-wrapper,
.am-login-layout-with-sidebar .am-sendpass-form-wrapper {
    margin-top: 0;
}

.am-signup-link {
    max-width: 450px;
    margin: 1em auto 0;
}


@media all and (min-width: 800px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_form {
        float: left;
        width: 65%;
    }
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        display: block;
        width: 35%;
        float: right;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .am-login-layout-with-sidebar .am-auth-form {
        margin: 0;
    }
    .am-login-layout-with-sidebar .am-signup-link {
        margin: 1em 0 0;
    }
}
.am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
    border-radius: 3px;
    padding: 1em 2em;
    max-width: 450px;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px #00000022;
    background: #f9f9f9;
    color: #555;
}
.am-login-layout-with-sidebar_clear {
    clear: both;
}

@media all and (max-width: 799px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        margin: 2em auto 0;
    }
}

ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: %menu_color%;
}

ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: %menu_color%;
}
*/