/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */
 
 :root {
  --border-radius:10px;
}

div#content > div {
    width: 100%;
}

/* styling of frontend forms  bw 29/10/24 */ 
.am-info {
    background: #fdfae5;
}
.am-form form {
    border-radius: var(--border-radius);
    border: 1px solid #B4924C;
    overflow: hidden;
    padding: 32px;
}
.am-admin a.button, .am-admin button, .am-admin input[type=button], .am-admin input[type=submit], .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] {
border-radius: var(--border-radius);
    color: #1B1B1B;
    background: none;
    background-color: var(--soa-yellow);
    font-weight: bold;
    width: 100%;
    transition: all .2s ease-in-out .1s;
}
.am-admin a.button:hover, .am-admin button:hover, .am-admin input[type=button]:hover, .am-admin input[type=submit]:hover, .am-admin a.button:active, .am-admin button:active, .am-admin input[type=button]:active, .am-admin input[type=submit]:active, .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-body-content a.button:active, .am-body-content button:active, .am-body-content input[type=button]:active, .am-body-content input[type=submit]:active, .am-popup a.button:hover, .am-popup button:hover, .am-popup input[type=button]:hover, .am-popup input[type=submit]:hover, .am-popup a.button:active, .am-popup button:active, .am-popup input[type=button]:active, .am-popup input[type=submit]:active {
    background-color: var(--soa-red);
    color: white;
    background-image: none;
}
.am-form fieldset legend , .am-auth-form div.am-row {
background: #fff;
}
.am-admin textarea:focus, .am-admin input[type=email]:focus, .am-admin input[type=text]:focus, .am-admin input[type=password]:focus, .am-body-content textarea:focus, .am-body-content input[type=email]:focus, .am-body-content input[type=text]:focus, .am-body-content input[type=password]:focus, .am-popup textarea:focus, .am-popup input[type=email]:focus, .am-popup input[type=text]:focus, .am-popup input[type=password]:focus {
        box-shadow: 0 0 6px var(--soa-yellow);
}
.am-form fieldset legend {
 font-weight: 700;
 border-bottom: none;
 padding: 0 0 24px 0;
 font-size: 1.5rem;
 text-align: start;
}
.am-admin select, .am-admin textarea, .am-admin input[type=email], .am-admin input[type=text], .am-admin input[type=password], .am-body-content select, .am-body-content textarea, .am-body-content input[type=email], .am-body-content input[type=text], .am-body-content input[type=password], .am-popup select, .am-popup textarea, .am-popup input[type=email], .am-popup input[type=text], .am-popup input[type=password] {
 border-radius: var(--border-radius); !important; 
         border: 1px solid var(--accent);
}

.am-form .am-row-buttons div.am-element {
    display: flex;
    flex-direction: column;
    margin: 0;
}


.am-form div.am-element {
    padding: 0;
    margin-left: 0;
}

.am-auth-form div.am-row, .am-form div.am-row {
    display: flex;
    flex-direction: column;
}
.am-form div.am-element-title {
    padding: 0;
    text-align: start;
    width: 100%;
    /*margin-bottom: 1rem;*/
}
.am-auth-form div.am-row:not(:last-child), .am-form div.am-element:has:not(#row-buttons)  {
    margin-bottom: 24px;
}

.am-form div.am-element #row-buttons {
    margin-bottom: 0;
}

.ajax-link, .local-link, .local {
    text-decoration-color: unset;
    text-decoration-style: solid;
    color: var(--accent);
}
.am-form div.am-row {
    margin: 0 auto;
    max-width: 450px;
}
.am-form div.am-row:not(#row-_submit_-0, #row-buttons) {
    margin-bottom: 30px;
}

.am-form div.am-element-title label {
    margin-bottom: 16px;
}
.am-form div.am-element-title .comment {
    margin-top: 8px;
    margin-bottom: 10px;
}
ul.am-tabs {
    background: #fdfae5;
    border-radius: var(--border-radius);
  border: 1px solid var(--accent);
}

ul.am-tabs a {
    padding: 0.8em 1em;
    border-right: none;
    color: #1B1B1B;
}
ul.am-tabs > li {
    background: none;
    transition: .2s all ease-in-out .1s;
}
ul.am-tabs li.active, ul.am-tabs li.normal:hover {
    background: var(--soa-yellow);
}

ul.am-tabs li.active a, ul.am-tabs li.normal:hover a {
    color: #1B1B1B;
}
.am-layout-two-coll {
    border: 1px solid var(--accent);
    border-radius: 12px;
    padding: 32px;
    background-color: white;
    background: none;
}

.am-layout-two-coll .am-layout-two-coll-top, .am-layout-two-coll .am-layout-two-coll-bottom {
    height: 0;
}

.am-block#member-main-unsubscribe {
    margin-bottom: 0;
}

.am-layout-two-coll .am-coll-left .am-coll-content {
    margin-left: 0;
}
.am-layout-two-coll .am-coll-right .am-coll-content {
    margin-right: 0 !important;
}
.am-block {
    background: #F6F7F8;
    border: none;
    border-radius: var(--border-radius);
    margin-bottom: 1em;
    padding: 1em;
    box-shadow: none;
}

#member-main-links ul > li a {
    font-weight: 700;
}
.am-flash-content-message {
    background: #fdfae5;
    border: 1px solid var(--accent);
    border-radius: var(--border-radius);
    padding: 0.5em 1em;
}

.am-form input[type=radio]:checked {
accent-color: #a0854e;
}
.am-popup {
    border: 1px solid var(--accent);
   border-radius: var(--border-radius);
        max-width: 500px;
        padding: 34px;
}
.am-popup .am-popup-header {
    font-size: 1.1rem;
    font-weight: bold;
    overflow: hidden;
    margin: 0;
    background: none;
    padding: 1em;
}

.am-popup-content     .am-auth-form {
        width: 100%;
        max-width: unset !important;
    }
    
    .am-popup-content .am-form form {
        padding: 0 !important;
    }
.am-popup .am-popup-header {
    padding: 0;
}
.am-popup .am-popup-header .am-popup-title {
    padding-right: 30px;
    padding-bottom: 24px;
}
.am-auth-form div.am-element-title label {
    font-weight: 500;
}
.am-common a {
    color: var(--accent);
}
.am-common a:hover {
    text-decoration: underline;
    color: var(--soa-red);
}

#checkbox-unsubscribed {
    accent-color: #a0854e;
     margin-right: 10px;

}
@media (max-width: 500px) {
        .am-account-toolbar .am-account-toolbar-items {
        padding: 0.5em;
        background: #fdfae5 !important;
        border: 1px solid var(--accent);
        border-radius: var(--border-radius);
    }
}
ul.am-tabs-narrow {
    border: 1px solid var(--accent);
    background: #fdfae5 !important;

}
h2 {
  font-size: 24px;
}
.am-form div.am-element-title {

  font-size: 20px;
}

.am-user-identity-block:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbFJREFUeNpi/P//PwO1AWNGeYvM9ssvTx689/U/CIPYIDGQHIZiLAbwbTzz8JCAkIg+suCHd28u+pvI2wGZn5DFmbAYII2uGQSgYtLo4tgMEMblN1f/cD10PdgMYLh99eI7dLFbVy68371x5VtiDHhbkRK8/Mq5Ez9gAiB2ZWrICiDzJRD/IxiIQGwKxD7yKuomD+/c/AYyA4i3AfFp9ECEG1TSOlly/cl780DRtu/2x89uARFhIG8DsZN7UFQISAwkB1IDFONEN4Bn1ZEbW2DxDsJL9l7YDRQXAkXA0n0XdyHLrTl2azNQnAukkRmIWTvnrUvX0DXKQzaRX1BYiZuH96yZnYuypZNnBbIcNw+fmqa+yes9G1eeYwHZIC2vFI/NX2HJeatwRSlUzzJQLIjJKqoakpreoXrEQAYIUJBvBEAGsFJgACvIgD/YUh4hANXzBxQL3Mf2bWMXlZDSFJOUYWNjZ2fEp/Hr50//j+ze/Lm9NG3xt69fDjFCUx4oQFyAWAfKZ8Kh/x80JYJS5h4gPs8ITc7cQCwBxCJAzI4jiYMAqPj6CcRvgPgFyEEAAQYACdCrtuWvL4kAAAAASUVORK5CYII=) no-repeat left center;
}