.uk-card-default .uk-card-title, h1, h2, h3 {
    hyphens: auto;
    -webkit-hyphens: auto;
}

.uk-button {
  
    vertical-align: middle;

    transition: .5s ease-in-out;
    transition-property: color, background-color, border-color;
}


.uk-button-primary {
    color: #24305e;border:1px solid #fff; background: #c8e2ed;outline:1px solid #fff;border-radius:3px;
    transition: .5s ease-in-out;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);

}

.uk-button-primary:hover {
    color: #fff;border:1px solid #fff; background: #559fbe;outline:1px solid #fff; border-radius:3px;
    box-shadow: 0 14px 25px rgba(0,0,0,.16);

}

/*
    color: #fff;
    border: 2px solid #fff;
    background: linear-gradient(199deg, #00608c, rgba(0, 113, 165, 0.84));
   /* outline: 1px solid #0071a5; 
border-radius: 3px; */
}

/*
color: #24305e;border:2px solid #fff; background: #c8e2ed;outline:1px solid #c8e2ed;border-radius:3px;}
*/

/*

.uk-button-primary:hover {
    background-color: #00608c;
    border: 2px solid #fff;
    background: linear-gradient(145deg, #0099a5, #0071a5);
    color:#fff; 
    border-radius: 3px; 

    box-shadow:  10px 10px 10px #f0f0f0,
        -10px -10px 10px #ffffff;
}
*/


.uk-button-primary:focus {
    outline: 3px dotted #0071a5;
}

.aspect-ratio-16-9 {
  display: flow-root;
  position: relative;
}

.aspect-ratio-16-9::before {
  content: '';
  float: left;
  padding-bottom: 56.25%;
}  
    .hcopy {border-radius: 4px; padding: 4px; background: rgba(255,255,255,0.9); color: #333;}    
    
.uk-navbar-container:not(.uk-navbar-transparent) {
    background:#ffff; 
}
    .uk-nav-primary.uk-nav ul { padding: 0;}
    .uk-nav-primary.uk-nav ul li a.link { box-sizing: border-box; padding-left: 1rem;}
    .uk-nav-primary.uk-nav ul li ul li a.link { box-sizing: border-box; padding-left: 1.5rem;}
    



    
    .uk-nav-primary.uk-nav li a.link { transition: all .3s ease-in-out; padding-left: 0.5rem; 
        border-left: 3px solid  transparent;!important   }
    
  
    
    .uk-nav-primary.uk-nav li a.link.uk-active { transition: all .3s ease-in-out; font-weight: bold; color: #fff; }
     .uk-nav-primary.uk-nav li a.link.uk-current { transition: all .3s ease-in-out; font-weight: bold; color: #fff;  }
    .uk-nav-primary.uk-nav ul li a.uk-current.link { border-left: 3px solid #fff;!important}
    .uk-nav-primary.uk-nav ul li a.uk-active.link { border-left: 3px solid #fff;!important}
    .uk-nav-primary.uk-nav li a.link:hover { border-left: 3px solid #fff;!important}
@media (min-width: 960px) {
   .uk-h1, .h1 , h1 {
        font-size: 2rem;
    }
    .uk-h2, h2 {
        font-size:1.8rem
     }
    
    .hage-tiles  .uk-h2, .hage-tiles  h2 {
        font-size:1.4rem
    }
}
    
 
    
    
    
      
    
    
    
    
    h1.custom_textbg { font-size: 2rem;}
h2.custom_textbg { font-size: 1.6rem;} 

@media (max-width: 960px) {     
    .uk-slideshow-items {
        min-height: 450px !important;
        font-size: 0.8rem;    
    }
    h1.custom_textbg { font-size: 1.5rem;}
    h2.custom_textbg { font-size: 1.2rem;} 
html { font-size: 16px;}
}



h1.custom_textbg, h2.custom_textbg  {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline;
    margin: 0;
    clear: both;     
    padding: .2rem .5rem;
    line-height: 1.8;

    -webkit-box-decoration-break: clone;
    text-transform: uppercase;
    color: #0071a5; 
    background-color: rgba(255, 255, 255, .75);

    box-decoration-break: clone;
}
    


}  
   @media (max-width: 1200px) {
       html { font-size: 16px;}
    }   
    
    
  @media (min-width: 1600px) {
       html { font-size: 18px;}
    }
    

    
    .text--teaser { font-size: 1.2rem; margin-bottom: 1rem;}    

    
    .uk-text-meta { color: #333;} 
    .clicky {-webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;}
   .uk-breadcrumb {
    font-size: .875rem;
    color:#333
}

    .visible-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    

.visible-hidden:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;
}
    
    
.uk-breadcrumb > * > * {
    font-size: .875rem;
    color:#333
}
    
    
    
    .uk-nav-default a  { width: 85%;}
    
li.level-0.uk-parent.uk-open:not(.level-1) > .clicky,
li.level-1.uk-parent.uk-open:not(.level-2) > .clicky, 
li.level-2.uk-parent.uk-open:not(.level-3) > .clicky,  
li.level-3.uk-parent.uk-open:not(.level-4) > .clicky
   

    { 
    transform: rotate(45deg);
color: #fff;
}
  ul li.uk-parent   .clicky,  ul li.uk-parent   .clicky1 {
   padding: 5px;
float: right;
/* border: 1px solid #fff; */
/* background: #777; */
cursor: pointer;
margin-top: 8px;       
 }
 
.level-0.uk-parent.uk-open a.link{
 color: #fff;
}      
    
/*        .level-0.uk-parent.uk-open .level-1 a.link{
  border-left: 3px solid rgba(255,255,255,0.1);
}
  
      .level-0.uk-parent.uk-open .level-1 a.link{
  border-left: 3px solid rgba(255,255,255,0.4);
}    

    
.level-0.uk-parent.uk-open .level-2 a.link{
  border-left: 3px solid rgba(000,000,000,0.2);
}    
.level-0.uk-parent.uk-open .level-3 a.link{
  border-left: 3px solid rgba(000,000,000,0.4);
  padding-left: 40px;  
}        
 */
    
    .level-0 {}
    .level-1 { padding-left: 1rem;}
    .level-3 {background: rgba(255,255,255,0.1); border-bottom: 1px solid #0071a5; margin-left: 1.5rem;}
    .level-4 {background: rgba(255,255,255,0.2); border-bottom: 1px solid #0071a5; margin-left: 1rem;}
    .level-0.uk-parent.uk-open .level-1 a.link:hover, 
    .level-0.uk-parent.uk-open .level-2 a.link:hover,
    .level-0.uk-parent.uk-open .level-3 a.link:hover{
  border-left: 3px solid rgba(255,255,255,1);
        
}  
  
     .level-0.uk-parent.uk-open  a.link.uk-current, 
       .level-0.uk-parent.uk-open .level-1 a.link.uk-current,
    .level-0.uk-parent.uk-open .level-2 a.link.uk-current,
    .level-0.uk-parent.uk-open .level-3 a.link.uk-current{
   
  border-left: 3px solid rgba(46, 255, 109, 1);  
}    



.offscreen {
    position: absolute;
    height: 1px;
    width: 1px;
    text-align: center; 
    overflow: hidden;
    clip-path: inset(1px 1px 1px 1px);
    clip-path: inset(1px, 1px, 1px, 1px);
}

.skip-to-content.offscreen:focus {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    padding: 0.625em 1.25em;
    background-color: #0071a5;
    color: #fff;
    overflow: visible;
    clip-path: none;
    text-decoration: none;
}