@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&family=Mona+Sans:wght@200..900&display=swap');

:root {
--wht: #ffffff;
--blu: #1F75FC;
--dblu: #034694;
--bgry: #5072A7;
--gblu:#70829A;
--lgry: #EDF2F5;
--dgry: #87ACBF;
--slate: #4C616C;
--coal: #37474F;
--blk: #082952;
--accent:#1DBAE2;
--teal: #0D9ABA;           
--wine: #080708;
--tan: hsl(48, 91%, 57%);
}

/* ------ colors ------- */
 
.dblu { color: var(--dblu);}
.blu { color: var(--blu);}
.gblu { color: var(--gblu);}
.bgry { color: var(--bgry);}
.slate { color: var(--slate);}
.coal { color: var(--coal);}
.blk { color: var(--blk);}
.wht { color: var(--wht);}
.accent { color: var(--accent);}
.lgry { color: var(--lgry);}
.dgry { color: var(--dgry);}
.teal { color: var(--teal);}           
.wine { color: var(--wine);}
.tan {color: var(--tan);}

/* ------ background colors ------- */

.bg-blu {background-color: var(--blu);color:white;}
.bg-dblu {background-color: var(--dblu);}
.bg-gblu {background-color: var(--gblu);color:white;}
.bg-lgry {background-color: var(--lgry);}
.bg-slate {background-color: var(--slate);color:white;}
.bg-lite {background-color: var(--lgry);}
.bg-dgry {background-color: var(--dgry);}
.bg-blk { background-color: var(--blk);}
.bg-wht { background-color: var(--wht);}

.bg-grad1 {background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);}
.bg-sky { background-image: radial-gradient(at top center, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.03) 100%), linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(143,152,157,0.60) 100%);
 	background-blend-mode: normal, multiply;}
.bg-cloud {background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);}
.bg-cloud2 {background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);}
.bg-drk {background-image: linear-gradient(to right, #243949 0%, #517fa4 100%);}
.bg-blgrn {background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);}
.bg-blbl {background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);}

/* ------ type style ------- */

.figtree-lt {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.figtree-rg {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.figtree-md {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.figtree-sb {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.mona-sans-lt {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.mona-sans-md {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.mona-sans-bd {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    font-size: 16px;
    line-height: 1.3em;
}
@media all and (max-width:576px) {
    body {
        font-size: 16px;
    }
}
h1, h2, h3, h4 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-shadow: 1px 1px 0 var(--slate);
}
h1 {
    font-size: 46px;
    font-weight:400;
}
h2 {color:var(--dblu);
font-size:48px;
	font-weight:400;
padding-bottom:1em;
}
h3 {
font-size: 22px;
    color:var(--teal);
    padding-bottom:.3em;
}
h4 {
   font-size: 24px;
    font-weight: 500;
    color:var(--blu);
}
h5 { font-size: 22px;
    font-weight: 500;
    color:var(--slate);
    padding-bottom:1.5em;
}
p, li {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    font-size: 18px;
    line-height: 1.3em;
    margin: 0 0 20px;
}

@media all and (max-width:576px) {
    h1, h2 { font-size: 2.2em;}
    h3 { font-size: 20px;}
    h4 { font-size: 18px;}
    p, li { font-size: 16px;}
    }

ul.flush {
    padding-left: 20px;
}
ul.green {
    color: var(--accent);
}
ul.green span {
    color: var(--wht);
}

ul.list {
    margin-bottom: 20px;
}

ul.list li {
    margin: 0 0 20px;
}

ul.list.tight li {
    margin: 0 0 10px;
}

li {
  list-style-color: var(--wine);
}

.center {
list-style-type: none;padding-left: 0;margin:12px 0 0 0;
}

a:hover {
    text-decoration: none;
}

a.under {
    padding: 0 0 4px;
    border-bottom: 3px solid #171717;
    color: #171717;
    font-weight: 600
}


/* ------------------- Sections -----------------*/

section.dark {
    background-color: var(--dblu);
    color: var(--wht);	
}

section.dark .navbar a {
    color: var(--slate);
}

section.dark a.under {
    border-color: var(--coal);
    color: var(--slate);
}

section.grey {
    background: var(--lgry);
}

section.white-grey {
    background-color: var(--lgry);
    background: linear-gradient(90deg, var(--wht) 50%, var(--lgry) 50%);
}

@media all and (max-width:991px) {
    section.white-grey>.container>.row>div {
        background: var(--wht);
    }
    section.white-grey>.container>.row>div:nth-child(2) {
        background: var(--lgry);
    }
}

/* ---------- button -----------*/

.btn, .btn-nav, .wpforms-submit, .awsm-application-submit-btn {
  padding: 10px 56px;
  border: solid 2px var(--wht);
  border-radius: 50px;
  background-color: var(--teal);
  font-size: 18px;
  font-weight: 600;
  color: var(--wht);
  margin-left: 50px;
  margin-right: 50px;
}
.btn {
 background-color: rgba(255,255,255,.4);
  border: solid 2px var(--wht);
}

.btn-nav { font-size: 16px; color:var(--wht);padding: 6px 28px;
background-color:var(--teal);margin:-16px 0 16px 0;}

.btn-nav a { color: #000;
}

.btn:hover, .btn-nav:hover, .wpforms-submit:hover, .awsm-application-submit-btn:hover {
  background-color: #999; color:#333;
}
.btn:hover {
      color: var(--dblu);
 background-color: rgba(255,255,255,.8);
  border: solid 2px var(--coal);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3); /* Shadow gets darker and larger */
    transform: translateY(-2px); /* Button appears to lift slightly */
}


.btn-primary {
    padding: .575rem 1.75rem;
    background: var(--teal);
    border-color: var(--wht);
    border-radius: 50px;
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3); /* Shadow gets darker and larger */
    font-weight: 600;
    outline: 0;
}

.btn-primary:hover {
    background: var(--accent);
    border-color: var(--accent);
}

.btn-primary:active {
    background: var(--teal);
}

 /* border */

 .bdrt-slate {border-top:solid 2px var(--slate);}
 .bdrb-slate {border-bottom:solid 2px var(--slate);}
 
 .bdrt-dblue {border-top:solid 2px var(--dblu);}
 .bdrb-dblue {border-bottom:solid 2px var(--dblu);}
 
 .bdrt-lgrey {border-top:solid 2px var(--lgry);}
 .bdrb-lgrey {border-bottom:solid 2px var(--lgry);}
 
 .bdrt-accent {border-top:solid 2px var(--accent);}
 .bdrb-accent {border-bottom:solid 2px var(--accent);}
 
 /*border-shadow */
 .bdrts {box-shadow: 0px 2px 3px #666;}
 .bdrbs {box-shadow: 0px -2px 3px #666;}
 
 
 /* absolute positioning layout */
 
 .posbtm { position: absolute;
             bottom: 0;}
 
 .postop { position: absolute;
             top: 0;}
 
 /* text styles */
 
 .tl {
   text-align: left;
 }
 
 .tc {
   text-align: center;
 }
 
 .tr {
   text-align: right;
 }
 
 .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse p, .reverse .sym-sm, .reverse .sym-md  {
   color: var(--wht);
 }
 .reverse li {
   color: #D6CA98;
 }
 .reverse li span {
   color: var(--wht);
 }
 
 .ttl {
   margin-bottom: 32px;
 }
 
.message {
    display: none;
}


footer {
    height:auto;max-height:450px;
    padding: 50px 0 50px 0;
    background: var(--coal);
    color: var(--wht);
}

footer p, footer a, footer a:hover {
    color: var(--wht);
}

footer ul {
    padding: 0;
    list-style: none;
}

ul.rev li {
    padding: 0 0 6px;
    color: var(--wht);
}
ul.rev li a {
    color: var(--wht);
}

ul.rev li a.top {
    color: var(--wht);
    font-weight: 600;
}

footer .bottom {
    font-size: .8em;
}
footer .bottom .social {
    margin-bottom: 10px;
}
footer .bottom .social a {
    margin: 0 20px 0 0;
}

.copyright { bottom:0;padding-top:24px;text-align:right;color:var(--wht); }
.copyright p { font-size:14px; color: var(--wht); }


@media (max-width:767px) {
    footer {
        padding: 40px 20px;
    }
    footer .logo {
        max-width: 50%;
        margin: 0 0 20px;
    }
    .copyright { bottom:0;padding-top:24px;text-align:center; }
  .copyright p { font-size:13px;}

}

.important {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
}

@media (max-width:575px) {
    .w-sm-35 {
        width: 35%;
    }
}

@media (min-width:576px) {
    .w-sm-25 {
        width: 25%;
    }
    .w-sm-50 {
        width: 50%;
    }
    .w-sm-75 {
        width: 75%;
    }
    .w-sm-100 {
        width: 100%;
    }
    .w-sm-auto {
        width: auto;
    }
    .h-sm-25 {
        height: 25%;
    }
    .h-sm-50 {
        height: 50%;
    }
    .h-sm-75 {
        height: 75%;
    }
    .h-sm-100 {
        height: 100%;
    }
    .h-sm-auto {
        height: auto;
    }
}

@media (min-width:768px) {
    .w-md-25 {
        width: 25%;
    }
    .w-md-35 {
        width: 35%;
    }
    .w-md-50 {
        width: 50%;
    }
    .w-md-75 {
        width: 75%;
    }
    .w-md-100 {
        width: 100%;
    }
    .w-md-auto {
        width: auto;
    }
    .h-md-25 {
        height: 25%;
    }
    .h-md-50 {
        height: 50%;
    }
    .h-md-75 {
        height: 75%;
    }
    .h-md-100 {
        height: 100%;
    }
    .h-md-auto {
        height: auto;
    }
}

@media (min-width:992px) {
    .w-lg-25 {
        width: 25%;
    }
    .w-lg-50 {
        width: 50%;
    }
    .w-lg-75 {
        width: 75%;
    }
    .w-lg-100 {
        width: 100%;
    }
    .w-lg-auto {
        width: auto;
    }
    .h-lg-25 {
        height: 25%;
    }
    .h-lg-50 {
        height: 50%;
    }
    .h-lg-75 {
        height: 75%;
    }
    .h-lg-100 {
        height: 100%;
    }
    .h-lg-auto {
        height: auto;
    }
}

@media (min-width:1200px) {
    .w-xl-25 {
        width: 25%;
    }
    .w-xl-50 {
        width: 50%;
    }
    .w-xl-75 {
        width: 75%;
    }
    .w-xl-100 {
        width: 100%;
    }
    .w-xl-auto {
        width: auto;
    }
    .h-xl-25 {
        height: 25%;
    }
    .h-xl-50 {
        height: 50%;
    }
    .h-xl-75 {
        height: 75%;
    }
    .h-xl-100 {
        height: 100%;
    }
    .h-xl-auto {
        height: auto;
    }
}

 /* margin */
 .mx18 { margin: 18px 0;}
 .mx24 { margin: 24px 0;}
 .mx36 { margin: 36px 0;}
 .mx48 { margin: 48px 0;}
 .mx50 { margin: 50px 0;}
 .mx75 { margin: 75px 0;}
 .mx100 { margin: 100px 0;}
 
 .my18 { margin: 0 18px;}
 .my24 { margin: 0 24px;}
 .my36 { margin: 0 36px;}
 .my48 { margin: 0 48px;}
 
 .mt18 { margin-top: 18px;}
 .mt24 { margin-top: 24px;}
 .mt36 { margin-top: 36px;}
 .mt48 { margin-top: 48px;}
 .mt50 { margin-top: 50px;}
 .mt75 { margin-top: 75px;}
 .mt100 { margin-top: 100px;}
 
 .mb18 { margin-bottom: 18px;}
 .mb24 { margin-bottom: 24px;}
 .mb36 { margin-bottom: 36px;}
 .mb48 { margin-bottom: 48px;}
 .mb50 { margin-bottom: 50px;}
 .mb75 { margin-bottom: 75px;}
 .mb100 { margin-bottom: 100px;}
 
 /* padding */
 .px36 { padding: 36px 0;}
 .px48 { padding: 48px 0;}
 .px50 { padding: 50px 0;}
 .px75 { padding: 75px 0;}
 .px100 { padding: 100px 0;}
 .px130 { padding: 130px 0;}
 .px150 { padding: 150px 0;}
 .px175 { padding: 175px 0;}
 
 .pt18 { padding-top: 18px;}
 .pt24 { padding-top: 24px;}
 .pt36 { padding-top: 36px;}
 .pt48 { padding-top: 48px;}
 .pt50 { padding-top: 50px;}
 .pt75 { padding-top: 75px;}
 .pt100 { padding-top: 100px;}
 .pt130 { padding-top: 130px;}
 .pt150 { padding-top: 150px;}
 .pt175 { padding-top: 175px;}
 
 .pb18 { padding-bottom: 18px;}
 .pb24 { padding-bottom: 24px;}
 .pb36 { padding-bottom: 36px;}
 .pb48 { padding-bottom: 48px;}
 .pb50 { padding-bottom: 50px;}
 .pb75 { padding-bottom: 75px;}
 .pb100 { padding-bottom: 100px;}
 .pb130 { padding-bottom: 130px;}
 .pb150 { padding-bottom: 150px;}
 .pb175 { padding-bottom: 175px;}
 
.container .mrgn {
width:90%;
margin-right:auto;
margin-left:auto;}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}