.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--white);}
a.template-root:hover {background:  var(--cassiopeia-color-hover) !important; color: var(--white) !important;}

body {color: #000; font-family: var(--cassiopeia-font-family-headings) !important; font-size: clamp(1.05rem, 5vw, 1.1rem); scroll-behavior: smooth;}
body {color: var(--template-bg-dark-90);  font-size: 1.6rem;}
.wrapper-fluid .uk-container {max-width: 100% !important;}

main .h1, h1 {font-size: clamp(2rem, 5vw, 3rem); font-weight: 400 !important;}
main .h2, h2 {font-size: clamp(1.5rem, vw, 2.4rem); font-weight: 400;}
main .h3, h3 {font-size: clamp(1.3rem, 5vw, 2rem); font-weight: 400;}
main a {color: var(--template-bg-dark-90); text-decoration: none !important;}
a, .uk-link {text-decoration: none !important; color: var(--template-bg-dark-90);}
a.brand-logo span {color: var(--template-bg-dark-90) !important;}

.gbh3 h3 {color: #268455;}
.gbp p {font-size: 1.2rem;}

.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--color-light);}
a:hover.template-root {background:  var(--cassiopeia-color-hover); color: var(--color-dark);}

.full-width, .row {width: 100%;}

.mk-box-col {
  background: var(--cassiopeia-color-primary);
  padding: 2rem;
}

.mk-box-col h3, .mk-box-col h4, .mk-box-col p {
  color: var(--white);
}

.hgd-pdf-duotone, .hgd-pdf-duotone-2, .hgd-pdf-duotone-3 {
  border: 2px solid var(--cassiopeia-color-primary);
}

.svg-inline--fa .fa-secondary {
  fill: rgba(38, 132, 85, .6) !important;
  opacity: var(--fa-secondary-opacity,1);
  transition: all ease .4s;
}

.svg-inline--fa:hover .fa-secondary {
  fill: rgba(38, 132, 85, 1) !important;
  opacity: var(--fa-secondary-opacity,.4);
}

.svg-inline--fa .fa-primary {
  fill: #268455;
  opacity: var(--fa-primary-opacity,1);
}

.hgd-pdf-duotone .gb-svg {
  height: 11rem;
  padding: 2rem;
}

.hgd-pdf-duotone-2 .gb-svg {
  height: 10rem;
  padding: 2rem .5rem;
}

.hgd-pdf-duotone-3 .gb-svg {
  height: 7rem;
  padding: .5rem 1rem;
}

.uk-text-bolder.uk-margin-small-top.uk-padding-remove {
  display: grid;
  justify-content: center;
}

a.brand-logo {
  color: #268455;
  font-size: 2rem;
}

.gba a {
  -webkit-filter: grayscale(.5);
    filter: grayscale(.5);
}

.gba a:hover {
  -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: 0.4s ease-out;
}

.input-group {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  justify-content: end;
}

.uk-flex-first {
    padding-top: .6rem;
}

/* TOPBAR */
#topbar, #topbar a {color: var(--white); font-size: 1.05rem; font-weight: 300; letter-spacing: .07rem;}
#topbar .svg-inline--fa {margin-right: .7rem;}

/* HEADER */


/**** GRID-HEADER ****/
.mk-stack {display: grid; }
.mk-stack > * {grid-area: 1 / 1 / 2 / 2;}

#mk-header  {z-index: 1000;}

/* LOGO */
.mk-brand img {width: 14rem; margin: .2em 0; transition: all ease 1s;}
.mk-brand {width: 100%;}

/* NAVIGATION */
.mk-nav-container {flex-direction: column-reverse; display: flex;}
.mk-nav {display: flex; align-items: flex-end; justify-content: flex-end;}

.dj-mobile-open-btn {position: fixed; top: 1%; right: 2%;}

/* CONTENT */
.com-content-article__body, .blog-item {hyphens: auto;}

/* FOOTER */
.mk-footer {background-color: var(--cassiopeia-color-primary); background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-primary));}
.mk-copyright {font-size: .9rem; color: rgba(255, 255, 255, 1);}
.mk-home-link a {font-size: .7rem; color: rgba(255, 255, 255, .5);}
.img-fluid, .img-thumbnail, .mk_box_container_1 {height: auto; max-width: 10rem;}

/* UTILITY */
.uk-heading-line > ::before, .uk-heading-line > ::after {border-bottom: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary) !important;}
.mk-background-transparent {background-color: transparent !important;}
.mk-mobile-hidden {display: block;}

.uk-card-footer .btn {display: block;}
a svg.svg-inline--fa {margin: 0 .7rem; height: 1.1rem;}
.mk-icon-card svg.svg-inline--fa {height: 4rem;}

.svg-inline--fa.fa-bars.fa-2x {height: 2rem !important;}

.btn-outline-primary:hover {background-color: var(--cassiopeia-color-primary); border-color: #010156;}
.uk-subnav-pill > .uk-active > a, .uk-subnav-pill > * > a:hover {background-color: var(--cassiopeia-color-primary) !important; color: var(--white) !important;}
.uk-subnav-pill > * > :first-child {padding: 1rem 1.5rem !important; color: #000 !important;}

/* CUSTOM CSS */
.testbox1 svg.svg-inline--fa {height: 2rem;}

@media screen and (min-width: 1680px) {

}

@media screen and (min-width: 1440px) {

}

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

}

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

}

@media screen and (max-width: 1024px) {
  .gba a {
    -webkit-filter: grayscale(0);
      filter: grayscale(0);
  }
}

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

  a svg.svg-inline--fa {
  margin: .5rem .7rem;
  height: 1.1rem;
}

}

@media screen and (min-width: 768px) {

  /* NAVIGATION */
.dj-mobile-open-btn.dj-fa-no {position: relative;}
}

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

/* UTILITY */
.mk-mobile-hidden {display: none;}

a.brand-logo {
  color: #268455;
  font-size: 1.1rem;
}

}
 
.hgd-hover-box, .hgd-hover-box .CB_itembg {transition: all ease .7s;}
.hgd-hover-box.active {box-shadow: 0 0 100rem 30rem var(--cassiopeia-color-primary);}
.hgd-hover-box.active .CB_itembg {border: 1px solid #ffffff88; -webkit-transform: scale(1.2); transform: scale(1.2);}
.hgd-hover-box.active .CB_itembg {box-shadow: rgb(0, 0, 12) 0px 48px 48px -32px, rgba(0, 0, 0, 0.6) 0px 96px 96px -64px;}

.uk-column-divider {column-rule: 1px solid var(--cassiopeia-color-primary) !important;}

.mk-box-border {border: 5px solid #268455; text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}
.mk-box {color: var(--color-dark);}

.mk-box {background: var(--cassiopeia-color-primary); text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}
.mk-box-border * {color: var(--color-light);}

ul.ul-arrow {list-style: none;}
ul.ul-arrow li {display: flex; align-items: baseline;}
ul.ul-arrow li::before {font-family: "Font Awesome 6 Pro"; content: "\f061" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-k {list-style: none;}
ul.ul-arrow-k li {display: flex; align-items: baseline;}
ul.ul-arrow-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f0a9" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-w {list-style: none;}
ul.ul-arrow-w li {display: flex; align-items: baseline;}
ul.ul-arrow-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f33b" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-l {list-style: none;}
ul.ul-arrow-l li {display: flex; align-items: baseline;}
ul.ul-arrow-l li::before {font-family: "Font Awesome 6 Pro"; content: "\f340" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}

ul.ul-check {list-style: none;}
ul.ul-check li {display: flex; align-items: baseline;}
ul.ul-check li::before {font-family: "Font Awesome 6 Pro"; content: "\f00c" !important; background-image: none !important; color: var(--success) !important; margin-right: .5rem;}
ul.ul-check-k {list-style: none;}
ul.ul-check-k li {display: flex; align-items: baseline;}
ul.ul-check-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f058" !important; background-image: none !important; color: var(--success) !important; margin-right: .5rem;}
ul.ul-check-w {list-style: none;}
ul.ul-check-w li {display: flex; align-items: baseline;}
ul.ul-check-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f14a" !important; background-image: none !important; color: var(--success) !important; margin-right: .5rem;}
ul.ul-check-s {list-style: none;}
ul.ul-check-s li {display: flex; align-items: baseline;}
ul.ul-check-s li::before {font-family: "Font Awesome 6 Pro"; content: "\f2f7" !important; background-image: none !important; color: var(--success) !important; margin-right: .5rem;}

ul.ul-cross {list-style: none;}
ul.ul-cross li {display: flex; align-items: baseline;}
ul.ul-cross li::before {font-family: "Font Awesome 6 Pro"; content: "\f00d" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-k {list-style: none;}
ul.ul-cross-k li {display: flex; align-items: baseline;}
ul.ul-cross-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f057" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-w {list-style: none;}
ul.ul-cross-w li {display: flex; align-items: baseline;}
ul.ul-cross-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f410" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-s {list-style: none;}
ul.ul-cross-s li {display: flex; align-items: baseline;}
ul.ul-cross-s li::before {font-family: "Font Awesome 6 Pro"; content: "\e24c" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}

.uk-heading-bullet::before {border-left: calc(5px + 0.1em) solid var(--cassiopeia-color-primary) !important; border-left-color: var(--cassiopeia-color-primary);}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-color: var(--cassiopeia-color-primary);}
.hgd_anker {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}

/* MENU-HOVER */
#navbar1 a {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
#navbar1 a:before {content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background:  var(--cassiopeia-color-primary); height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#navbar1 li.active a:before, #navbar1 .metismenu.mod-menu .mm-collapse > li.active a:before {left: 0%; right: 0%;}
#navbar1 .metismenu.mod-menu .mm-collapse > li a:before {left: 51%; right: 51%;}
#navbar1 .metismenu.mod-menu .mm-collapse > li.active a:before, #navbar1 .metismenu.mod-menu .mm-collapse > li:hover a:before {left: 0%; right: 0%;}
#navbar1 a:hover:before, #navbar1 a:focus:before, #navbar1 a:active:before {left: 0; right: 0;}
a:focus, a:hover {color: var(--template-bg-dark-90);}

/* poiret-one-regular - latin */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poiret-one-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poiret-one-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poiret-one-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poiret-one-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poiret-one-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poiret-one-v14-latin-regular.svg#PoiretOne') format('svg'); /* Legacy iOS */
}
/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}