/* variables from theme configuration */
:root {
    --am_logo_link: 1;
--am_bg: #f1f5f9;
--am_bg_size: auto;
--am_bg_size_px: auto;
--am_bg_attachment: scroll;
--am_bg_repeat: no-repeat;
--am_color: #f1f5f9;
--am_link_color: #3f7fb0;
--am_btn_color: #4e80a6;
--am_text_color: #303030;
--am_color_c: #0e0a06;
--am_color_d: #bfc3c7;
--am_logo_align: left;
--am_logo_width: auto;
--am_logo_width_px: auto;
--am_max_width: 800;
--am_max_width_px: 800px;
--am_font_size: 14;
--am_font_size_px: 14px;
--am_font_family: Roboto;
--am_drop_shadow: 1;
--am_content_shadow: 0px 0px 5px #00000022;;
--am_login_layout: layout.phtml;
--am_login_bg: none;
--am_login_bg_color: none;
--am_login_shadow: none;
--am_login_legend_bg: #f9f9f9;
--am_login_legend_padding_top: 1em;
--am_login_form_bg_color: #f9f9f9;
--am_login_header_display: none;
--am_header_bg_size: cover;
--am_header_bg_size_px: cover;
--am_header_bg_repeat: no-repeat;
--am_header_bg: none;
--am_menu_color: #eb6653;
--am_menu_dashboard: icon;
--am_dashboard_layout: two-col;
--am_identity_align: left;
--am_identity_type: login;
--am_page_bg_color: #ffffff;
--am_page_bg: #ffffff;
--am_header_menu_link_color: #000000;
--am_header_menu_link2_color: #000000;
--am_header_menu_bg_color: #f1f5f9;
--am_footer_bg: none;
--am_footer_text_color: #0d0d0d;
--am_footer_link_color: #0d0d0d;
--am_sm_size: 18;
--am_sm_size_px: 18px;
--am_sm_color: #0d0d0d;
--am_link_color_a99: #3f7fb099;

}
/* end: variables from theme configuration */

body, html {
    font-size: var(--am_font_size_px);
    background: none;
}

html {
    background: var(--am_bg);
    background-size: var(--am_bg_size);
    background-attachment: var(--am_bg_attachment);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.am-layout {
    flex: 1;
}

.am-footer {
    height: auto;
    background: var(--am_footer_bg);
}

.am-common {
    font-family: var(--am_font_family), san-serif;
    color: var(--am_text_color);
}

.am-common legend {
    color: var(--am_text_color);
}

.am-common a {
    color: var(--am_link_color);
    text-decoration-color: var(--am_link_color_a99);
}

.ajax-link, .local-link, .local {
    text-decoration-color: var(--am_link_color_a99);
}

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

.am-header {
    background: var(--am_header_bg);
    background-size: var(--am_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-content-content {
    padding: 1em 0;
}

.am-footer-text {
    text-align: center;
}

.am-footer .am-footer-content .am-footer-sm a {
    color: var(--am_sm_color);
    font-size: var(--am_sm_size_px);
}

.am-body {
    background: none;
}

.am-body .am-body-content-wrapper {
    border: none;
    padding-bottom: 1em;
    margin-bottom: 50px;
    box-shadow: var(--am_content_shadow);
    border-radius: var(--am_border_radius_px);
    background: var(--am_page_bg);
}

.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 .am-header-logo-wrapper {
    text-align: var(--am_logo_align);
}

.am-main {
    max-width: var(--am_max_width_px);
}

.am-header-content img {
    width: var(--am_logo_width);
}

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

.am-footer .am-footer-content-wrapper {
    color: var(--am_footer_text_color);
    font-size:.8rem;
}

.am-footer a,
.am-footer a:hover,
.am-footer a:visited,
.am-footer a:active {
    color: var(--am_footer_link_color)
}

.am-user-identity-block {
    float: var(--am_identity_align);
}

.am-page-login .am-header {
    display: var(--am_login_header_display);
}

.am-page-login .am-auth-form legend {
    background: var(--am_login_legend_bg);
    padding-top: var(--am_login_legend_padding_top);
}

.am-page-login .am-auth-form div.am-row {
    background: var(--am_login_form_bg_color);
}

.am-page-login .am-body-content-wrapper {
    background: var(--am_login_bg_color);
    box-shadow: var(--am_login_shadow);
}

.am-auth-form form {
    border: none;
    overflow: hidden;
    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: var(--am_color_d);
}

.am-popup .am-popup-header {
    background: var(--am_color);
    color: var(--am_color_c);
}

.am-popup .am-popup-close-icon:after {
    color: var(--am_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: var(--am_color);
}

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

.am-signup-link {
    color: var(--am_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;
}

/* TaultUnleashed member theme */
html,
body {
    min-height: 100%;
}

html {
    background: #07111b url('/img/homepage/mainbackground.jpg') top center / cover fixed no-repeat !important;
}

body {
    display: block;
    margin: 0;
    color: #000;
    font: 12px Arial, Helvetica, sans-serif;
    background: transparent !important;
}

.tu-member-page,
.tu-member-page.am-common {
    color: #000;
    font: 12px Arial, Helvetica, sans-serif;
}

.tu-member-page a {
    color: #005c95;
}

.tu-member-page a:hover {
    color: #00a8e8;
}

.tu-member-shell {
    width: min(1220px, calc(100% - 54px));
    margin: 0 auto 28px;
    background: #b8b8b8;
    border-left: 1px solid #6f6f6f;
    border-right: 1px solid #6f6f6f;
    box-shadow: 0 0 28px rgba(0, 0, 0, .55);
}

.tu-member-topbar {
    min-height: 27px;
    background: #000;
    border-bottom: 2px solid #bfc7cb;
    color: #fff;
}

.tu-member-topbar-inner {
    width: min(1220px, calc(100% - 54px));
    min-height: 27px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.tu-member-topbar a,
.tu-member-topbar strong,
.tu-member-topbar span {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

.tu-member-topbar em,
.tu-member-account-links a {
    color: #26b9ff;
    font-style: normal;
}

.tu-member-create {
    position: relative;
    padding-left: 18px;
    text-transform: uppercase;
}

.tu-member-create:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #fff 0, #b9f3ff 32%, #36b8f4 58%, #0c6183 100%);
    box-shadow: 0 0 4px rgba(105, 215, 255, .9);
}

.tu-member-account-links {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.tu-member-account-links strong {
    margin-left: 18px;
}

.tu-member-hero {
    height: 116px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(19, 47, 69, .2), rgba(19, 47, 69, 0) 42%, rgba(19, 47, 69, .14)),
        url('/img/homepage/toprightimages.jpg') right top / auto 114px no-repeat,
        #234b68 url('/img/homepage/newtopcenterbg.gif') left top repeat-x;
}

.tu-member-logo {
    display: block;
    position: absolute;
    left: 28px;
    top: 18px;
    width: 250px;
}

.tu-member-logo img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .8));
}

.tu-member-nav {
    height: 38px;
    display: flex;
    align-items: stretch;
    padding: 0 10px;
    border-top: 1px solid rgba(255, 255, 255, .75);
    border-bottom: 1px solid #050505;
    background: linear-gradient(#7b7b7b 0, #575757 44%, #2a2a2a 45%, #111 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}

.tu-member-nav a {
    min-width: 94px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    border-left: 1px solid rgba(255, 255, 255, .14);
    border-right: 1px solid rgba(0, 0, 0, .55);
}

.tu-member-nav a:first-child:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #fff 0, #c8f6ff 35%, #2aa7df 68%, #0c4a69 100%);
}

.tu-member-nav a:hover {
    color: #bdeeff;
    background: linear-gradient(#898989 0, #626262 44%, #323232 45%, #171717 100%);
}

.tu-member-titlebar {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    color: #cff5ff;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 0 1px 0 #000;
    border-top: 1px solid #626262;
    border-bottom: 1px solid #000;
    background:
        linear-gradient(90deg, rgba(43, 179, 237, .12), rgba(43, 179, 237, 0) 30%),
        linear-gradient(#4e4e4e 0, #2b2b2b 48%, #111 49%, #050505 100%);
}

.tu-member-titlebar span:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 9px;
    vertical-align: -1px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #fff 0, #c8f6ff 33%, #2eb6ed 68%, #0c506e 100%);
    box-shadow: 0 0 5px rgba(73, 198, 244, .85);
}

.tu-member-page .am-layout {
    min-height: 0;
    margin: 0;
    background: #b8b8b8;
}

.tu-member-page .am-body {
    min-height: 320px;
    padding: 0;
    background: #c9c9c9;
}

.tu-member-page .am-main {
    max-width: none;
}

.tu-member-page .am-body .am-body-content-wrapper {
    margin: 0;
    padding: 18px 28px 28px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #cfcfcf;
}

.tu-member-page .am-body-content {
    min-height: 260px;
}

.tu-member-page h1,
.tu-member-page h2,
.tu-member-page h3,
.tu-member-page legend {
    color: #003b60;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.tu-member-page h1,
.tu-member-page .am-body-content > h1 {
    margin: 0 0 16px;
    padding: 9px 12px;
    color: #003b60;
    font-size: 20px;
    background: #d9d9d9;
    border-bottom: 1px solid #adadad;
}

.tu-member-page .am-form,
.tu-member-page .am-form form,
.tu-member-page .am-auth-form form,
.tu-member-page .am-block,
.tu-member-page .am-tabs-wrapper,
.tu-member-page .am-grid-container {
    border: 1px solid #999;
    border-radius: 0;
    box-shadow: none;
    background: #d8d8d8;
}

.tu-member-page .am-form form,
.tu-member-page .am-auth-form form {
    overflow: hidden;
}

.tu-member-page .am-form legend,
.tu-member-page .am-auth-form form legend,
.tu-member-page .am-block-title,
.tu-member-page .am-grid-title {
    margin: 0;
    padding: 8px 13px;
    color: #c9f4ff;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 1px 0 #000;
    border: 0;
    border-bottom: 1px solid #000;
    background: linear-gradient(#565656 0, #2f2f2f 48%, #151515 49%, #050505 100%) !important;
}

.tu-member-page .am-row,
.tu-member-page .am-auth-form div.am-row {
    border-color: #b5b5b5;
    background: #d3d3d3 !important;
}

.tu-member-page .am-row:nth-child(odd) {
    background: #c9c9c9 !important;
}

.tu-member-page .am-element-title,
.tu-member-page .am-row div.am-element-title {
    color: #003b60;
    font-weight: 700;
}

.tu-member-page input[type="text"],
.tu-member-page input[type="password"],
.tu-member-page input[type="email"],
.tu-member-page select,
.tu-member-page textarea {
    box-sizing: border-box;
    color: #000;
    border: 1px solid #8daec1;
    border-radius: 0;
    background: #eef5ff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.tu-member-page input[type="submit"],
.tu-member-page input[type="button"],
.tu-member-page button,
.tu-member-page .am-button,
.tu-member-page a.button {
    min-height: 24px;
    color: #001824 !important;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #206f91 !important;
    border-radius: 4px !important;
    background: linear-gradient(#e9fbff 0, #a9e4fb 45%, #6ec8ee 48%, #42a9d6 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 1px rgba(0, 0, 0, .35);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .65);
}

.tu-member-page input[type="submit"]:hover,
.tu-member-page input[type="button"]:hover,
.tu-member-page button:hover,
.tu-member-page .am-button:hover,
.tu-member-page a.button:hover {
    background: linear-gradient(#fff 0, #c0efff 45%, #80d7f7 48%, #51b6df 100%) !important;
}

.tu-member-page .am-auth-form-wrapper,
.tu-member-page .am-login-form-wrapper,
.tu-member-page .am-sendpass-form-wrapper {
    max-width: 520px;
    margin: 0 auto;
}

.tu-member-page .am-signup-link {
    max-width: 520px;
    margin: 12px auto 0;
    padding: 10px 13px;
    border: 1px solid #999;
    background: #d8d8d8;
}

.tu-member-page .am-error,
.tu-member-page .errors,
.tu-member-page .am-info,
.tu-member-page .am-message {
    border-radius: 0;
}

.tu-member-footer {
    height: auto;
    color: #e9e9e9;
    border-top: 1px solid #050505;
    background: linear-gradient(#666, #333);
}

.tu-member-footer .am-footer-content-wrapper {
    color: #e9e9e9;
    font-size: 11px;
}

.tu-member-footer a {
    color: #9fddff;
}

.tu-member-footer .am-footer-text {
    padding: 12px;
    text-align: center;
}

.tu-member-footer .am-credits {
    display: none;
}

@media (max-width: 760px) {
    .tu-member-shell,
    .tu-member-topbar-inner {
        width: 100%;
    }

    .tu-member-topbar-inner {
        box-sizing: border-box;
        padding: 0 10px;
        flex-wrap: wrap;
    }

    .tu-member-hero {
        height: 88px;
        background-size: auto 88px;
    }

    .tu-member-logo {
        left: 16px;
        top: 16px;
        width: 210px;
    }

    .tu-member-nav {
        height: auto;
        flex-wrap: wrap;
        padding: 0;
    }

    .tu-member-nav a {
        min-width: 0;
        flex: 1 0 33%;
        box-sizing: border-box;
        height: 34px;
        padding: 0 8px;
    }

    .tu-member-page .am-body .am-body-content-wrapper {
        padding: 12px;
    }
}

@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: 0 0 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: var(--am_menu_color);
}

ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: var(--am_menu_color);
}

.am-page-login-no-label .am-auth-form,
.am-page-login-no-label .am-signup-link,
.am-page-login-no-label .am-fb-login-button-wrapper {
    max-width:350px;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element-title {
    display: none;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element {
    margin:0;
    padding:.6em 2em;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit],
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:active,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:hover,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:disabled {
    width: 100%;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper {
    text-align: center;
    display: block;
    padding: 1.2em 2em .6em;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper  .am-form-login-switch {
    margin:0;
}

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

.am-body-content input,
.am-body-content textarea,
.am-body-content select,
.am-body-content button,
.am-popup input,
.am-popup textarea,
.am-popup select,
.am-popup button {
    font-family: var(--am_font_family), san-serif;
}

.am-body-content a.button,
.am-body-content button,
.am-body-content input[type="button"],
.am-body-content input[type="submit"],
.am-popup a.button,
.am-popup button,
.am-popup input[type="button"],
.am-popup input[type="submit"],
.am-body-content a.button:hover,
.am-body-content button:hover,
.am-body-content input[type="button"]:hover,
.am-body-content input[type="submit"]:hover,
.am-popup a.button:hover,
.am-popup button:hover,
.am-popup input[type="button"]:hover,
.am-popup input[type="submit"]:hover {
    color: white;
    background: var(--am_btn_color);
    border-color: var(--am_btn_color);
}

.am-body-content input[type=submit]:disabled,
.am-body-content input[type=submit]:disabled:hover,
.am-body-content input[type=button]:disabled,
.am-body-content input[type=button]:disabled:hover,
.am-body-content button:disabled,
.am-body-content button:disabled:hover,
.am-popup input[type=submit]:disabled,
.am-popup input[type=submit]:disabled:hover,
.am-popup input[type=button]:disabled,
.am-popup input[type=button]:disabled:hover
.am-popup button:disabled,
.am-popup button:disabled:hover {
    background: #f1f1f1;
    color: #ccc;
    border-color: #ced4da;
}

.input-file .input-file-button,
.input-file.hover .input-file-button {
    color: white;
    background: var(--am_btn_color);
    border: none;
    text-shadow: none;
}
.input-file.hover {
    border-color: var(--am_btn_color);
}

.am-header-menu-wrapper a,
ul.am-header-menu-narrow a,
ul.am-header-menu a {
    color: var(--am_header_menu_link_color);
}

ul.am-header-menu ul a {
    color: var(--am_header_menu_link2_color);
}

ul.am-header-menu-narrow ul a {
    color: var(--am_header_menu_link_color);
}

ul.am-header-menu > li > a::after {
    background: var(--am_header_menu_link_color);
    opacity: .4;
}

ul.am-header-menu li ul {
    background: var(--am_header_menu_bg_color);
}

.am-grid-wrap .filter-button input[type=submit] {
    border-color: #ced4da;
}