/* root */

:root {

  --font-sans-serif: "Onest", sans-serif;

  --color-blue: #0033a1;

  --color-gray-dark: #1d252c;
  --color-gray: #D6D1CA;
  --color-gray-light: #f3f2f2;

}

/* main */

html {
}

body {
  font-family:  var(--font-sans-serif);
  font-weight: 400;
  color: var(--color-gray-dark);
}

h1, h2, h3, h4, h5, h6 {
  font-family:  var(--font-sans-serif);
  font-weight: 600;
  color: var(--color-gray-dark);
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5 {
  font-family:  var(--font-sans-serif);
  font-weight: 400;
}

.uk-heading-2xlarge, .uk-heading-xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small {
  font-family:  var(--font-sans-serif);
  font-weight: 300;
  color: var(--color-gray-dark);
}

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  font-family:  var(--font-sans-serif);
}

.uk-button {
  font-weight: 400;
}

.uk-text-bold {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

/* colors */

.uk-text-primary {
  color: var(--color-blue) !important;
}

.uk-background-primary {
  background-color: var(--color-blue);
}

.uk-button-primary {
  background-color: var(--color-blue);
}

.uk-section-muted {
  background-color: var(--color-gray-light);
}

.uk-background-muted {
  background-color: var(--color-gray-light);
}

.uk-light {
  color: white !important;
}

.uk-light .uk-button-primary {
  color: var(--color-blue) !important;
}

.uk-light .uk-hr, 
.uk-light hr {
  border-color: white;
}

.uk-button-default {
  background-color: var(--color-gray-light);
}

/* a */

a {
  transition: opacity 0.03s ease;  
  opacity: 1;
}

a:hover {
  animation: blink 0.8s forwards;
}

@keyframes blink {
  0% { opacity: 1; }
  20% { opacity: .8; }
  100% { opacity: .9; }
}

/* custom */

.uk-h1, h1 {
  line-height: 1;
}

section .uk-input {
  border-radius: 50px;
  padding: 0 30px;
}

.uk-button {
  text-transform: inherit;
  border-radius: 50px;
  border: 0;
}

.uk-button-small {
  line-height: 1;
  padding: 8px 20px;
}

.uk-overlay-primary {
  background-color: rgba(30,35,45,.5);
}

/* navbar */

nav.uk-light .uk-input {
  border: 0;
  padding: 0 10px;
  background: transparent;
  color: white;
  border-bottom: 1px solid white;
  height: auto;
  line-height: 2;
}

nav.uk-light .uk-input:focus {
  color: white;
}

nav.uk-light button {
  border: 0;
  background: transparent;
  cursor: pointer;
}

nav.uk-light ul.uk-grid > li > a {
  border-style: solid;
  border-color: transparent;
  border-width: 3px 0 3px 0;
  padding: 0;
  transition: all 0.3s ease;
}

nav.uk-light ul.uk-grid > li:hover > a {
  color: white; 
  border-bottom-color: white;
  text-decoration: none;
}


/* dropdown */

.uk-dropdown {
    width: auto;
    min-width: 200px;
    -padding: 60px 25px 25px 25px ;
    background: var(--color-gray); 
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
    border-radius: 10px;
}

.uk-dropdown-nav > li > a {
    color: var(--color-gray-dark) !important; 
    padding: 2px 0;
}


/* breadcrumb */

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: ">";
  margin: 0 10px;
}



/* filter */

.uk-button-default[uk-filter-control] {
  background-color: var(--color-gray);
  border: 0;
}

.uk-button-default.uk-active[uk-filter-control] {
  background-color: var(--color-blue);
  color: white;
}

/* tabs */

[uk-switcher] .uk-button-default {
  background-color: var(--color-gray);
  border: 0;
}

[uk-switcher] .uk-active .uk-button-default {
  background-color: var(--color-blue);
  color: white;
}

/* links */

.nk-links .uk-button-default {
  background-color: var(--color-gray);
  border: 0;
}

.nk-links .uk-button-default:hover {
  background-color: var(--color-blue);
  color: white;
}

/* list */

.nk-list .uk-button-default {
  background-color: var(--color-gray-light);
  border: 0;
}

.uk-section-muted .nk-list .uk-button-default {
  background-color: white;
  border: 0;
}

.nk-list .uk-button-default:hover {
  background-color: var(--color-blue);
  color: white;
}

/* list */

.nk-services a {
  background-color: var(--color-gray-light);
  border: 0;
  min-height: 72px;
}

.nk-services a:hover {
  background-color: var(--color-blue);
  color: white !important;
}

/* corners */

[class*=nk-corner] {
  overflow: hidden;
}

.nk-corner-10 {
  border-radius: 10px;
}

.nk-corner-20 {
  border-radius: 20px;
}

.nk-corner-40 {
  border-radius: 40px;
}

.nk-corner-t-40 {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

.nk-corner-tl-40 {
  border-top-left-radius: 40px;
}

.nk-corner-bl-40 {
  border-bottom-left-radius: 40px;
}

.nk-corner-tr-40 {
  border-top-right-radius: 40px;
}

.nk-corner-60 {
  border-radius: 60px;
}

.nk-corner-t-60 {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}

.nk-corner-b-60 {
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

.nk-corner-tr-60 {
  border-top-right-radius: 60px;
}

/* limited-text */

.nk-limited-text-5 {
  display: -webkit-box;         
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 5;       
  overflow: hidden;            
  text-overflow: ellipsis;      
}

.nk-limited-text-8 {
  display: -webkit-box;         
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 8;       
  overflow: hidden;            
  text-overflow: ellipsis;      
}

/* title */

@media (max-width: 1200px) {

  .nk-title {
    padding: 20px; 
  }

}


/* text */

.nk-about {
}

.nk-about ul {
  list-style-type: none;
}

.nk-about ul li {
  margin: 10px 0 10px 150px;
  padding: 10px 30px;
  background-color: var(--color-gray-light);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
}

.nk-about ul li:after {
  content: "";
  position: absolute;
  width: calc(100vw);
  right: -100vw;
  top: 0;
  bottom: 0;
  background-color: var(--color-gray-light);
}

@media (max-width: 1200px) {

  .nk-about ul li {
    margin: 10px 0 10px 40px;
  }

}

/* actions */

.nk-actions em {
  line-height: 1;
  padding: 2px 8px;
  background-color: var(--color-gray-light);
  border-radius: 20px;
  font-style: normal; 
  color: #333;
  margin: 0 4px;
  text-wrap: nowrap;
}

/* footer */

footer.uk-light .uk-input {
  border: 0;
  padding: 0 10px;
  background: transparent;
  color: white;
  border-bottom: 1px solid white;
  height: auto;
  line-height: 2;
}

footer.uk-light .uk-input:focus {
  color: white;
}

footer.uk-light button {
  border: 0;
  background: transparent;
  cursor: pointer;
}


/* query */




/* edit */

#editpage {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 3000;
  padding: 5px 15px;
  background: red;
  color: white;
}