@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

   @font-face {
    font-family: 'Key-of-Six';
    src: url('/src/font/keyofsix308.otf') format('embedded-opentype'),
         url('/src/font/keyofsix308.woff') format('woff');
    font-weight: normal;
    font-style: normal;
   }

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-purple-100: #e2d9f3;
    --bs-purple-200: #c5b3e6;
    --bs-purple-300: #a98eda;
    --bs-purple-400: #8c68cd;
    --bs-purple-500: #6f42c1;
    --bs-purple-600: #59359a;
    --bs-purple-700: #432874;
    --bs-purple-800: #2c1a4d;
    --bs-purple-900: #160d27;    
}


body{
    font-family: "Open Sans", serif;
}
#header-prime a{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: "Audiowide", serif;   
    background-image: linear-gradient(var(--bs-purple-400), var(--bs-purple-200), var(--bs-purple-600));
    color: transparent;
    background-clip: text; 
}
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,
.card .h1,.card .h2,.card .h3,.card .h4,.card .h5,.card .h6{
    background-image: linear-gradient(var(--bs-purple-600), var(--bs-purple-400), var(--bs-purple-800));
}
.k6{
    font-family: "Key-of-Six", serif;    
}
.k6.symbol{
    font-size: 1.25rem;
    line-height: 1;
}
.k6.upper{
    font-size: 1.25rem;
    line-height: 1.35;
}
.k6.lower{
    font-size: 1rem;
    line-height: 1.4;
}

.card{
	 flex-direction:column;
	 justify-content:space-between;
    border: var(--bs-card-border-width) solid var(--bs-purple-200);
    

}
.card-header {
    color: var(--bs-purple-700);
    background-color: var(--bs-purple-100);
    border-bottom: var(--bs-card-border-width) solid var(--bs-purple-200);

}
.card-body{
	display:flex;
}
.card-footer{	
    color: var(--bs-purple-700);
    background-color: var(--bs-purple-100);
    border-top:var(--bs-card-border-width) solid var(--bs-purple-200);
}

body{
	min-height: 100vh;
	display:flex;
    flex-direction: column;
    justify-content: space-between;
}
body.admin-bar{	
	min-height: calc(100vh - 32px);
}

body>header {
	position:sticky;
	display:flex;
	top: 0;
	padding-top:20px;
}
body.admin-bar>header{	
	top: 32px;
}
body>main{
	display:flex;
}
body>main a{
	color:var(--bs-purple-600)!important;
}
body>main a:hover,
body>main a:active{
	color:var(--bs-purple-900)!important;
}
body>footer {
	position:static;
	display:flex;
	bottom: 0;
    padding-top:10px;
    padding-bottom:30px;
    z-index: 1;
}
body>footer .k6.symbol{
    font-size: 3rem;  
    background-image: linear-gradient(var(--bs-purple-400), var(--bs-purple-200), var(--bs-purple-600));
    color: transparent;
    background-clip: text; 
}
.card-footer .social,
.card-footer .social a{
    font-size: 1.75rem;  
    background-image: linear-gradient(var(--bs-purple-600), var(--bs-purple-400), var(--bs-purple-800));
    color: transparent;
    background-clip: text; 
}
.card-footer .social a:hover,
.card-footer .social a:focus,
.card-footer .social a:active{
    background-image: linear-gradient(var(--bs-purple-400), var(--bs-purple-200), var(--bs-purple-600));
}
.posted-on time.updated,
.understrap-read-more-link{
    display:none;
}
body.home .card-body{
    padding: 0;
}
body.home .vh-100{
    height:calc(100vh - 158px)!important;
}
@media (max-width: 767px) {
    body.home .vh-100{
        height:initial!important;
    }
}
.blog article header img,
.post-template-default article header img{
    border-top-left-radius: var(--bs-card-inner-border-radius);
}

article .card-body{
    flex-direction: column;
}
article .card-body figure{
    text-align: center;
}



body{
    background: #000000 url("/src/img/bg1.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

body>.bg{
    height: 100vh;
    width: 100vw;
    background-position: center center;
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
body>.bg.bg0{
    
    background: transparent url("/src/img/bg.png") no-repeat center center;
    background-size: 100% 100%;
    background-position: center center;
    background-attachment: fixed;
    animation: AnimateBG0 2000s linear infinite;
}
body>.bg.bg1{
    background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 100%);
    animation: AnimateBG1 20s linear infinite;
}
body>.bg.bg2{
    background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
    animation: AnimateBG2 10s linear infinite;
}

@keyframes AnimateBG0 {
  0% {
    background-position: center center;
    transform: rotate(0);
  }
  50% {
    background-position: center center;
    transform: rotate(180deg);

  }
  100% {
    background-position: center center;
    transform: rotate(360deg);
  }
}
@keyframes AnimateBG1 {
  0% {
    background-position: center center;
    background-size: 100% 100%;
  }
  50% {
    background-position: center center;
    background-size: 200% 200%;

  }
  100% {
    background-position: center center;
    background-size: 100% 100%;
  }
}
@keyframes AnimateBG2 {
  0% {
    background-position: center center;
    background-size: 100% 100%;
  }
  50% {
    background-position: center center;
    background-size: 50% 50%;
  }
  100% {
    background-position: center center;
    background-size: 100% 100%;
  }
}


.swiper-slide{
    padding: 1rem;
}

.bg-purple-left{
    background-color:var(--bs-purple-100);
    background: rgb(140,104,205);
    background: radial-gradient(circle 75rem at top right,rgba(140,104,205,1) 0%, rgba(226,217,243,1) 100%);
}
.bg-purple-right{
    background-color:var(--bs-purple-100);
    background: rgb(140,104,205);
    background: radial-gradient(circle 75rem at top left,rgba(140,104,205,1) 0%, rgba(226,217,243,1) 100%);
}

#header-prime .links a,
#footer-prime .links a{
    margin-left:1rem;
    font-size: 2.75rem;
    line-height: 2.75rem;
    background-image: linear-gradient(var(--bs-purple-400), var(--bs-purple-200), var(--bs-purple-600));
    color: transparent;
    background-clip: text; 
}

body .elementor-element .swiper .elementor-swiper-button-prev, 
body .elementor-element .swiper~.elementor-swiper-button-prev, 
body .elementor-lightbox .swiper .elementor-swiper-button-prev, 
body .elementor-lightbox .swiper~.elementor-swiper-button-prev{
    left: -50px;    
    color: var(--bs-purple-400);
}
body .elementor-element .swiper .elementor-swiper-button-next, 
body .elementor-element .swiper~.elementor-swiper-button-next, 
body .elementor-lightbox .swiper .elementor-swiper-button-next, 
body .elementor-lightbox .swiper~.elementor-swiper-button-next{
    right: -50px;    
    color: var(--bs-purple-400);

}
body .elementor-element .swiper .elementor-swiper-button svg, 
body .elementor-element .swiper~.elementor-swiper-button svg, 
body .elementor-lightbox .swiper .elementor-swiper-button svg, 
body .elementor-lightbox .swiper~.elementor-swiper-button svg{
        fill:  var(--bs-purple-400);
}


.emp.efs{
    background: transparent url(http://psickels.contralux.com/wp-content/uploads/sites/2/2025/07/logo-efs.png) center center no-repeat;
    background-size: contain;
}
.emp.d2{
    background: transparent url(http://psickels.contralux.com/wp-content/uploads/sites/2/2025/07/logo-d2.jpg) center center no-repeat;
    background-size: contain;
}

.emp{
    height: 50px;
    width: 50px;
    display: inline-block;
}