/*
 Theme Name:   S1990 Land
 Theme URI:    https://example.com/s1990-land/
 Author:       Your Name
 Author URI:   https://example.com/
 Description:  A minimal and customizable blank WordPress theme named S1990 Land.
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  s1990-land
 Tags:         minimal, clean, custom, blog
*/

@font-face {
    font-family: primary;
    src: url(assets/media/font/SVN-Gilroy\ Regular.otf);
    font-weight: 400;
}
@font-face {
    font-family: primary;
    src: url(assets/media/font/SVN-Gilroy\ Medium.otf);
    font-weight: 500;
}
@font-face {
    font-family: primary;
    src: url(assets/media/font/SVN-Gilroy\ Bold.otf);
    font-weight: 700;
}
@font-face {
    font-family: title-font;
    src: url(assets/media/font/title-font/VL-Begin.ttf);
    font-weight: 700;
}

:root {
    --primary  : #0E2154;
    --primary-accent : #03478F;
    --secondary : #E0CC77;
    --secondary-accent :rgb(235, 235, 170);
    --menu-background : #201F31;
    --primary-font : primary; 
    --title-font: title-font;
    --border-small : 6px;
    --border-default: 16px;
    --border-large: 24px;
    --border-color: rgba(0 0 0 / 10%);
    --menu-height: 60px;
}
html  {
    color: #444343;
    font-size: clamp(.98rem , 1.2vw , 1rem);
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{
    min-height: var(--menu-height);
}
p,span {
    font-size: clamp(.98rem , 1.2vw , 1rem);
}
figure , img {
    max-width: 100% !important;
}
em {
    color: currentColor !important;
}
iframe{
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
}
/* animation */
@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes nhiptim {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
            transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
            transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
            transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
            transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
            transform: translateY(-6px) rotate(-1.2deg);
  }
}
@keyframes laclu {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
            transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
            transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
            transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
            transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
            transform: translateY(-6px) rotate(-1.2deg);
  }
}

/* reset uikit */
.uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: var(--primary);
}
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-light .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a {
    color: rgb(255 255 255 / 80%);
}
.uk-navbar-nav>li>a{
    color: #2d2d2d;
}
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, .uk-light .uk-navbar-nav > li > a:active, .uk-offcanvas-bar .uk-navbar-nav > li > a:active, .uk-overlay-primary .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active {
    color: var(--secondary) !important;
}
.uk-navbar-dropdown-nav>li.uk-active>a {
    color: var(--secondary);
}
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, .uk-light .uk-navbar-nav > li.uk-active > a, .uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a {
    color: var(--secondary-accent);
}
.uk-card-primary.uk-card-body, .uk-card-primary>:not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary>:not([class*=uk-card-media]), .uk-light, .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
    color: #ffffffeb;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
}
.uk-card-primary.uk-card-body .uk-nav-default>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-card-secondary.uk-card-body .uk-nav-default>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-light .uk-nav-default>li>a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-overlay-primary .uk-nav-default>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{
    color: rgba(255 255 255 / 80%);
}
.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a, .uk-light .uk-nav-default>li.uk-active>a, .uk-offcanvas-bar .uk-nav-default>li.uk-active>a, .uk-overlay-primary .uk-nav-default>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a {
    color: var(--secondary-accent);
    font-weight: 500;
}
.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before, .uk-light .uk-grid-divider>:not(.uk-first-column)::before, .uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before, .uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{
    border-left-color: rgba(255, 255, 255, .5);
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
    border-color: var(--border-color);
}
*+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-3xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6{
    margin-top: 20px;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
    margin: 0 0 10px 0;
}
ul li:not(.uk-navbar li , .uk-navbar-nav li){
    margin-top: 16px;
    margin-bottom: 10px;
}
address, dl, fieldset, figure, ol, p, pre, ul  {
    margin: 0  ;
    margin: 16px 0;
    line-height: 1.4;
}
.uk-breadcrumb>*>*{
    color: #333
}
.uk-alert-danger{
    color: #c71616;
}
.uk-slidenav {
    padding: 6px 12px;
    color: rgb(22 34 64);
    background: #e0cc77;
}
.uk-dotnav>*>*{
    border: 1px solid var(--primary);
    width: 10px;
    height: 10px;
    border-radius: 2px;
}
.uk-dotnav>.uk-active>*{
    background-color: var(--secondary);
    border-color: var(--primary);
}
a:hover:not(.uk-navbar-nav a , .uk-light a) {
    color: var(--primary) !important;
    text-decoration: none;
}
.uk-light a:hover{
    color: var(--secondary-accent);
    text-decoration: none;
}
.uk-text-danger {
    color: #ce3c44 !important;
}
b, strong {
    font-weight: 600;
}
.uk-light b, .uk-light strong {
    color: #fff;
}
*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
    margin-top: 4px;
    margin-bottom: 4px;
}
.uk-link, a{
    color: #000;
}
.uk-legend{
    font-size: clamp(1.1rem , calc(1.1rem + 1vw), 1.2rem );
    font-weight: 500;
}
.uk-button {
    text-transform: none;
    font-weight: 500;
    font-size: 1rem;
}
/* navbar */
.uk-navbar-dropdown {
    
    border-radius: var(--border-small);
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    font-family: var(--primary-font);
    font-weight: 500;
    text-transform: unset;
    font-size: 16px;
}
.uk-navbar-dropdown-nav>li>a{
    color: rgba(0 0 0 / 80%);
}
.primary-font {
    font-family: var(--primary-font);
}
.title-font {
    font-family: var(--title-font);
}

body {
    font-family: var(--primary-font) !important;
    font-weight: 400;
    font-size: clamp(.89rem, 1vw , 1rem);
}
/* backgrounnd */
.bg-primary {
    background-color: var(--primary);
}
.bg-secondary{
    background-color: var(--secondary);
}
.overlay-primary {
    background: rgb(0 0 0 / 36%);
}
.overlay-secondary {
    background-image: linear-gradient( to top , var(--secondary-accent) , transparent 80%);
}
.overlay-theme {
    background-color: #0e2154bb;
}
/* text */
.text-primary {
    color:var(--primary) !important;
}
.text-secondary{
    color: var(--secondary) !important;
}
.text-gradient-secondary{
    background: -webkit-linear-gradient(var(--secondary), var(--secondary-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* button */
.uk-button {
    border-radius: var(--border-small);
}
.uk-button img{
    max-height: 24px;
}
.button-theme {
    background-color: var(--secondary);
    color: var(--primary) !important;
    border-radius: var(--border-small);
}
.button-theme i {
    color: var(--primary);
    
}
.button-theme span {
    color: var(--primary);
    margin-left: 6px;
}
.button-theme-secondary {
    border: 1px solid var(--primary);
    color: var(--primary) !important;
    border-radius: var(--border-small);
}
.button-theme-secondary i {
    color: var(--primary);
    
}
.button-theme-secondary span {
    color: var(--primary);
    margin-left: 6px;
}
.button-action  {
    border: 1px solid var(--primary);
    border-radius: var(--border-small);
    display: inline-flex;
    padding: 8px 24px;
    font-size: 12px;
    color: var(--primary);
    align-items: center;
}
.button-action * 
{
    font-size: 12px;
}
.button-action i {
    font-size: 24px;
    margin-right: 8px;
}
.button-action img {
    max-height: 32px;
    margin-right: 10px;
}
.button-cta  {
    position: relative;
    overflow: hidden;
    border-radius: 99px;
    color: #fff;
}
.button-cta.red:hover,.button-cta.primary:hover {
    color: #fff !important;
}
.button-cta.red{
    background-color: rgb(184, 11, 11);
}
.button-cta.primary{
    background-color: var(--primary);
}
.button-cta::before{
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    background-color: #fff;
    left: 0;
    top:0;
    border-radius: 99px;
    -webkit-animation: ping 2s infinite both;
	 animation: ping 2s infinite both;
}
.button-cta img{
    -webkit-animation: nhiptim 0.8s infinite both;
	 animation: nhiptim 0.8s infinite both;
     
}
/* icon */
.icon-theme {
    background-image: linear-gradient(135deg, var(--secondary), var(--secondary-accent));
    color: #0d0d0d;
}
.icon-theme i {
    color: var(--primary);
}
/* social */
.social{
    display: flex;
    align-items: center;
    gap: 12px;
}
/* section title */
.section-heading {
    display: flex;
    justify-content: space-between;
}
.section-title {
    font-size: clamp(1.3rem, 1.5vw , 1.55rem);
    font-weight: 600;
    font-family: var(--primary-font);
   
}
.item-title {
    font-size: clamp(1rem, 1.3vw, 1.1rem);
    font-family: var(--primary-font);
    font-weight: 500;
    margin-top:12px;
    margin-bottom: 8px;
}
.single-title {
    font-weight: 500;
    font-size: clamp(1.3rem , calc(1.3rem + 1vw), 1.6rem);
}
/* card */
.card-content{
    padding: clamp(8px , calc(8px + 1vw ) , 16px);
}

/* boder */
.border {
    border: 1px solid var(--border-color);
}
hr{
    border-color:  var(--border-color);;
}
.uk-light hr {
    border-color: rgba(255 255 255 / 50%);
}
.border-primary {
    border: 1px  solid var(--primary);
}
.border-secondary {
    border: 1px  solid var(--secondary);
}
.border-top {
    border-top: 1px solid var(--border-color);
}
.border-bottom {
    border-bottom: 1px solid var(--border-color);
}
.border-left {
    border-left: 1px solid var(--border-color);
}
.border-right {
    border-right: 1px solid var(--border-color);
}
.border-default {
    border-radius: var(--border-default);
}
.border-small {
    border-radius: var(--border-small);
}
.border-large {
    border-radius: var(--border-large);
}

/* pagination */
.pagination  li a {
    background-color: var(--secondary);
    padding: 6px 8px;
    border-radius: 4px;
}
.pagination  li.uk-active span {
    background-color: rgb(240, 240, 240);
    padding: 6px 8px;
    border-radius: 4px;
}