/* CSS Document */

/* Good for testing
* { Border: red solid 1px; } 
*/


@import 'asterix.css'; /* The style sheet to control the asterix. Wrapped with a class by Jquery. */


/* ========== START: General Text ========== */


html {
    font-family: 'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #666;
}


.uk-link, a {
    color: #446dad;
    text-decoration: none;
    cursor: pointer;
}

em {
    color: inherit;
}


.uk-breadcrumb>*>* {
    font-size: .8rem;
    color: #b3b3b3;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
    font-size: .70rem;
    color: #999;
}


.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: 'Montserrat',-apple-system,BlinkMacSystemFont,'Open Sans',"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    color: #466FAB;
    text-transform: none;
}


    .uk-h1, h1 {
    font-size: 1.9rem;
    line-height: 1.35;
}

    .uk-h2, h2 {
        font-size: 1.65rem;
        line-height: 1.3;
    }

    .uk-h3, h3 {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .uk-h4, h4 {
        font-size: 1.25rem;
        line-height: 1.4;
    }



.wrapper-form-right h3 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: .25px;

  }

    

.uk-text-lead {
    /* font-size: 1.5rem; */
	font-size: 1.2rem;
    line-height: 1.4;
    /* color: #1f3a6e;*/
	 color: #416fad;
    font-weight: 300;
}


.uk-card-default .uk-card-title {
    color: #466fab;
}

a.uk-link-heading:hover, .uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading, .uk-link-toggle:focus .uk-link-heading {
    color: #8b0c22;
    text-decoration: none;
}


/* ========== END: General Text; ========== */





/* ========== START: Buttons ========== */
    .uk-button {
        border-radius: 3px;
        text-transform: none; 
        font-family: 'Montserrat', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		transition: .5s ease-in-out;
		transition-property: color,background-color,border-color;
    }


    .uk-button-primary {
        background-color: #466FAB;
        color: #fff;
        border: 1px solid transparent;
    }

    .uk-button-default {
    background-color: #f8f8f8;
    color: #466fab;
    border: 1px solid #466fab40;
}




.uk-button-sage{
        background-color: #5f9ea0;
        color: #fff;
        border: 1px solid transparent;
    }

.uk-button-sage:hover {
    color: white;
    background-color: #54A69B;
}



    .uk-button-ghost-green{
        background-color: transparent;
        color: #5f9ea0;
        border: 1px solid #5f9ea0;
    }

        .uk-button-ghost-green:hover{
        background-color: #5f9ea0;
        color: #fff;
        border: 1px solid #5f9ea0;
    }

/* ========== END: Buttons ========== */





/* ========== START: Cards ========== */
.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #fff;
    box-shadow: 0 14px 25px rgba(0,0,0,.16);
    border-radius: 3px;
}

.uk-card-default {
    background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}




/* ========== END: Cards ========== */





/* ========== START: Menus ========== */


.uk-dropdown-nav .uk-nav-header {
    color: #476fab;
    font-weight: 600;
}


.layer-is-topnav ul.uk-navbar-nav {
    gap: 0 !important;
}


.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    box-sizing: border-box;
	    height: 52px;
	    padding: 0 15px;
	    font-size: .875rem;
	    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	    text-decoration: none;
	    /* padding-right: 15px; */
	    color: #434343;
	}

	.uk-navbar-dropdown-nav>li>a {
	    color: #434343;
	}

    .uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
        color: #446dad;
    }

	.layer-is-topnav .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 50px;
    padding: 0 0 0 26px;
    font-size: .85rem;
    font-family: 'Montserrat','Roboto',"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-decoration: none;
    font-weight: 400;
}

.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    box-sizing: border-box;
    width: 270px;
    padding: 20px 20px;
    background: #3f639a;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-card-primary.uk-card-body 
.uk-nav-default>li>a, 
.uk-card-primary>:not([class*=uk-card-media]) 
.uk-nav-default>li>a, .uk-card-secondary.uk-card-body 
.uk-nav-default>li>a, .uk-card-secondary>:not([class*=uk-card-media]) 
.uk-nav-default>li>a, .uk-light .uk-nav-default>li>a, 
.uk-offcanvas-bar .uk-nav-default>li>a, 
.uk-overlay-primary .uk-nav-default>li>a, 
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a, 
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a, 
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a, 
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a {
    color: rgb(255, 255, 255);
}


/* .uk-nav li.level-1 {
    padding-bottom: 10px;
} */

.uk-nav-default>li>a {
    text-transform: uppercase;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: 1px;
}



    /* The dropdown arrow on the off canvas 
.uk-nav li.level-1.has_children > a:after {
    color: white;
}*/

.uk-dropdown-nav>li>a {
    color: #666;
}

.uk-dropdown-nav>li.uk-active>a, 
.uk-dropdown-nav>li>a:focus, 
.uk-dropdown-nav>li>a:hover {
    color: #466FAB;
}

/* ========== END: Menus ========== */









/* ========== START: Misc ========== */
.uk-grid-divider>:not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #b5c6e0;
}



.uk-overlay-primary {
    background: rgba(31, 58, 110, 0.35);
}

/* Tone on the hero images */
.pk-overlay-hero {
    background: rgba(31, 58, 110, 0.35);
}

blockquote {
    margin: 0px 21px 20px 20px;
    font-size: inherit;
    line-height: 1.5;
    font-style: italic;
    color: inherit;
}

/* ========== END: Misc ========== */


/* ========== START: Forms ========== */

	/* ========== Hide Form Builder fields with fieldtype of Hidden ========== */
	.InputfieldHidden {
		display: none;
	}



		/* ========== The required symbol doe mandatory fields ========== */
		.InputfieldStateRequired > .InputfieldHeader:first-child::after {
			content: "*";
			margin-left: 0.25em;
			color: red;
		}


.uk-input, .uk-select:not([multiple]):not([size]) {
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 10px!important;
    border-radius: 2px;
}

.uk-checkbox, .uk-radio {
   
    background-color: white;
    border-radius: 2px;
}


form#FormBuilder_contact {
    font-size: 14px;
    color: #333;
}

#FormBuilder_contact.InputfieldFormWidths input[type=text], 
#FormBuilder_contact.InputfieldFormWidths input[type=email], 
#FormBuilder_contact.InputfieldFormWidths input[type=url], 
#FormBuilder_contact.InputfieldFormWidths select, 
#FormBuilder_contact.InputfieldFormWidths textarea {
    width: 100%;
    background-color: #eaeff7;
}




/* ========== START: Forms on right column  ========== */

.wrapper-form-right {
    font-size: .8rem;
    /* color: #333; */
}



.wrapper-form-right .uk-form-label {
    font-size: .8rem;
}

.wrapper-form-right #FormBuilder_contact.InputfieldFormWidths input[type=text], 
.wrapper-form-right #FormBuilder_contact.InputfieldFormWidths input[type=email], 
.wrapper-form-right #FormBuilder_contact.InputfieldFormWidths input[type=url], 
.wrapper-form-right #FormBuilder_contact.InputfieldFormWidths select, 
.wrapper-form-right #FormBuilder_contact.InputfieldFormWidths textarea {
    width: 100%;
    background-color: #fff;
}

.wrapper-form-right .Inputfield {
    width: 100% !important;
    margin-bottom: 15px;
    font-size: .8rem;
}
.wrapper-form-right input[type=text], .wrapper-form-right input[type=email] {
    /* background-color: aqua; */
    height: 35px;
}

.wrapper-form-right ul.InputfieldRadiosStacked {
    list-style-type: none;
    padding-left: 0px;
}

.wrapper-form-right .uk-radio, 
.wrapper-form-right .uk-checkbox {
    margin-right: 5px;
}

.wrapper-form-right .uk-text-muted {
    color: #7f8184!important;
}

.wrapper-form-right .uk-text-small {
    font-size: .7rem;
    line-height: 1.5;
}

/* Hides the form error above the form which is not needed in addittion to the inline error */
.wrapper-form-right .uk-alert.uk-alert-danger {
    display: none;
}



/* ========== END: Forms ========== */


/* ========== START: Accordions ========== */

.uk-accordion-title {
    font-size: inherit;
    color: #446dad;
    background-color: #ebf0f5;
    padding: 12px 20px;
    border-radius: 2px;
}

.uk-accordion-content>:last-child {
    margin-bottom: 0;
    padding: 15px 40px 25px;
    background-color: #ebf0f5a1;
    margin-top: 0;
}

.uk-accordion-content {
    margin-top: 0;
}
w
.uk-accordion>:nth-child(n+2) {
    margin-top: 10px;
}

li.uk-open .uk-accordion-title {
    border-left: 2px solid #8c0c21;
    color: #8c0c21;
}

.uk-accordion-title:focus, .uk-accordion-title:hover {
    color: #8c0b20;
    text-decoration: none;
    outline: 0;
}

.uk-accordion-content ul {
    padding: 0 0 0 30px;
}

.uk-accordion-content {
    margin-top: 0;
    padding: 20px 20px;
    background-color: #edf3f9;
}

/* ========== END: Accordions ========== */

figcaption {
    font-size: .75rem;
    padding-top: 10px;
    color: #748092;
    font-weight: 600;
}


/* ========== START: Modals ========== */

.uk-modal {
   
    background: rgba(1,36,74,.95);
 
}
/* ========== END: Modals ========== */


.uk-badge {
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 5px 0 7px;
    border-radius: 3px;
    vertical-align: middle;
    background: #67c388ba;
    color: #fff;
    font-size: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 0 0 5px;
    font-weight: 600;
}

.uk-card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    height: 22px;
    padding: 0 10px;
    background: transparent;
    color: #fff;
    font-size: .875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    border-radius: 2px;
    text-transform: uppercase;
}

/* ========== START: Sliders ========== */
.uk-slidenav {
    background-color: #466faa21;
    border-radius: 21px;
    color: #1f3a6f;
}
/* ========== END: Sliders ========== */
