@charset "utf-8";
/* CSS Document */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    html {
    overflow: hidden;
    height: 100%; 
    }
    body{
    overflow: auto;
    height: 100%;
    }
}
@supports (-ms-ime-align:auto) {
    html {
    overflow: hidden;
    height: 100%; 
    }
    body{
    overflow: auto;
    height: 100%;
    }
}
html {
     
  scroll-behavior: auto;
}

body{
background: linear-gradient(155deg,  rgba(255,255,255,1) 0%, rgba(245,247,250,1) 100%);
color:#4a4a4a;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:1.47em;
-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
/*transition:all 0.3s ease;*/
font-display: swap;
}
::selection{
    background-color:#1b76b6;
    color:white;
}

.bannerAlert{
    padding: 20px 30px;
    top: -30px;
    position: relative;
    border-radius: 4px;
    font-size:1.1em;
    width: 98%;
    margin-left: 1%;
    margin-bottom:4px;
    box-shadow: 2px 3px 6px rgba(20,30,50,.12); 
   background-color: #fafafa;
   background: repeating-linear-gradient( -55deg, #ffffff, #dce8f6 3px, #ffffff 4px, #eaeaea 3px );
   /* border: 1px solid grey; */
}

.bannerAlert h3 {
    margin-top:4px;
    margin-bottom: 2px;
}
.close {
    color:darkred;
    opacity:.5;
    font-size:24px;
    
}
button.close {
    background-color: steelblue;
    border-radius: 50%;
    padding: 0px 6px;
    color: white;
}
button.close:hover{
    background-color: #a6a6a6;
    color:#ddf4ff;
}
.alert-info {
    color:#1b3951;
    background:none;
    background-color:rgba(144,190,240, 0.15);
}
.alert-success{
    background-color:#edffe6;
}

.alert-success, .alert-warning {
    background:none;
    color:#28476d;
}
.alert-warning{
    background: cornsilk;
    border-color: #faebcc;
    color: #333333;
}

.alert-danger{
    background: #f2e1e1;
    border: 1px solid red;
    color:#740101;
}
.alert-danger h3{
    color: darkred;
}
.alert-danger a {
    color:#0a37b4;
    font-size:1.1em;
}
.alert-danger p{
    color:#373434;
}

/* skip to content link    ------------------   */
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#2d4f7a;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px 10px;
    border-radius: 4px;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

.umb-grid .umb-control.-active {
    border-color: #dedede;
    z-index: 999;
}
.umb-rte {
    max-width:1240px!important;
}
 .umbraco-forms-form .umbraco-forms-field-wrapper input.text, .umbraco-forms-form .umbraco-forms-field-wrapper textarea {
        max-width: 580px !important;
    }
    .umbraco-forms-form input.text, .umbraco-forms-form input.title, .umbraco-forms-form textarea, .umbraco-forms-form select {
            padding: .2em .4em!important;
    }
.timeStamp{
    margin-top:20px;
    margin-bottom:12px;
    font-size: .86em;
    font-style: italic;
    }
.hilite-y {
    background-color:#fcfcac;
}

.hilite-aq {
    background-color:#98ffff;
}

.notice {
    font-size:20px;
    color:#3473a9;
    border-bottom:1px solid #dedede;
    display:block;
}

.monthContainer {
    padding:2px;
}
.monthContainer h2 {
    font-size:1.6em;
    color:#28476d;
}

.rrcBrand{
    position:absolute;
    left:5em;
    top:8px;
}

.searchForm {
    max-width:600px;
    margin:auto;
    margin-top:10px;
}

.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl {
    color: #888a8c!important;
}


input {
    border: 1px solid #999;
    border-radius: 3px;
    font-weight:400;
}
input:focus {
    border:1px solid #25609e;
}
input[type=checkbox], input[type=radio]{
    cursor:pointer;
}
.smallFilter {
    width:200px;
    padding: 6px 12px;
    font-size: 14px;
        background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.smallFilter:focus {
    outline: medium;
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
a, a h3, a h4, a h2{
    color:#3567a8;
    text-shadow: 1px 1px 1px rgba(9,99,125, .1);
    overflow-wrap: break-word;
  word-wrap: break-word;
}
a:hover, a h3:hover, a .card-subtitle:hover, a h4:hover{
    background-color: #c9def640;
    background-color:rgba(120,167,223, 0.15);
    border-radius:4px;
    text-decoration: none;
    text-shadow:none;
    /*-webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;*/
}

a .card-subtitle, .event-title a {
    color:#215684;
}

a.anchor{
    display: block;
    position: relative;
    top: -150px;
   /* visibility: hidden;*/
}

a strong {
    color:#386092;
}

.navbar {
    max-width:1200px;
    width:88%;
    margin-left:-2%;
}

#navbar {
    text-align:center;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color:white;
    border-radius:6px 6px 0 0;
    border-top:2px solid #eee;
    border-right:2px solid #eee;
    border-left:2px solid #eee;
}

.navbar-collapse.in {
    background-color:#ffffff;
    border-radius:4px;
    
}
.navbar-center {
    width:100%;
    display: flex;
}
.navbar-center>li {
    flex:1 1 auto;
}
.navbarText li a {
    font-weight:400;
    font-size:1.05em;
    color:#041c3b;
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    padding-bottom: 9px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #f1f4f6;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    border-radius: 3px 3px 0 0;
}
.navbar-brand {
    padding:8px;
    height:115px;
}

.topMenu {
    background-color:white;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
    z-index:888;
    height:114px;
    width:100%;
    position: fixed; 
}

.topMenu .navbar-form {
    margin-right:12px;
}

.bigRow {
    height:340px;
    margin:0;
    -webkit-box-shadow: inset 0px 6px 14px 1px rgba(41,41,41,0.25);
    -moz-box-shadow: inset 0px 6px 14px 1px rgba(41,41,41,0.25);
    box-shadow: inset 0px 6px 14px 1px rgba(41,41,41,0.25);
}

.btnRow {
    margin: 24px 0px;
    display: flex;
    justify-content: center;
}


/*.row.btnRow.text-center > div {
    display: inline-block;
    float: none;
}*/

.btnRow .col-md-2,
.btnRow .col-md-3, 
.btnRow .col, .btnRow .col .shortCard {
    padding:0px;
    border-radius:0;
}

.btn-title {
    text-transform: uppercase;
    font-size: 1.35rem;
    font-weight: 600;
    margin-top:6px;
    margin-bottom:4px;
}

hr {
    border: 0;
    height: 1px;
    margin:30px;
    background-image: linear-gradient(to right, rgba(180, 180, 180, 0), rgba(180, 180, 180, 0.65), rgba(180, 180, 180, 0));
}

p {
  /* line-height:1.6;*/
   padding:4px;
   padding-left:0;
 /* font-size:16px;*/
}
article p{
   line-height:1.6;
   padding:4px;
   padding-left:0;
    font-size:16px;
}


td p {
    font-size:1em;
}

a > p {
    color:#4a4a4a;
}

td p {
    margin-top:2px!important;
}

p img.logoTopCenter {
    width:80%;
   max-width:400px;
    margin:auto;
    content-visibility: auto;
}

p.mediaLink {
    width:100%;
    text-align:center;
}
iframe {
    border:none;
    /*box-shadow: 2px 1px 6px rgba(25,25,25,.15);
    border: 4px solid white;
    margin:18px 18px 12px 0;*/
    content-visibility: auto;
}
 p.mediaLink iframe {
    min-height:350px;
    width:70%;
    margin:auto;
    text-align: center;
    content-visibility: auto;
}
/* experimental responsive iframe sizing  */
.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
     border-radius: 8px;
    box-shadow: 1px 1px 8px rgba(40,75,90,.25);
}
.responsive-iframe iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.bigPicture{
    width:90%;
 width: 80vw; 
 height:780px;
 height: 88vh;   
 content-visibility: auto;
}
.bigPicture_sideBar {
    width:90%;
 width: 55vw; 
 height:600px;
 height: 65vh;
}

blockquote {
    width: 90%;
    margin: 12px auto;
    font-size: 1.1em;
}

pre {
    font-size:1em;
    line-height:1.4;
    background-color:#fbfbfb;
}
pre a, pre strong {
    font-size:1.1em;
}
/* footer  */
.footer {
    margin:0;
    padding:24px 60px;
    font-size:.88em;
}

.footerTweet {
    width:300px;
    height:220px;
}

.Tweet-text, .Tweet-text a {
    box-shadow:none;
}

/* #tweet-container {
    background-color:#fafafa;
    border-radius:4px;
    margin:4px 12px;  
} */

.footerSeal {
    width:100%;
    height:100%;
}

.copyright, .copyright a {
    font-size:.96em;
    color:rgba(110, 174, 216, 0.85)!important;
    }
article.mainContent, article.mainContent ol, article.mainContent ul {
    max-width:96%;
    font-size: initial;
    line-height: 1.75;
   
}

/* article.mainContent ul li{
    margin-bottom:.5em;
}*/

article.mainContent p:first-of-type {
  margin-top:22px;
} 

/* article.mainContent p {
    font-size:1.1em;
    line-height:1.5;
    padding:4px;
} */

.mobileDivNav {
        display:none;
    }
.side-nav{
    flex-direction: column;
}

/* sideBar styles  -------   */
.sideBar {
    background: #fefefe; 
   /* border:1px solid #dedede; */
    border-radius:4px;
    padding:0 16px 18px;
    width:100%;
    min-width:280px;
    margin-top:30px;
   margin-left:4px; 
    box-shadow: 1px 1px 5px rgba(40,75,90,.15);
    animation-duration: .2s;
}
.sideBar .header, p.header strong {
    font-size: .86em;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #f8f8f8;
    color: #494949;
    padding: 16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -6px;
    border-radius: 3px 3px 0px 0px;
   /* box-shadow: 1px 3px 4px rgba(0,0,0,.07); */

}
span.header {
    display: inline-block;
}
.sideBar ul, .sideBar ul.boxList {
    list-style: none;
    padding-top:2px;
     padding-left:4px;
     margin-bottom:0;
    margin-top: 4px;
}

.sideBar ul.boxList li a, .sideBar ul li a{
    /* font-size:.96em; */
    color:#134d96;
}

.sideBar p {
    line-height: 1.5;
    padding: 6px 0px 0px 0px; 
    font-size: .99em;
}
.sideBar p strong {
    display:inline-block;
   
}

.sideBar p.small em {
    display:block;
    margin-top:-8px;
}
.sideBar ul li h4, .sideBar ul li h3 {
    text-transform: capitalize;
}

.sideBar ul li h3:first-of-type , .sideBar ul li h4:first-of-type  {
    margin-top:4px;
}

li {
    margin-bottom: 4px;
}

.carousel-inner.glyphicon{
    color:white;
}

.breadcrumb {
        background-color: #f8f8f8;
}

.libraryList, .mediaList, .embedList {
    list-style: none;
    margin-left:-3.5em;
}
.libraryList.grid, .mediaList.grid, .embedList.grid {
    text-align:center;
}
.libraryList li, .mediaList li {
    border-bottom:1px solid #dedede;
    padding-left:12px;
    padding-bottom:12px;
    content-visibility: auto;
    display:list-item;
   /* -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out;*/
}

.embedList li {
     border-bottom:1px solid #dedede;
    padding-bottom:12px;
    display:list-item;
    /* -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out;*/
}

.libraryList li a h3, .mediaList li a h3,.embedList.grid li a h3{
    font-size:1.34em!important;
    margin-top:8px;
    margin-bottom:2px;
    color:#215684;
}
.libraryList li a span {
    color:#215684;
}

.libraryList span.subHead, .card-group span.subHead {
    display:block;
    font-size:1.15em;
    line-height: 1.2;
}

.libraryList li img  {
    display:none;
    padding-top:8px;
    height: 36px;
    width:30px;
}

.mediaList li img,.embedList.grid li img {
       width:100%;
       height:auto;
       max-width:210px;
       content-visibility: auto;
       transition: all .5s ease!important; 
}
.mediaList li img:hover,.embedList.grid li img:hover {
    transform: scale(1.1);
}

p.listTitle {
    margin-top: 10px;
    font-size: 1.16em;
    font-weight: 500;
}

.listTitle a {
    color: #556699;
}

.fList.grid li {
    display: inline-block;
    text-align: left;
    vertical-align: text-top;
    width: 240px;
    min-height: 280px;
    margin: 10px;
}
.fList.grid li ul {
     text-align: left; 
    /* display: inline; */
    padding-left: 4px;
}
.fList.grid li ul li {
   display:-ms-inline-grid;
    text-align: left;
    margin: 0;
    padding:4px;
    min-height:unset;
}
.fList.grid li ul li a {
    display: block;
}

.libraryList.grid li{
    background-color:white;
    display:inline-block;
    text-align:center;
    vertical-align: text-top;
    width: 240px;
    height:280px;
    margin:10px;
    border:1px solid #dedede;
    border-radius:3px;
    box-shadow: 0px 1px 6px rgba(2, 21, 41, 0.1); 
    padding:8px;
    content-visibility: auto;
    /*-webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out;*/
}

.mediaList.grid li {
     background-color:white;
     position:relative;
    display:inline-block;
    text-align:center;
    vertical-align: text-top;
    width:260px;
    height: auto;
    min-height: 294px;
    margin:10px;
    border:1px solid #dedede;
    border-radius:3px;
    box-shadow: 0px 1px 6px rgba(2, 21, 41, 0.1); 
    padding:8px;
    content-visibility: auto;
   /* -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out;*/
}
.mediaList.grid li a,.mediaList.grid li p a {
        font-size: .95em;
        line-height:1.35;
}
.mediaList.grid li span p {
    font-size: .95em;
        line-height:1.35;
    color: #545c64; 
}
.embedList.grid li {
    display:inline-block;
    text-align:center;
    vertical-align: text-top;
    max-width: 410px;
    height: auto;
    min-height: 320px;
    content-visibility: auto;
}

.mediaList.grid li a span {
    display:block;
    max-width: 340px;
    font-size:.9em;
}

.libraryList.grid li img {
    display:block;
    height: 70px;
    width: 65px;
    margin:auto;
    content-visibility: auto;
    transition: all .5s ease!important;
}
.libraryList.grid li img:hover {
transform: scale(1.15);
}

.libraryList.grid li p, .libraryList.grid li span {
    font-size:.9em;
    display: block;
    line-height: 1.35em;
    color: #545c64;
}
    .listInput {
    padding:2px 8px;
    margin:8px;
    border-radius:4px;
    }
    
 ins {
      text-decoration:none;
  }
  
  
  
 /*  box lists -----------  */
 .boxList {
     list-style: none;
     font-size:1.01em;
     padding-left:0px;
     margin-bottom:0;
 }
 ins ul.boxList {
         padding-top: 0;
 }
 
 .boxList li, .sideBar ul li {
     padding:3px 0;
    border-bottom: 1px solid rgba(190,190,190, .25);
    line-height:1.85em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
 }
 
 .boxList.columns li.list-group-item {
    padding: 10px;
}
 
 .mdRedBG .boxList li, .mdRedBG ul li {
     border:0px;
     line-height: 1.5em;
     margin-bottom: 1px;
 }
 
  ul.boxList  .active, .selected {
    background-color: aliceblue;
    border: 1px solid #b9c6f1;
    padding: 4px;
    transition:all .2s ease-out;
 }
 
 ul.fList ul li, .fList li ul li {
     border:none;
     margin:0;
     padding:2px;
 }
 
 .fList li {
     padding: 6px 10px;
     border:1px solid rgba(180,180,180, .35);
     border-radius:3px;
     margin:10px 4px;
 }
 
 .fList li p a strong {
     color:#244269;
 }

 .boxList a {
     line-height:1.25em;
     display:inline-block;
 }
 /* for legacy lists */
 
 .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
   
}
    
  /* for Proposed Lists */  
  .ProposedChapterList{
            list-style: none;
            width:80%
        }
        .ProposedChapterList h3{
           Font-weight:600
        }
        ul li.ProposedSectionNumber{
            font-size:20px;
            font-style: italic;
            margin-top:10px;
            padding: 16px;
            border-bottom: 1px solid #dadada;
        }
        .ProposedSubList li{
            font-style:normal;
        }
        .ProposedSubList li:nth-child(odd){
            margin-left:-10px;
            font-weight:600;
            margin-top:10px;
            font-size:.8em;
        }
        .ProposedSubList li:nth-child(odd)::after{
            content: " :";
        }
        .ProposedSubList li:nth-child(even){
            margin-left:50px;
            font-size:.8em;
            font-weight:400;
        }
       
        .ProposedSectionList {
            margin-top:10px;
            padding-left: 4px;
        }
        .ProposedSectionList li{
            list-style: none;
            font-weight: 500;
        }
dt:hover,
dt:hover + dd{
    background:#ededed;
}

dl.dl-horizontal{
    margin-top: 0;
    margin-bottom: 20px;
    padding: 10px 8%;
}
.dl-horizontal dt {
    overflow: inherit;
    width: 40%;
    padding-right:4px;
    padding-bottom: 4px;
    padding-top: 4px;
   
}

.dl-horizontal dd {
    margin-left: 40%;
    padding: 4px 12px;
    /* right: 2px; */
    border-bottom: 1px dotted #ccc;
}
.bumpLeft {
    padding-left:18px!important;
}

/* table styles    ------------------   */

table.fixedHeader-floating {
    position: fixed !important;
    background-color: white;
    margin-top: 110px!important;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
}

.dataTable thead {
    background-color: #eaf3f9;
    color: #333333;
}
thead tr {
        border-bottom: 1px solid #c9c9c9;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 2px solid #337ab7!important;
}

table.dataTable.no-footer,table.dataTable thead th, table.dataTable thead td  {
    border-bottom: 2px solid #337ab7!important;
}

table thead {
    background-color: #f7f9fc;
    color: #333333;
}

tbody tr.greyBG {
    background-color:#eaeaea;
}

.table-bordered {
    border: 1px solid #ddd;
width:100%;
}


/* responsive Table needs data label and class=resTab to use ---------------  */

table.resTab {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.resTab caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
  color: #333;
}

table.resTab tr {
  border: 1px solid #ddd;
  padding: .35em;
}

table.resTab th,
table.resTab td {
  padding: .625em;
  
}

table.resTab th {
  font-size: .96em;
  text-transform: capitalize;
}

@media screen and (max-width: 768px) {
  table.resTab {
    border: 0;
  }

  table.resTab caption {
    font-size: 1.5em;
  }
  
  table.resTab thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.resTab tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .925em;
    border-radius: 4px;
    box-shadow: 0px 1px 6px rgba(2, 21, 41, 0.1);
  }
  table.resTab th {
  font-size: 1.16em;
}
  
  table.resTab td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right;
  }
  .resTab .boxList {
    margin-left: 8%;
    margin-top: 8%;
}
  table.resTab td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table.resTab
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: capitalize;
  }
  
  table.resTab td:last-child {
    border-bottom: 0;
  }
}


/* calendar ols ----------------------          */
ol.cal {
    padding: 2px 4px;
    
}

ol.cal li.event-box {
    padding: 0px 0px 12px 80px;
    display: block;
    position: relative;
    border-bottom: 2px solid rgb(204 214 228 / 27%);
}


.card-body ol.cal li.event-box {
    border-bottom:none;
}


ol.cal li.event-box .startday  {
    position: absolute;
    left: 15px;
    top: 14px;
    padding: 0px;
    text-align: center;
    z-index: 10;
    color: #58658f;
    width: 24px;
    font-weight:bold;
}

li.event-box .startday strong {
    color: #8d99ad;
}

ol.cal li.event-box .startday.singlePanel {
    top:32px;
}

ol.cal li.event-box .location {
    margin: 0px;
    margin-bottom: 0.4em;
    font-style: italic;
    font-size: 1.1em;
    font-weight:500;
    color: #767676;
    line-height: 1;
}

ol.cal li.event-box .startday:after {
    content: "\f133";
    font-family: 'FontAwesome';
    font-size: 2.3em;
    position: absolute;
    color: #ccd6e4;
    left: -3px;
    top: -18px;
}

.event-box .event-smdate {
    position: absolute;
    left: 0px;
    text-align:center;
    width: 55px;
    font-size: .9em;
}
.event-smdate a {
    word-wrap: inherit;
}
div.event-title {
    margin-bottom:2px;
}
.event-title h4 {
    font-size:1.4em;
    margin-bottom:2px;
}
.event-title h5 {
    font-size:1.14em;
    Margin-top:2px;
}

.monthly {
    padding: 0px 15px;
}

.monthly h3{
    text-transform: capitalize;
    margin-bottom:0;
    margin-top:5px;
}

.monthly  span.year {
    font-size: 32px;
    display: block;
    color: #b6bfc9;
    margin-top:-6px;
}

.location {
    margin-bottom: 0.4em;
    font-style: italic;
    font-size: 1.1em;
    font-weight: 500;
    color: #848484;
    line-height: 1;
}

.well {
    width:80%;
    margin:12px 12% 12px auto;
    background-color:#eff7ff;
    padding: 1em 3em;
    border:0px;
    border-radius: 16px;
    
}
.well p {
    width:98%;
   max-width:98%!important;
}

/* tabs css-----------------                   */

.tabs {

  font-family: "arial", sans-serif;
}

[role="tablist"] {
  margin: 0 0 -0.1em;
  overflow: visible;
}

[role="tab"] {
  position: relative;
  margin: 0;
  padding: 0.3em 0.5em 0.4em;
  border: 1px solid hsl(218, 84%, 74%);
  border-radius: 0.2em 0.2em 0 0;
  box-shadow: 0 0 0.2em hsl(219, 1%, 72%);
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  background: hsl(220, 20%, 94%);
}

[role="tab"]:hover::before,
[role="tab"]:focus::before,
[role="tab"][aria-selected="true"]::before {
  position: absolute;
  bottom: 100%;
  right: -1px;
  left: -1px;
  border-radius: 0.2em 0.2em 0 0;
  border-top: 3px solid hsl(218, 84%, 74%);
  content: '';
}

[role="tab"][aria-selected="true"] {
  border-radius: 0;
  background: hsl(255, 100%, 100%);
  outline: 0;
}

[role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
  border-top: 5px solid hsl(218, 50%, 57%);
}

[role="tab"][aria-selected="true"]::after {
  position: absolute;
  z-index: 3;
  bottom: -1px;
  right: 0;
  left: 0;
  height: 0.3em;
  background: hsl(255, 100%, 100%);
  box-shadow: none;
  content: '';
}

[role="tab"]:hover,
[role="tab"]:focus,
[role="tab"]:active {
  outline: 0;
  border-radius: 0;
  color: inherit;
}

[role="tab"]:hover::before,
[role="tab"]:focus::before {
  border-color: hsl(218, 84%, 74%);
}

.tabs div[role="tabpanel"] {
  position: relative;
  z-index: 2;
  padding: 0.5em 0.5em 0.7em;
  border: 1px solid hsl(219, 73%, 77%);
  border-radius: 0 0.2em 0.2em 0.2em;
  box-shadow: 0 0 0.2em hsl(219, 37%, 81%);
  background: hsl(255, 100%, 100%);
}

.tabs div[role="tabpanel"]:focus {
  border-color: hsl(219, 73%, 77%);
  box-shadow: 0 0 0.2em hsl(219, 73%, 77%);
  outline: 0;
}

.tabs div[role="tabpanel"]:focus::after {
  position: absolute;
  bottom: 0;
  right: -1px;
  left: -1px;
  border-bottom: 3px solid hsl(20, 96%, 48%);
  border-radius: 0 0 0.2em 0.2em;
  content: '';
}

.tabs div[role="tabpanel"] p {
  margin: 0;
}

.tabs div[role="tabpanel"] * + p {
  margin-top: 1em;
}

/* end of ols and tabs -----------------       */

h1 {
    font-size:2.71em;
    font-weight:normal;
}
h2 {
    font-size:1.72em;
    font-weight:normal;
}

h5 {
    font-size:1.1em;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height:1.2;
    font-weight:normal;
    color:#333;
}


div.container-fluid > p {
    max-width:84%;
    line-height:1.72;
}

strong {
    color:#333;
}
.subTitle {
        font-size: 1.78em;
        font-weight:normal;
    }   

.card.leaderBox {
    color:#ffffff;
    background: rgb(216, 71, 88)!important;
    background: linear-gradient(155deg, rgba(224,107,121,1) 0%, rgba(193,56,59,1) 100%)!important;
    min-height:300px!important;
   
}
.leader{
    height:80px;
    padding:6px 10px;
    margin: 6px 0;
}
.leader:not(:last-child) {
    border-bottom:1px solid rgba(250,250,250,0.4);
   
}
.leader img {
    float:left;
    height:65px;
    width:65px;
   margin:0px 12px;
   transition: all .5s ease!important;
}
.leader img:hover {
    transform:scale(1.15);
}

.leader h3, .leader h2 {
    margin-bottom:0px;
    text-shadow: 1px 1px 4px rgba(40,10,10,0.4);
    margin-top:10px;
    font-size:1.23em!important;
    color:white;
    text-transform: capitalize;
}

.leader a {
    color:white!important;
}

.leader a span{
    font-size:.85em;
}
/* subFooter  -------------------  */

.smallLeader {
    margin-top: 18px;
    height: 50px;
    font-size: smaller;
    border-bottom: 1px solid #ededed;
}
.smallLeader img {
    float:left;
    height:45px;
    width:45px;
   margin: 0px 12px 2px 0;
   content-visibility: auto;
   transition: all .5s ease!important;
}
.smallLeader img:hover {
    transform:scale(1.085);
}
.smallLeader .h4 {
    font-size:16px;
    text-transform: capitalize;
}

.smallFace {
    height:50px;
}

.picImage {
    box-shadow: 2px 1px 6px rgba(25,25,25,.15);
    border: 4px solid white;
    margin:18px 18px 12px 0;
}
span.picImage {
    display:inline-block;
}

.w50{
    width:50%;
    display: inline-block;
}

.w75{
    width:75%;
    display: inline-block;
}

.w90 {
    width:90%;
    display: inline-block;
}

.picImage.w90 {
    width:90%;
    height:auto;
    margin-top:0;
}

.umb-grid {
    margin-top:30px;
}

.gridImage {
    margin:10px!important;
    max-width:90%;
}
.gridMediaHolder {
    text-align:center;
}
div.gridMediaHolder p:first-of-type, div.row.clearfix div div p:first-of-type {
    margin-top:0;
}
.caption{
    font-size:small;
    color:#8d8d8d;
    margin-top:2px!important;
}

.messageText {
    margin-bottom:1EM;
    font-size:1.35em;
}

/* card to replace panel for bootstrap 3 v 4 -------------------------------------- */

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, 
.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, 
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, 
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, 
.col-xl-auto.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, 
.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, 
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, 
.col-xl-9, .col-xl-auto.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, 
.col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, 
.col-xl-8, .col-xl-9, .col-xl-auto.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, 
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, 
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, 
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto.col, 
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, 
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, 
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, 
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, 
.col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, 
.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto.col, .col-1, .col-10, .col-11, 
.col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, 
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
.col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
  padding-right:10px;
  padding-left:16px;  
}

.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{  width: 100%; padding: 2px; animation-duration: .3s; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }
.card .card-body .lead{ text-align: center; }

.card-body a {
    color:#2c568b;;
    
}

.card-body .overflow a {
    color:#3c4751;
}

.card-body ol.fit {
    font-size: .99em;
    padding-left: 20px;
    margin-bottom:0;
}
.card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
     }
.card-group-item-heading {
    Font-size:1.5em;
}
.card-group-item-date {
   /* font-size:smaller; */
    display:inherit;
    margin-bottom:8px;
}
.card-group-item-text {
    font-size:inherit;
}


/* faq styles -------------------------------- */

.panel-default>.panel-heading.collapsed {
    background-color:#fefefe;
    color:#306491;
    border-left: 1px solid #dedede;
}

.panel-default>.panel-heading.accordion-toggle.collapsed:after {
    font-family: 'Glyphicons Halflings';
     content:"\e259";
    float: right;        
    color: #337ab7;       
    margin-top:-18px;
}
.panel-default>.panel-heading {
    background-color: #3372bb;
    color: white;
}
.panel-default>.panel-heading.accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
     content:"\e260"; 
      float: right;
      margin-top:-16px;
}

.collapsible .collapsed .active {
    -webkit-transform: rotate(180deg);    
    -moz-transform: rotate(180deg);        
    -o-transform: rotate(180deg);          
    -ms-transform: rotate(180deg);         
    transform: rotate(180deg);
    position: absolute;
}

.collapsible .active {
    -webkit-transform: rotate(0deg);     
    -moz-transform: rotate(0deg);        
    -o-transform: rotate(0deg);          
    -ms-transform: rotate(0deg);   
    transform: rotate(0deg);
    position: absolute;
}

.panel-group .panel {
 margin-left:2px;
}

.panel-body {
    background-color:white;
    transition: .3s all ease;
}

.panel-title {
    font-size:1em;
    margin: 0;
    line-height: 1.2;
}
.panel-title .cleanBtn {
    text-align:left;
}

.input340 {
    max-width:340px;
}

/* Custom cards        --------------  --------- */

.card{
    margin-bottom: 15px; 
    border-radius:4px; 
    box-shadow: 0 1px 6px rgba(0,10,20,.1); 
    min-height:320px;
    height:100%;
    padding:10px;
    padding-left: 14px;
    background:none;
}

.card-title {
    font-size:.9em;
    font-weight:600;
    text-transform:uppercase;
    color:#848484;
    margin-top: 4px!important;
}

.card-subtitle, .event-title h4.card-subtitle {
    font-size:1.18em;
    font-weight:500;
}
.card-group h5.subTitle {
    font-size: 1.15em;
    margin-top:2px;
}

h4.card-subtitle, h3.card-subtitle {
    margin-bottom:2px;
}
.card-text {
    font-size:1.16em;
    
    
}
.darkBlueBG .card-text {
    opacity:.75;
   /* padding-left:10%;*/
}

.bigText{
font-size:xx-large;
font-weight: 700;
    border: 1px solid #dedede;
    padding: 0 6px;
    border-top: 4px solid #cdcdcd;
    margin: 6px 2px 4px;
    display: inline-block;
    border-radius: 0 0 6px 6px;
    box-shadow: 1px 2px 4px rgba(0,0,0,.25);
}

  .smallDate {
        font-size:smaller!important;
        color:gray;
    }
    
    .overflow {
         position: relative;
          max-height: 4.86em;
          overflow: hidden;
          padding-right: 1rem; /* space for ellipsis */
          color:#4a4a4a;
    }
    
    .overflow::before {
      position: absolute;
      content: "";
    /*   inset-block-end: 0;
      inset-inline-end: 0; */
      bottom: 0;
      right: 12px;
      /* line-height: .9;*/
      font-size:1.5em;
    }
.overflow::after {
  content: "";
  position: absolute;
/*   inset-inline-end: 0; */
  right: 0;
  width: 100%;
  height: 1rem;
  background: white;
}
    
@supports (-webkit-line-clamp: 3) {
    
.overflow {
 
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color:#4a4a4a;
}

.card-group .overflow, .flatCard .card-body .overflow {
    
    display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.overflow::after {
    display:none;
}
}

.overflow p {
    line-height:1.55;
    padding:0;
    display:inline;
}
.overflow a {
    color:#4a4a4a;
}

@-moz-document url-prefix() {
    .card-group .overflow, .flatCard .card-body .overflow {
    max-height: 4.8em;
    }
    .overflow {
  max-height: 4.86em;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .card-group .overflow, .flatCard .card-body .overflow {
    max-height: 4.8em;
    }
    .overflow {
  max-height: 4.4em;
    }
}

.flatCard {
    box-shadow:none;
    border-radius:3px!important;
    background: none!important;
}
.flatCard .card-body {
    min-height:340px;
}

.flatCard-list {
    list-style: none;
    line-height:28px;
}

.flatCard-list a {
    font-size:1.2em;
}

.borderLine {
    border:1px solid #dedede!important;
}
.leftLine {
    border-left: 2px solid #e2e2e2;
}
.shortCard {
    margin: 4px;
    box-shadow: 0 2px 6px rgba(0,10,20,.1); 
    height:100px;
    padding:0px;
    border-radius:4px!important;
    text-align: center;
}
.shortCard h4 {
    text-transform: uppercase;
    font-size:1.4rem;
    font-weight:600;
    margin:4px;
}
.shortCard div span {
    display: inline-block;
    font-size:13px;
    line-height: 14px;
}

.shortCard  .card-body {
    padding:8px;
}
.lpSubHero {
    height:254px;
    margin-bottom: 15px;
    border-radius:4px;
    padding: 2px 8px;
}
.lpSubHero .boxList{
    padding-left:12px;
    padding-top:10px;
}

.lineRight {
    border-right:2px solid #ededed;
}
.mainHero {
    text-align:right;
    color:#ffffff;
    border-radius:6px;
}
#mainCarousel{
    height:300px;
}

#mainCarousel .carousel-inner>.item>img {
height:300px;
width:100%;
border-radius: 6px;
opacity:.5;
content-visibility: auto;
/*transition: all 9.8s ease-in-out; */
}

#mainCarousel .carousel-inner>.item.active>img {

animation: carouScale 10.8s ease-out;
animation-fill-mode: forwards;
/* transform: scale(1.24); */
}

.carousel-indicators {
    bottom:4px;
}
.carousel-caption {
    right:8%;
    left:8%;
    top:0px;
}

.carousel-caption p, .carousel-caption a p {
    font-size:1.54em;
    line-height:1.18em;
    max-width:100%;
    color: #c2ddfd;
}

.carousel-caption span {
      color: #c2ddfd;
      font-weight:500;
      padding-right:4px;
  }
  
.carousel-control, .carousel-control:hover {
    background: none;
    width:10%;
    font-size:18px;
}

.carousel-control.right, .carousel-control.left {
    border-radius:6px;
}

.lpHero {
    /*text-align:right;*/
    color:#ffffff;
    height:254px!important;
    border-radius:4px;
    margin-bottom: 15px;
    padding:12px 24px;
}
.mainHero h1,.mainHero h2, .lpHero h1 {
    font-size:3vw;
    z-index:99;
    font-weight:normal;
    margin-top: 8px;
    color:white;
    line-height: 1.04;
}

.lpHero.darkBlueBG img {
    margin-top: -32px;
    margin-left: -32px;
    height: 310px;
    opacity: .78;
    margin-right: 24px;
}
.iconRow {
    margin:24px auto;
    text-align:center;
    display:flex;
    justify-content: center;
    opacity:0.75;
    transition: all .5s ease!important;
}
.iconRow:hover > *{
    opacity:0.75!important;
    transition: all .5s ease!important;
}
.iconRow:hover > *:hover{
    opacity:1!important;
    transition: all .5s ease!important;
}
.iconRow img {
    width:100px;
    height:100px;
    transition: all .5s ease;
}
.iconRow img:hover{
    transform:scale(1.085);
}
.iconBtn {
    min-width:11.5%;
    text-align: center;
    display: flex;
    justify-content:center;
}
.iconBtn a {
    font-weight:normal;
    font-size: .75vw;
    text-transform: uppercase;
    white-space: nowrap;
}

i.fa {
    font-size: 1.25em;
    padding: 4px;
    color:#0f4072;
    margin: 6px 10px;
    width: 26px;
}
i.fa.fa-info-circle {
    color:#ea8202;
}

i.fa.fa-map-marker {
     color:#cd4c54;
}
.row.clearfix{
    margin-top:14px;
    padding-bottom:26px;
    margin-bottom:10px;
    border-bottom: 1px solid #efefef;
}

.xonlineBtn {
    background-color:rgb(219, 9, 9);
    border-radius:4px;
    color:white;
    padding:12px 8px;
    margin: -6px  8px;
   
}
.onlineBtn {
    width: 110px;
    height: 58px;
    font-size: .9em;
    box-sizing: content-box;
    padding-top: 10px;
    position: relative;
    font-weight: 500;
    background-color:rgb(219, 9, 9);
    background: linear-gradient(155deg, rgba(224,107,121,1) 0%, rgba(193,56,59,1) 100%);
    color: white;
    text-align: center;
    text-transform: uppercase; 
    margin:0 8px;
  }
  .onlineBtn:hover{
      width:114px;
      border-radius:0px;
  }
  
  a.onlineBtn:hover {
      color:antiquewhite;
  }
  .onlineBtn:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 13px solid #efe;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
  }

  .goBtn {
         /* background-color: rgba(10, 188, 91, 0.9); */
    background-color:#09549F;
    border-radius:4px;
    padding: 12px 8px;
    margin: 4px;
    color: #fefefe;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0,10,30,0.1);
    text-transform: uppercase;
    text-align: center;
    /* border-radius: 6px; 
    float: right; */
    background-image: linear-gradient(5deg, #82bfff08 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: 2px 200px;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
    box-shadow: inset 0 0 0 0 #2f5b8f;
    transition:all .3s ease-in-out;
  }
  .goBtn:hover{
    background-color:#1474d3;
    color:#ffffff;
    text-decoration: none;
     box-shadow: inset 0 0 0 2px #53a7ea;
         background-image: linear-gradient(35deg, #013569 90%, transparent 10%);
    background-size: 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
   
  }
  
  a.goBtn, button.goBtn {
      color:white!important;
  }
  
  .card-body > .goBtn {
    margin-bottom: 12px;
    position: absolute;
    right: 24px;
    bottom: 6%;
  }
  .cleanBtn {
    background: none;
    border: none;
    padding-left:4px;
    padding-right: 4px;
    transition: all .3s ease-in-out;
}
  
  .cleanBtnBorder {
   background:none;
    border: 1px solid #6a779b;
    border-radius: 4px;
    margin: 10px 2px;
    padding: 2px 10px;
    transition:all .3s ease-in-out
  }
  
  .bottomLink {
    position: absolute;
    bottom: 4px;
    left:0;
    margin: 2px;
    width: 100%;
    font-size: small;
  }
  
  .cleanBtn:hover, a .cleanBtn:hover{
    background-color: #4678b0;
    color: white;
    
  }
  
  .cleanBtn:focus {
    border: none;
    outline: none;
  }
  
 
 
 .footer.darkBlueBG .row.grid-divider .col-sm-2 .col-padding .boxList li {
      padding:10px 0;
 }
 

  
 .resultBox {
     border-bottom: 1px solid rgba(200,200,200, .3);
 }

.leftmenutrigger{
    display: none;
}

/* colors and backgrounds */
.whiteBG {
    background-color: white;
}
.white {
    color:white!important;
    fill:white;
}
.socialMediaIconW {
    margin-top: 12px;
    padding: 12px;
    max-width:60px;
    height: 60px;
    fill: #d0dae7;
    content-visibility: auto;
}
.lightGreyBG {
    background: rgb(235,235,235);
    background: linear-gradient(155deg,  rgba(254,254,254,1) 0%, rgba(235,235,235,1) 100%);
}
.darkFlatBlueBG {
    background-color:#264a75!important;
    color:white;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.58);
}
.darkFlatBlueBG a {
    color:white;
    text-shadow: 0px 1px 3px rgba(0,10,40,0.3);
}
.darkBlueBG {
    background: #28476d; /* Old browsers */
    background: -moz-linear-gradient(top, #305d93 0%, #28476d 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,#305d93 0%, #28476d 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #305d93 0%, #28476d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color:white;
    overflow: hidden;
}
.darkBlueBG h4,.darkBlueBG h3,.darkBlueBG h2 {
    color:white;
}
.darkBlueBG .boxlist {
    text-shadow: 2px 3px 6px rgba(0,10,30,0.22);
}

.darkBlueBG a {
  color:#d8eafe;
    text-shadow: 0px 1px 3px rgba(0,10,40,0.3);
}
.darkCircle {
    background: #28476d; /* Old browsers */
    background: -moz-linear-gradient(top, #3a6ead 0%, #28476d 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,#3a6ead 0%, #28476d 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a6ead 0%, #28476d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4381cb', endColorstr='#2a5e99',GradientType=0 ); /* IE6-9 */
    color:white;
    text-shadow: 2px 3px 6px rgba(0,10,30,0.22);
    border-radius:50%;
}
.medBlueBG {
   background-color:#09549F;
   color:white;
   text-shadow: 0px 1px 3px rgba(0,10,40,0.58);
   background-image: linear-gradient(5deg, #82bfff08 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: 2px 200px;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
.medBlueBG.border {
   box-shadow: inset 0 0 0 0 #2f5b8f; 
   transition:all 0.3s ease;
}
.medBlueBG.border:hover {
   box-shadow: inset 0 0 0 2px #53a7ea; 
}
.medBlueBG:hover {
    background-color:#09549f;
    background-image: linear-gradient(40deg, #013569 85%, transparent 15%);
    background-size: 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.medBlueBG.border a:hover, .medBlueBG.border a h3:hover {
    background-color: transparent;
}

.medBlueBG a, .medBlueBG H3, .medBlueBG H4 {
    color:white;
    text-shadow: 0px 1px 3px rgba(0,10,40,0.3);
}
.lightBlueBG {
    background-color:rgb(44, 99, 165);
    color:white;
    text-shadow: 0px 1px 3px rgba(0,10,40,0.3);
}
.lightBlueBG a {
    color:white;
    text-shadow: 0px 1px 3px rgba(0,10,40,0.3);
}
.mdRedBG {
    background-color:#c13e45;
    color:white!important;
}
.bannerAlert.RedBG, .RedBG {
    background-color:rgb(223,59,72);
    background:rgb(223, 59, 72);
    color:white!important;
}
.RedBG a  {
    color:#ffc0c0!important;
}
.RedBG h3 {
    color:white!important;
}

.red {
    color:darkred;
    margin-top: 6px;
    display: inline-block;
}
.RedBG .boxList li a, .mdRedBG .boxList li a, .mdRedBG a {
    color:white!important;
}
.mapBG {
    background-image: url("/media/wn0lxlqe/mapimage.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-origin: border-box;
    background-position: center center;
    content-visibility: auto;
}
.greyTxt{
    color: #a2abb6;
}
/* columns --------------------------------------------------------------------- */

.dropdown-menu.animate.columns {
    -moz-column-count: 2;
    /* Firefox */
    -webkit-column-count: 2;
    /* Safari and Chrome */
    column-count: 2;
   /* max-height: 298px; */
    padding: 16px 20px 12px 24px;
   /*  border:1px solid #dedede; */
    border-radius:4px;
        background-color: white;
    
}
.boxList.columns {
    -moz-column-count: 2;
    /* Firefox */
    -webkit-column-count: 2;
    /* Safari and Chrome */
    column-count: 2;
    column-gap: 40px;
    column-rule: 12px solid #e7ebf1;
}

.columns a, .dropdown-menu>li>a {
    color: rgb(53, 100, 170);
    font-weight: normal;
    font-size:1.18em;
    text-transform: capitalize;
}
.dropdown-menu>li>a {
    border-bottom: 1px solid rgba(190,190,190, .25);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background-color: #f1f4f6;
}

.dropdown-menu>li {
    margin:0px 12px;
}

.boxList.columns a {
    font-size:inherit;
}

 #wrapper{
        padding: 134px 4% 45px 6.5%; 
        position:relative;
        width:99.5%;
        outline: none;
        min-height:68vh;
        }
        
.navbar-nav>li>.dropdown-menu {
        -webkit-box-shadow: 0 10px 12px rgba(0,0,0,.175);
        box-shadow: 0 10px 12px rgba(0,0,0,.175);
        border-top: 0;
        
}


        
  /* sideNavigation ----------------------------------------- */
 .side-nav.open {
            left:0;
        }
    .side-nav{
            background: rgba(255,255,255, 0.94);
            box-shadow: 1px 4px 5px rgba(0,0,0,.15);
            position:fixed;
            top:104px;
            flex-direction: column!important;
            left:-252px;
            width:304px;
            overflow:hidden;
            bottom:0;
            overflow-x:hidden;
            padding-bottom:8px;
            padding-right:0px;
            padding-left:0px;
            /* text-align:right;*/
            border-radius:4px;
            height:466px;
            z-index:999;
            opacity:1;
            transition: all .3s ease-out;
        }
        .side-nav:hover {
        left: 0;
        width: 260px;
        }
     @media(hover: hover) and (pointer: fine) {
    .side-nav:hover {
            left:0;
           width:260px;
        }
     }
     

     #sideNav li.list-group-item {
            border:none;
        }

     #sideNav li.list-group-item a {
            line-height:14px;
            font-weight:500;
            font-size:.88em;
            display:inline;
            white-space: nowrap;
        }
    #sideNav img{
            height:36px;
            position: fixed;
            left:9px;
            transition: all .5s ease!important;
            /*float:right;
            margin-bottom:.2em;
            margin-right:.2em;
            margin-left:.8em;
            margin-top:-.3em;*/
        }
        #sideNav img:hover{
        transform: scale(1.085);
        }

    .sideNavlink {
            text-transform: uppercase;
            margin-top:1.16em;
            display:inline-block;
            width:96%;
            padding-left:48px;
        }
        
    .sideNavText {
        display:inline-block;
        padding:6px 8px;
        margin-left:-4px;
    }
    
    /* Announcement box  ------------------------------------------- */


        .exclaim {
            background-image: url(/media/1ctecmzn/exclaim.png);
            background-repeat: no-repeat;
            background-position:center left ;
            min-height:320px;
            }
            .exclaim H4, .exclaim H3 {
                font-size:1.18em;
            }
            
        .exclaim H4,.exclaim H3, .exclaim .smallDate {
            margin-left:84px;
            margin-top:8.12%!important;
        }
        .exclaim .subHead {
            
            font-size: .8em;
            display: inline-block;
        }
        
       

/* Media Queries ----------------------        
 ------   hack for larger than 768 ------------------------------------------- */

@media ( min-width: 768px ) {
    .card .card-left{ float: left; padding: 0 8px 0 0; }
    .card .card-right{ float: left; padding: 0 0 0 8px; }
        
    .card .card-4-8 .card-left{ width: 33.33333333%; }
    .card .card-4-8 .card-right{ width: 66.66666667%; }
    
    .card .card-5-7 .card-left{ width: 41.66666667%; }
    .card .card-5-7 .card-right{ width: 58.33333333%; }
    
    .card .card-6-6 .card-left{ width: 50%; }
    .card .card-6-6 .card-right{ width: 50%; }
    
    .card .card-7-5 .card-left{ width: 58.33333333%; }
    .card .card-7-5 .card-right{ width: 41.66666667%; }
    
    .card .card-8-4 .card-left{ width: 66.66666667%; }
    .card .card-8-4 .card-right{ width: 33.33333333%; }

   
    .grid-divider {
        position: relative;
        padding: 0;
        margin-bottom:24px;
    }
    .grid-divider>[class*='col-'] {
        position: static;
    }
    .grid-divider>[class*='col-']:nth-child(n+2):before {
        content: "";
        border-left: 1px solid rgba(110, 174, 216, 0.55);
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .col-padding {
        padding: 0 15px;
    }

    .footer img.footerSeal {
        margin-left:14%;
        content-visibility: auto;
    }
    
    .card-body img.seal {
        margin-top:36px;
        width:100%;
        content-visibility: auto;
    }
   
    h4.umbraco-forms-caption {
    font-size: 1.4em !important;
    line-height: 1.6em !important;
    }
    .umbraco-forms-form legend {
        color: #585858;
        margin-bottom: 10px;
    }
    label.umbraco-forms-label {
        color: #9c9c9c;
        text-transform: uppercase;
        font-size: .85em;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .form-horizontal .control-label {
        padding-top: 2px;
         color: #9c9c9c;
     }
     span.umbracoForms-Indicator, span.umbraco-forms-indicator{
        color: red;
        font-size: 1.52em;
    }
    .umbraco-forms-form textarea {
        height: 150px!important;
    }
    ::placeholder,:-ms-input-placeholder,::-webkit-input-placeholder {
      color:#676768;
      font-size: 1em;
    }
}

@media screen and (max-width:1199px){
 
 #wrapper {
    padding: 134px 18px 45px 6%;
 }
 .sideBar {
         min-width: 230px;
         margin-left: 0px;
         padding: 0 10px 10px;
 }
    /* sytem images  -------------------------  */
    
    .iconRow img {
     width: 90px;
     height: 90px;
    }

    .seal {
        width:150px;
        height:150px;
        margin-top:24px;
    }
    .exclaim {
        background-position: 0% 26%;
    }
    .rrcBrand {
        left:4.2rem;
        top:8px;
    }
    .rrcBrand img {
        width:135px;
        height:90px;
    }

    .footer img{
        max-width:70%;
    content-visibility: auto;
    }

/* Top Menu Navigation Text ---------------------------*/

.navbarText li a {
    font-size:.9em;   
}

/* Home page elements --------------------------------*/
.exclaim H4, .exclaim H3, .exclaim .smallDate {
    margin-left: 70px;
    margin-top: 7%!important;
    font-size:1.18em;
}

.messageText {
    font-size:1.1em;
    line-height:1.42;
}
.darkBlueBG .card-text {
    opacity: .75;
   /* padding-left: 10%;*/
}
.lpHero.darkBlueBG img {
    margin-top: -36px;
    margin-left: -38px;
    height: 310px;
    opacity: .78;
}

.leader h3 {
    font-size:18px;
    margin-top:8px;
}
.iconBtn a {
    font-size:.75vw;
}
ol.cal li.event-box {
    padding: 0px 0px 5px 60px;
}
.card-body{
 padding:.9rem;
 min-height:280px;
}

.flatCard .card-body, .card {
    min-height: 350px;
}
.col-md-2{
    padding:0px;
}
.shortCard{
    border-radius:0;
}
.copyright, .copyright a {
    padding:24px;
    font-size:.96em;
    color:rgba(110, 174, 216, 0.85);
    }
    .footerTweet {
        width:98%;
        height:98%;
    }
    .footerSeal {
        width:100%;
        height:100%;
    }   
}


@media screen and (max-width:1024px){
    .navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    }
    .dropdown-menu.animate.columns {
    -webkit-column-count: 1;
    column-count: 1;
    }
    .leader{
        height:74px;
        padding:6px;
        margin: 4px 0;
    }
    table.fixedHeader-floating {
    margin-top: 86px!important;
    }
    p {
        line-height:1.52;
    }
    .btn-title {
    font-size: 1.3rem;
    margin-top: 0px;
    }
    .overflow{
        max-height:4.4em;
    }
    #mainCarousel{
        height:250px;
    }

    #mainCarousel .carousel-inner>.item>img {
        height:250px;
        content-visibility: auto;
    }
    
    .btnRow {
        margin: 24px 0px;
        justify-content: center;
        display: flex;
    }
   
    
    .mainHero h1,.mainHero h2, .lpHero h1 {
        font-size: 2.9em!important;
    }
    .darkBlueBG .card-text {
        /*padding-left:12px;*/
        font-size:1.01em;
    }
    .lpHero.darkBlueBG img {
        height: 272px;
        opacity: .78;
        margin-top: -10px;
        margin-left:-78px;
    }
    .lpSubHero, .lpHero{
    min-height:272px;
    }
    .carousel-caption p {
        font-size: 1.2em;
        line-height: 1.1em;
        max-width: 100%;
    }
    .rrcBrand{
        left:1.5rem;
        top:4px;
    }
    .rrcBrand img {
        width:100px;
        height:80px;
    }
    .searchForm {
        margin-left:10%;
    }
    .bigRow {
    height: 280px;
    }
     .footer img {
        width:98%;
        height:98%; 
        content-visibility: auto;
    }
    .footer {
    margin: 0;
    padding: 24px 20px;
    }

     p.mediaLink iframe {
        min-height:280px;
        width:82%;
        margin:auto;
        text-align: center;
        content-visibility: auto;
    }
    img.footerSeal {
        margin-left:14%;
        content-visibility: auto;
    }
    
    .navbarText {
        font-size:0.82em;
    }

    .navbarText li a {
        font-size:.98em!important;   
        padding:2px 4px;
        line-height: 1.8;
    }
    .navbar-toggle{
        padding:0;
        margin-right:6px;
        margin-top:18px;
    }
    .navbar-toggle .icon-bar {
        border:2px solid #8c97a7;
        background-color:#8c97a7;
    }
    .navbar-brand {
        padding:8px;
        width:80px;
        
    }
    .navbar {
        width:98%;
    }
    .navbar-nav {
        padding-top:0px;
        font-size:.82em;
        margin:4px -4px 0;
    }
    ul.nav.navbar-nav {
    padding-top: 0px;
    }
    .side-nav {
        height:428px;
        top:80px;
    } 

    .sideNavText {
        margin-left:-2px;
    }
    .sideNavlink {
        margin-top:1.40em;
    }
    .sideNavlink:first-child {
        margin-top:.7em;
    }
    .navbar .container-fluid {
        padding-left:2px;
        padding-right:2px;
    }
    .topMenu .navbar-form {
        margin-right:0;
    }
    #wrapper {  
        padding:110px 30px 45px 72px!important;
        position: relative;
        width: 100%;
        }
     .ProposedSectionList {
        padding-left:4px;
    }
       
    .iconRow {
        display:none;
    }
    .libraryList.grid li{
        width:216px;
    }
    .card,.card.exclaim{
        min-height:390px;
    }
   
    .card-title {
        font-weight:500;
    }
     .event-title h4.card-subtitle
    .card-subtitle {
        font-size:1.18em;
    }
      .card-body{
     padding:.8rem;
     min-height:250px!important;
    }
    .card-title {
        font-size:.92em;
        color:#85878c;
    }
    
    .card.leaderBox {
        min-height:250px!important;
        max-height:250px;
        padding:0px!important;
    }
     .card-body > .goBtn {
        right: 8%;
        bottom: 6%;
    }
    .shortCard {
        height: 84px;
    }
      .shortCard h4 {
        font-size:.89em;
    }
    .leader img {
        margin:0px 10px;
        height:60px;
    }
    .messageText {
        line-height:26px!important;
        font-size:1.19em!important;
        margin-bottom: 3.65em;
        padding-left:10px;
    }
    .topMenu {
        padding:4px 10px;
        height:86px;
    }
    .mainHero {
        margin-bottom:12px;
    }
    .btnContainer {
        display:none;
    }
    .sideBar {
        position:inherit;
        
    }
    .mapBG {
        background-image: url(/media/wn0lxlqe/mapimage.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        content-visibility: auto;
    }
  ul.boxList {
      font-size:1.12em;
  }
    ol.cal {
    padding: 0px 0px 0px;
    margin-top: 6px;
    }
    ol.cal li {
    margin: 0px; 
    }
    ol.cal li.event-box {
    padding: 0px 0px 5px 64px;
    }
}
@media screen and (max-width:992px){
    
  
}

@media screen and (max-width:848px){
    .btnRow {
    display: inline;
    }
     
     .ProposedSectionList {
            padding-left:0px;
        }
        .btn-title,.shortCard h4  {
    font-size: 1.65rem;
    margin-top: 0px;
    }
    .shortCard div span {
        font-size: 14px;
        line-height: 14px;
    }
     .carousel-caption {
        right:8%;
        left:8%;
        text-align:center;
    }
     .mainHero h1,.mainHero h2, .lpHero h1 {
        font-size: 2.2em!important;
    }
    
}

@media screen and (max-width:767px){
    .dl-horizontal dd {
    margin-top: -22px;
    margin-left: 31%;
    padding-left: 6px;
    }
    dl.dl-horizontal {
    padding: 10px 1%;
    }
    .dl-horizontal dt {
    width: 30%;
    text-align: right;
    }
    .navbar{
        margin-left:0;
    }
    .navbar-collapse.in {
    overflow-y: auto;
    }
  
     .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-radius: 0; 
    border-top: 0; 
    border-right:0; 
    border-left: 2px solid #eee; 
    }
    .navbarText {
        display:initial;
        text-align: left;
        border-bottom:1px solid #dedede;
    }
     .side-nav{
        display:none;
    }
    .navbarText li a {
    font-size: 1.1em!important;
    padding: 2px 4px;
    line-height: 1.7;
    }
      .navbar-collapse {
        box-shadow: -10px 0px 20px 0px rgb(60 62 66 / 20%);
    }
      .bigRow {
    height: 200px;
    }
    
}

/* adjustments for when screen is smaller than 582 --------------------------------------------------------------------- */



@media screen and (max-width:582px){
    .topMenu{
        height: 68px;
    }
    
    #mainCarousel {
    height: 230px;
    }
    #mainCarousel .carousel-inner>.item>img {
    display:none;
    }
    #mainCarousel .carousel-inner {
    height: 230px;
    }
   .carousel-caption {
        top:4px;
        padding-top:10px;
        right:8%;
        left:8%;
        text-align:center;
    }
    .carousel-caption p, .carousel-caption a p {
    font-size: 1.1em;
    }
    .carousel-indicators{
        bottom:2px;
    }
   
    .lpHero.darkBlueBG img {
    height: 268px;
    opacity: .78;
    margin-top: -20px;
    margin-left: -152px;
    }
    .lpHero{
        padding: 10px 18px;
    }
     h1 {
        font-size:2.5em;
    }
    .subTitle {
        font-size:1.45em;
    }
    .carousel-caption p {
    font-size: 1em;
   }
    .lpSubHero {
        height:264px;
    }
    #wrapper {
        padding: 94px 14px 14px 14px!important;
    }
    article.mainContent {
        width:100%;
        max-width: 100%;
    }
    article.mainContent p {
    width: 100%;
    }
    table.fixedHeader-floating {
    margin-top: 64px!important;
    }
    .well{
        width: 100%;
        margin: 12px 8% 12px auto;
        padding: 1em 1.5em;
    }
    blockquote {
    width: 98%;
    margin: 12px auto;
    font-size:1em;
    }
     .ProposedSectionList {
            padding-left:0px;
        }
        ul li.ProposedSectionNumber {
        font-size: 18px;
        padding: 10px;
        }
        ul.ProposedSubList {
            padding-left: 10px;
        }
       .collapse.in .panel-body {
            padding: 10px;
        }
   
   .btnRow {
    display: inline;
    }
    .btn-title {
    font-size: 1.7rem;
    margin-top: 0px;
    }
  
    .mapBG {
    background-image: url(/media/sn4fk52c/mapimagesm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
    }
    .mobileDivNav {
    display:block;
    margin-left: 2px!important;
    margin-top: -8px!important;
    margin-bottom: 8px!important;
    }
    .navbar-form {
        margin-right:0;
        margin-left:0;
        padding:10px;
    }
    .navbar-brand {
        min-width:80px;
        width:100%;
        height:100%;
        margin-left:-16px;
        margin-top:6px;
        z-index:99;
    }
     .navbar-collapse.in {
        padding-bottom: 12px;
        overflow-y:auto;
        position: fixed;
        z-index: 99;
        top: 0;
        width: 97%;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-radius: 0; 
    border-top: 0; 
    border-right:0; 
    border-left: 2px solid #eee; 
    }
    
    .navbarText li a{
        font-size:1.15em!important;
            line-height: 1.7;
    }
    .dropdown-menu.animate.columns {
        -moz-column-count: 1;
       -webkit-column-count: 1;
        column-count: 1;
        padding: 0px;
    }
    
    .darkBlueBG .card-text {
        /*padding-left:10px;*/
        font-size:1em;
    }
    .leader h3, .leader h2 {
        margin-top:8px;
    }
     
    .leader span {
        display:flex;
    }
    .leader img {
        margin:2px 12px;
    }
    .leader a {
        color:white!important;
    }
    .exclaim H4,.exclaim H3, .exclaim .smallDate {
            font-size:1.20em;
            margin-left:65px;
            margin-top:8%!important;
        }
    
    .seal {
        width: 170px;
        height: 170px;
        float: none!important;
        margin: 0 29.75%;
    }
    .card-body > .goBtn {
        right: 20px;
        left:28px;
        bottom: 4px;
        font-size: 14px;
    }
 
    .sideNavlink {
        margin:0;
    }
    .footer img {
        width:70%;
        margin-left:15%;
        margin-right:15%; 
        content-visibility: auto;
    }
    .boxList li {
        text-align:left;
        margin-left:8px;
    }
      .libraryList.grid li{
        width:98%;
        height: 210px;
    }
    .fList.grid li {
    width: 340px;
    }
    .card .card-body {
        padding:2px;
    }
     .shortCard {
    margin: 10px 4px;
    }
    
    .shortCard h4 {
        font-size:1.1em;
    }
    .shortCard div span {
        display: inline-block;
        font-size: 15px;
        line-height: 14px;
    }
    .panel-title {
    font-size: 1em;
    }
    .panel-heading {
        padding: 10px 8px 10px 4px;
    }
    .w50{
    
    margin-left:20px;
    }
    
    .w75{
        margin-left:15px;
    }
    div.row.clearfix div div p:first-of-type {
    margin-top: 16px;
    }
}

@media screen and (max-width:414px){

    #wrapper {
    padding: 84px 10px 20px 10px!important;
    }
    .navbar-brand {
    min-width: 50px;
    }
    .searchForm {
    margin-left: 0;
    }
    .navbar-toggle {
    padding: 0;
    margin-right: 12px;
    margin-top: 14px;
    }
    ul.nav.navbar-nav {
    padding-top: 0px;
    }
    .navbar-nav {
    padding-top: 0px;
    margin: 0px -4px;
    }
    .topMenu {
    padding: 4px 10px;
    height: 64px;
    }
    .navbarText li a {
    font-size: 1.15em!important;
    }
    .dropdown-menu.animate.columns {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    }
    #mainCarousel {
    height: 230px;
    }
    #mainCarousel .carousel-inner>.item>img {
    display:none;
    }
    #mainCarousel .carousel-inner {
    height: 230px;
    }
    .mainHero h1, .mainHero h2, .lpHero h1 {
    font-size: 1.89em!important;
    margin-top: 12px;
    }
    .lpHero {
    text-align: center;
        height: 204px!important;
    }
    .carousel-caption p, .carousel-caption a p {
    font-size: 1.0em;
    }
    .exclaim {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center left;
    min-height: 320px;
    }
    .exclaim H4, .exclaim H3, .exclaim .smallDate {
    font-size: 1.24em;
    margin-left: 8px;
    margin-top: 8%!important;
    }
    .card.leaderBox {
    min-height: 260px!important;
    max-height: 260px;
    padding: 0px!important;
    }
    h2 {
    font-size: 1.5em!important;
    }
    .lpHero.darkBlueBG img {
    display:none;
    }
    .darkBlueBG .card-text {
    padding-left: 0px;
    font-size: 1em;
    }
    .lpHero{
        padding: 10px 18px;
    }
    .card {
    min-height: 340px;
        width: 99%;
    }
    .card .card-body{ 
        padding: 2px 12px; 
        text-align: left;
        }
    .card-title {
    font-size: .98em;
    }
      
    .seal {
        margin: 0 auto;
    display: block;
    }
      .picImage.m100 {
        width:100%;
    }
    .overflow {
    max-height: 4.75em;
    }
   .btn-title {
    font-size: 1.6rem;
    margin-top: 0px;
    }
    .shortCard div span {
        font-size: 14px;
        line-height: 14px;
    }
   
}
@media screen and (max-width:284px){
    .exclaim {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center left;
    min-height: 320px;
}
    .card, .card.exclaim {
    min-height: 320px;
}
.exclaim H4, .exclaim H3, .exclaim .smallDate {
    font-size: 1.1em;
    margin-left: 8px;
    margin-top: 8%!important;
}
.card-subtitle, .event-title h4.card-subtitle {
    font-size: 1.2em;
    font-weight: 500;
}
.card .card-body {
    padding: 2px 8px;
    text-align: left;
    min-height: 318px!important;
}
.card-body {
    min-height: 318px!important;
}
ol.cal li.event-box {
    padding: 0px 0px 5px 52px;
}
.mediaList.grid li {
   
    width: 240px;
}
}
/* override styles when printing */
@media print {
    #sideNav{display:none;}
    header {display:none;}
    .breadcrumb{ display:none;}
    .sideBar{ display:none;}
    .subFooter{ display:none;}
    #wrapper {padding: 14px 16px 14px 16px;}
    footer { display:none;}
    .collapse {
        display: block !important;
        height: auto !important;
    }
    .panel-title {
        font-size: 1.2em;
        font-weight:600;
        margin: 0;
        line-height: 1.3;
        }
}
/* -----------animations ------------------------------------------------------------ */

.hidden { 
    opacity:0!important;
    transition:all .2s ease-out;
}
.animate{
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    -ms-transition:all .2s ease-out;
    transition:all .2s ease-out;
}

.anim.slide-left {
    opacity: 0;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
  }

  .anim.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

.fast {
    animation-duration: .3s;
    animation-delay: 0s;
    -vendor-animation-duration: .3s;
    -vendor-animation-delay: 0s;
}
.slow {
    animation-duration: 1.5s;
    animation-delay: 1s;
    -vendor-animation-duration: 1.5s;
    -vendor-animation-delay: 1s;
}
.reallyslow {
    animation-duration: 6s;
    animation-delay: 3s;
    -vendor-animation-duration: 6s;
    -vendor-animation-delay: 3s;
}
.collapsing { 
    transition-duration: .02s ease;
    transition: height .02s ease;
} 

@keyframes carouScale {
  0%   {transform: scale(1.0);}
  100% {transform: scale(1.2);}
}

@keyframes slideDown {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(-1.5rem);
        opacity: 0;
        -webkit-transform: translateY(-1.5rem);
        -moz-transform: translateY(-1.5rem);
        -ms-transform: translateY(-1.5rem);
        -o-transform: translateY(-1.5rem);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(-1.5rem);
        -webkit-opacity: 0;
    }
}

.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

/*  slider -----------------*/

.slider_container {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.slider {
  position: relative;
  width: 400%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  animation: 30s cubic-bezier(1, 0.95, 0.565, 1) sliding infinite;
}

.slide {
  position: relative;
  min-width: 100%;
  height: 100%;
}

.slide img {
  width: 100%;
  height: 100%;
}

.slide .caption {
  position: absolute;
  left: 0;
  bottom: 12%;
  font-size: 1.5rem;
  font-weight: 600;
  color: white;
  text-transform: capitalize;
    background: rgb(45 47 80);
    background: rgb(52 75 120 / 53%);
  backdrop-filter: blur(10px);
  padding: 1rem 5rem;
  border-radius: 0 1rem 1rem 0;
}

@keyframes sliding {
  0% {
    transform: translateX(0%);
  }
  20% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(-100%);
  }
  45% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(-200%);
  }
  70% {
    transform: translateX(-200%);
  }
  75% {
    transform: translateX(-300%);
  }
  95% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(-400%);
  }
}


/* Umbraco RTE attempts to fix bug */
.mce-content-body.umb-rte {
    font-size:1.1em;
}


















.table-bordered td:hover {
    background-color:#ddddddb5;
}

/**umb_name:SubTitle-NOT FOR LINKS*/
h2 {
	font-size: 1.76em;
}

/**umb_name:Heading-NOT FOR LINKS*/
h3 {
	line-height: 1.2;
	font-size: 1.32em;
}

/**umb_name:subHeading -NOT FOR LINKS*/
p.subHeading {
	font-size: 1.3em;
	line-height: 1.2;
}

/**umb_name:sidebar header*/
p.header {
	font-size:.9em;
	font-weight:600;
	text-transform: uppercase;
	background-color: #f6f8f8;
	color: #494949;
	padding-bottom: 2px;
	margin-bottom: 0;
}

/**umb_name:Picture FOR IMAGES ONLY*/
.picImage {
	box-shadow: 2px 1px 6px rgba(25,25,25,.15);
	border: 4px solid white;
	margin: 18px 18px 12px 0;
}

/**umb_name:hilite-aq - HIGHLITES TEXT AQUA*/
span.hilite-aq {
	background-color: #98ffff;
}

/**umb_name:hilite-y- HILITES TEXT YELLOW*/
span.hilite-y {
	background-color: #fcfcac;
}

/**umb_name:Small Date*/
.smallDate {
	font-size:smaller!important;
	color:gray;
}