/* Temp css */
#flash_err-container, .callout success{
    display: none;
}
/*
    alternate red: #a2151e, #c30101, #aa0001
    alternate blue #26313c, #19477c,#143963
*/

/* base styles */
body {
    background: #19477c;
    background: #fefefe;
    color: #fefefe;
}
main{
    background: #fefefe;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.9375rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.12);
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Rokkitt', serif;
    color: #fefefe;
    font-weight: 600;
    line-height: 1.25;
}

h5{
    line-height: 1.025em;
    font-size: 1.535em;
}
h6 {
    font-size: 1.19rem;
}
p, li{
    color: #fefefe;
    font-size: 1.125rem;
}
a {
    color: #fff;
}
p a {
    color: #fff;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #d6d6d6;
}
.grid{
    height: auto;
    border: 0.46875rem solid #fefefe;/*half of .9375rem*/
    padding: 0;
    margin: 0;
}
.grid.half-grid{
    min-height: 130px;
}
.grid p{
    line-height: 1.25;
}
.grid .text-wrap{
    padding:.75rem 1rem;
}
.row .row.collapse {
    position: relative;
}

.menu .active > a {
    background:none;
}

@media screen and (min-width: 64em) {
    .grid {
        min-height: 240px;
    }

    .grid.fifty-percent{
        height:50%;
    }

    .flex-row {
        display: flex;
        display: -webkit-flex; /* Safari */
        -webkit-flex: 1; /* Safari 6.1+ */
        -ms-flex: 1; /* IE 10 */
        flex: 1;
    }
    .f-1{
        -webkit-flex: 1; /* Safari 6.1+ */
        -ms-flex: 1; /* IE 10 */
        flex: 1;
    }
    .flex-row.f-col{
        flex-direction: column;
    }
}
@media screen and (max-width: 63.9em) {
    .mobile-flex-row {
        display: flex;
    }
    .flex-row.mobile-flex-row.f-col{
        flex-direction: row;
    }
}
/* ---- colors backgrounds ---- */
.flag-background{
    background:url("images/flag.jpg");
    background-position: center;
    background-size:cover;

}
.globe-background{
    background:url("images/globe.png");
    background-position: center;
    background-size:cover;
}
.cloud-background{
    background:url("images/cumulus-humilis.jpg");
    background-position: right center;
    background-size: cover;
}
div.cloud-background > div.row.collapse.flex-row,
div.globe-background > div.row.collapse.flex-row,
div.flag-background > div.row.collapse.flex-row {
    margin: 0 -1px;
}

.solid-red-fill{
    background-color: #aa0001;
}
.red-80-fill{
    background-color: rgba(170, 0, 1, 0.8);
}
.blue-20-fill{
    background-color: transparent;
    background-color: rgba(20, 57, 99, 0.45);
}
.blue-80-fill{
    background-color: #143963;
    background-color: rgba(20, 57, 99, 0.8);
}
.blue-solid-fill{
    background-color: #143963;
}
.wht-60-fill{
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}
.wht-80-fill{
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
}
.wht-80-fill .text-wrap > *{
    color: #01050a;
}
.white-solid-fill .text-wrap {
    /*background-color: #fff;*/
}
.white-solid-fill .text-wrap *{
    color: #01050a;
}
.white-solid-fill p, .white-solid-fill li {
    background-color: transparent;
    color: #01050a;
}
.white-solid-fill .text-wrap a{
    color: #b30200;
}
.no-fill {
    background-color: transparent;
}

/* ---- top/header ---- */

.menu .active > a {
    background: none;
}
.logo-name {
    background: #aa0001;
    text-align: center;
}

.logo-name .jsBusinessName, .logo-name .jsBusinessLogo{
    padding:0 1rem .75rem;
    color: #fff;
    font-weight: 700;
    max-height: 250px;
}
.logo-name *:first-child{
padding-top: .75rem;
}

/* one item */
.logo-name *:first-child:nth-last-child(1) {

}

.menu-wrap{
    display: flex;
    flex-direction: column;
}

/* ---- NAV ---- */

.top-bar ul.dropdown li ul {
    background-color: #e6e6e6;
    display: none;
    position: absolute;
    z-index: 10001;
}
.top-bar ul.dropdown li:hover ul{
    display: block;
}
@media screen and (min-width: 40em) {
    .top-bar {
        position: relative;
        bottom: -1rem;
        padding: 0;
        margin:auto .5rem .5rem 0;
        margin-top: auto;
    }
}
.top-bar{
    background: none;
    background-color: transparent;
}
.top-bar ul.dropdown ul.menu {
    text-align: left;
}
.top-bar ul li a {
    color: #fff;
    font-weight: 600;
}
.top-bar, .top-bar ul {
    background-color: transparent;

}
@media screen and (min-width: 40em) {
    .menu-wrap{
        min-height: 130px;
    }
    .top-bar{
        text-align: right;
    }
    nav .menu > li {
        display: inline-block!important;
    }
}

.top-bar ul.dropdown li ul{
    background-color: #fefefe;
    color: #01050a !important;
}
.top-bar ul.dropdown li ul li a {
    color: #01050a !important;
    font-weight: 400;
}
.top-bar ul.dropdown li ul li a:hover{
    text-decoration: underline;
}
.dropdown.menu.vertical > li.opens-right > a::after {
    border-color: transparent transparent transparent #fefefe;
}
.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
    top: 2rem;
    left:1rem;
}

/* Mobile menu */
.title-bar {
    background: rgba(20, 57, 99, 0.6);
    color: #fefefe;
    padding: 0.5rem;
}


/* ---- main-content ---- */

.welcome{
    color: #fff;
    min-height: 240px;
}
.connect-header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1em;
}
.connect-header:only-child{
    display: block;
}
.address {
    word-wrap: break-word;
}
.address a {
    color: #fff;
}
.contact-wrap label,
#client_add #contact-form label, label{
    color: #fff;
    font-weight: 500;
}
.contact-wrap input, .contact-wrap textarea{
    background-color: #fff;
    border-radius: 5px;
}
.contact-wrap input.button {
    background-color:#aa0001;
    border-radius: 0px;
    margin-top: 1rem;
}
.contact-wrap .text-wrap .columns:first-child:nth-last-child(1) {
    width: 100% !important;
}
#contact-form{
    padding-bottom:1rem;
}
.googleMapLink, .googleMap {
    width: 100% !important;
}
.googleMapLink{
    margin: .75rem auto;
}
.googleMapLink a{
    color:#fefefe;
    font-weight: 600;
}
.google-map .googleMapLink {
    color:#01050a;
    display: none;
}

.profile {
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    text-align: center;
}
.profile img{
    border: 0.9375rem solid #fff;
    margin: -0.9375rem;
}
aside{
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
}
aside.profile img {

}

@media screen and (max-width: 63.9em) {
    .profile img {
        border: 1rem solid #fff;
        margin: -1rem;/**/
        max-height: 240px;
        width: auto;
    }
}
.quick-links {
    min-height: 240px;
    display: flex;
    padding: 0 0;
    height: auto;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
}

.quick-links ul{
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    /*height: 226px;*/
    list-style-type: none;
}
.quick-links ul li{
    list-style: none;
    height: 25%;
    width: 100%;
    border-bottom: 2px solid #fff;
    display: flex;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: stretch;
}
.quick-links ul li:last-child{
    border-bottom:none;
}

.quick-links ul li a {
    color: #fff;
    padding: 0;
    font-weight: 600;
    border-left: 2px solid #fff;
    display: flex;
    -moz-box-flex: 1;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    margin-left: 25%;
    font-size: 1rem;
}
.quick-links ul li a i{
    display: inline-block;
    width: 1em;
    text-align: center;
    position: relative;
    right: 25%;
    font-size: 1.5rem;
    margin: 0;
}
.quick-links ul li a i.fa-svg:before {
    background-color: #FFF;
    height: 1.5rem;
}
aside.grid .grid.quick-links {
    margin-bottom: 0;
}
aside.grid .grid.quick-links.show-for-small-only{
    border: none;
}
aside .columns.quick-links:nth-of-type(1){
    border-top: 0;
    border-bottom: 0;
    border-left: none;
}
aside .columns.quick-links:nth-of-type(2){
    border-top: 0;
    border-bottom: 0;
    border-right: none;
    margin-bottom: 0;
}
@media screen and (min-width: 64em) {
    .quick-links ul {
        /*height: 226px;*/
    }
    aside.grid .grid.quick-links {
        border-right: none;
        border-left: none;
    }
    aside .columns.quick-links:nth-of-type(1){
        border-top: 0;
        border-bottom: 0.9375rem solid #fefefe;
    }
    aside .columns.quick-links:nth-of-type(2){
        border-top: 0;
        border-bottom: 0.9375rem solid #fefefe;
        margin-bottom: -0.9375rem;
    }
}
@media screen and (max-width: 39.9375em) {
    aside.grid .quick-links ul,
    .quick-links ul{
        min-height: 140px;
        height: inherit;
    }
    aside.grid .quick-links,
    .quick-links{
        min-height: 0;
    }
    aside.grid .quick-links ul li a,
    .quick-links ul li a{
        font-size: 1.5rem;
    }
    aside.grid .quick-links ul li a i,
    .quick-links ul li a i{
        font-size: 2.5rem;
    }
}

.text-wrap img{
    /*margin: 1rem;*/
}
.text-wrap img[style*="float: right;"] {
    margin: 1rem 0 1rem 1rem;
}
.text-wrap img[style*="float: left;"] {
    margin: 1rem 1rem 1rem 0;
}


footer{
    margin: 0 0px;
}
.footer-wrap {
    margin: 0 0 1rem 0;
    /*padding: 1rem;*/
    padding: 1rem 13px;
    border: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color: #fff;
}
.lead{
    font-size: 1.535em;
}
footer li > a i.fa-svg:before {
    height: 18px;
    background-color: #FFF;
}
a:hover i.fa-svg:before, a:focus i.fa-svg:before {
    background-color: #d6d6d6;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {

    border-color: #ffffff transparent transparent;
}
.is-submenu-item a{ }


/* Main and sub page fixes */

.afsbpage-service-list-item a {
    font-size: 1.6em;
}


.contact-wrap a[target] {
    font-size: 1.6em;
}
.contact-wrap input[type="submit"] {
    background-color: #aa0001;
    font-weight: 500;
}
.newsletter-wrap{
    margin: 0 -1px;
}
.newsletter-wrap .text-wrap {
    border: 2px solid #14416e;
}
.service-wrap .text-wrap{
    display: table;
}
.newsletter-article table:first-of-type {
}
table tbody, table tbody tr:nth-child(even) {
    background-color: transparent;
}
/* Newsletter archives */

#nl-archive-container ol, #nl-archive-container ul {
    list-style-type: none;
    margin: 0 auto;
    max-width: 50rem;
}
.nl-archive-itemdate {
    margin-top: -1.5rem;
}
#nl-archive-container {
    padding: 1rem 0 1rem 0;
    /*border-top: 1px solid #fff;*/
    margin: 0 0 1rem 0;
}
#nl-archive-container ul {
    margin: 0.5rem 0 0.5rem 0;
}
#nl-archive-container li {
    border-bottom: 1px dotted #fff;
}
#nl-archive-hd {
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#nl-archive-subhd {
    font-size: 0.75rem;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin: 0 0 1rem 0;
}
#nl-archive-itemcontainer {
    margin: 0.5rem auto;
    width: 100%;
    /*padding-right: 15px;*/
    padding: 0 15px;
}
#nl-archive-itemcontainer a:link {
    text-decoration: none;
}

#nl-archive-itemcontainer a:hover {
    text-decoration: underline;
}
.nl-archive-itemdate {
    font-size: 80%;
    float: right;
    margin: -1.5rem 0 0 0;
    color: #fff;
}
.nl-archive-itemtitle {
    font-size: 1.2rem;
    font-weight: bold;
}
.nl-archive-itemdate{
    color: #fefefe;
}

/* Financial Calculators */
ul.tools-list li {
    display: block;
    width: 100%;
    padding: 0.2rem;
}

ul.tools-list li:before {
    font-family: FontAwesome;
    content: "\f1ec";
    margin-right: 0.3rem;
}

ul.tools-list li > a:hover {
    border-bottom: 1px dotted #555555;
}

ul.tools-list li > a:hover:after {
    font-family: FontAwesome;
    content: "\f08e";
    margin-left: 0.3rem;
}