/*
Theme Name: Bootscore
Theme URI: https://bootscore.me/
Author: Bootscore
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.1.0
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/
 html {scroll-behavior:smooth;}
body {background: #3a3735; background-image: linear-gradient(to right, #fff0, rgba(255, 255, 255, 0.1) 50%, #fff0); color:#fffbe9;}

/* 
.navbar {background:#21212d; position:sticky; top:0; z-index:99999;}
ul.navbar-nav {gap:5px;}
ul.navbar-nav .nav-link {border: 1px solid #D4302B!important; border-radius:5px; color:#D4302B; padding:10px 15px!important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {background:#D4302B; color:#000;}
ul.navbar-nav .nav-link:hover  {color:black!important; background:#d4302b!important;}
.navbar-toggler-white .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler-white {border-color: rgba(255,255,255,.5);}
.breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before {color:#778b9f!important;}
ul.navbar-nav.nav-purp .nav-link {border:1px solid #3beffb!important; color:#e4adff; background:rgb(120 65 255 / 22%); box-shadow:0 0 25px -10px #7b37ff;}
ul.navbar-nav.nav-purp .nav-link:hover {background:#9a5bed!important;}
.navbar-nav.nav-purp .nav-link.active, .navbar-nav.nav-purp .nav-link.show {color:black; background:#9c66cd;}
*/ 
.navbar {background:#282828; position:sticky; top:0; z-index:99999;}
ul.navbar-nav {gap:5px;}
ul.navbar-nav .nav-link {border:1px solid #fbf1c7!important; border-radius:5px; color:#fbf1c7; padding:10px 15px!important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {background:#4a4440; color:#fbf1c7;}
ul.navbar-nav .nav-link:hover  {color:#fbf1c7!important; background:#4a4440!important;}
.navbar-toggler-white .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler-white {border-color: rgba(255,255,255,.5);}
.breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before {color:#778b9f!important;}
/*Purple nav = .nav-purp*/
ul.navbar-nav.nav-purp .nav-link {border:1px solid #3beffb!important; color:#e4adff; background:rgb(120 65 255 / 22%); box-shadow:0 0 25px -10px #7b37ff;}
ul.navbar-nav.nav-purp .nav-link:hover {background:#9a5bed!important;}
.navbar-nav.nav-purp .nav-link.active, .navbar-nav.nav-purp .nav-link.show {color:black; background:#9c66cd;}
.navbar-brand img{filter: brightness(0) saturate(100%) invert(98%) sepia(5%) saturate(1872%) hue-rotate(329deg) brightness(101%) contrast(97%);} 


footer {background:#282828;}
footer .list-inline-item a {color:#8a8695;}
footer .paysvg {max-height:20px; max-width:275px;}

.bg-body-tertiary {background:rgb(255 255 255 / 3%)!important;}
.card {background:rgb(255 255 255 / 3%); border:none; border-radius:10px; overflow:hidden;}
.wp-post-image {width:auto;}
.bg-primary-subtle {background-color:rgb(255 255 255 / 10%)!important;}
.text-primary-emphasis {color:#9c9891!important;}
.text-primary-emphasis:hover {color:#cdcaa9!important;}
.widget li {margin-bottom:10px;}




[data-bs-theme="dark"] {
    --bs-link-color-rgb: 61, 244, 255;
    --bs-link-hover-color-rgb: 0, 255, 222;
	--bs-primary-text-emphasis:#3df4ff;
}

.pagination {
	--bs-pagination-color:#5c646f!important;
	--bs-pagination-border-color: rgb(0 0 0 / 62%)!important;
	--bs-pagination-active-color: #282828!important;
	--bs-pagination-active-bg: #bebc9c !important;
	--bs-pagination-active-border-color: rgb(0 0 0 / 41%)!important;
}

.page-link {color:#fbf1c7; background: linear-gradient(181deg, rgb(255 255 255 / 13%), rgb(255 252 166 / 17%)); border: 1px solid #fbf1c7;}
.page-link:hover {color:#fbf1c7; background: linear-gradient(181deg, rgb(255 255 255 / 13%), rgb(230 225 181 / 23%)) !important; border: 1px solid #fbf1c7; box-shadow:0 0 20px -5px #fff; }
.table>:not(caption)>*>* {background:rgb(13 13 13 / 24%)!important;}
 
@font-face {
  font-family: 'sn';
  src: url('assets/fonts/sn.otf') format('opentype');
  font-weight: normal;
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: 'sn-i';
  src: url('assets/fonts/sn-i.otf') format('opentype');
  font-weight: normal;
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: 'abel';
  src: url('assets/fonts/abel.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; 
  font-display: swap;
}

.font-abel  {font-family:'abel', Sans-Serif; /*letter-spacing: 0.05em;*/}
.font-script {font-family:'sn', Serif; font-weight:400; font-style:normal; letter-spacing: 0.05em;}
.font-script-italic {font-family:'sn-i', Serif; font-size:115%; letter-spacing:0.05em; }

.font-md {font-size:19.5px; font-size:calc(18px + (21 - 18) * ((100vw - 320px) / (1600 - 320))); font-size:clamp(18px, 1.2vmax, 21px); line-height:1.2;}
.font-lg {font-size:26px; font-size:calc(22px + (30 - 22) * ((100vw - 320px) / (1600 - 320))); font-size:clamp(22px, 1.9vmax, 30px); line-height:1;}
.font-xl {font-size:42.5px; font-size:calc(35px + (50 - 35) * ((100vw - 320px) / (1600 - 320))); font-size:clamp(35px, 2.9vmax, 50px); line-height:1;}
.font-xxl {font-size:47px; font-size:calc(36px + (58 - 36) * ((100vw - 320px) / (1600 - 320))); font-size:clamp(36px, 5vw, 58px); line-height:1;}
.font-xxxl {font-size: 47px; font-size: calc(36px + (58 - 36) * ((100vw - 320px) / (1600 - 320))); font-size:clamp(38px, 4.1vw, 78px); line-height:1;}
 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:Abel; color:#fffbe9;}
h2, .h2 {
	font-size: 34px;
	font-size: calc(27px + (40 - 27) * ((100vmax - 300px) / (1200 - 300))); 
	font-size:clamp(27px, 2.1vmax, 40px);
	line-height:1;
	}
h3, .h3 {
	font-size:26px; 
	font-size:calc(1.7vmax + (24px - 1.7vmax) * ((100vw - 320px) / (1600 - 320))); 
	font-size:clamp(22px, 1.7vmax, 28px);
	}
h2, h3 {color:#edebd4!important;}
a {color:#fff/*#3df4ff*/; text-decoration:underline;}
a:hover, a:active, a:focus {color:#edebd4; text-decoration:none;}

.text-body {color:#fffbe9!important;}
.text-body-secondary {color:rgb(255 251 233 / 50%)!important;}
li.breadcrumb-item.active {color: rgb(255 251 233 / 50%)!important;}

.c-blue {color:#3399ff!important;}
.c-teal {color:#3beffb!important;}
.c-black  {color:#000!important;}
.c-gray {color:#9d9ea4!important;}
.c-green {color:#3dff60!important;}
.c-tan {color:#edebd4!important;}
.c-red  {color:#D4302B!important;}
.c-orange  {color:#fc8b4c!important;}
.c-purple {color:#1f2023!important;}
.c-purple-light {color:#a28791!important;}
.c-white {color:#fff!important;}
.c-dark {color:#433c39!important;}

.bg-ctrlsqr {background-image: url('../images/main/horizon-strip.png'); background-position:center; background-repeat:repeat; height:88px;}
.bg-purple {background:#322e41;}
.bg-durple {background:#322e41;}
.bg-tan {background:#e7d0b8;}
.bg-half-dark {background:linear-gradient(180deg, transparent 55%, rgb(0 0 0 / 10%) 55%);}
.bg-half-light {background:linear-gradient(180deg, transparent 55%, rgb(255 255 255 / 10%) 55%);}
.bg-gradient-tan {background:linear-gradient(90deg, #8b7d6f, #ddc3a7);} 
.bg-gradient-preen {background:linear-gradient(45deg, #6534c3, #31499d, #10ff00 150%);}

.btn-jedi-fill {position:relative; background:linear-gradient(181deg, rgb(23 207 221 / 13%), rgb(51 208 243 / 17%))!important; color:#3df4ff!important; text-shadow:0 0 18px #0c6bed; border:1px solid #2ea0cb!important; box-shadow:0 0 20px -10px #00d3ff; overflow:hidden; z-index:1;}
.btn-jedi-fill:hover {box-shadow:0 0 20px -5px #00d3ff;}
.btn-jedi-fill::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(181deg, rgb(23 207 221 / 25%), rgb(51 208 243 / 35%))!important; opacity:0; z-index:-1;}
.btn-jedi-fill:hover::before {opacity:1;}
.btn-jedi-fill, .btn-jedi-fill::before {transition:all 0.3s ease-in-out;}
 

.btn-darth-fill {position:relative; background:linear-gradient(181deg, rgb(221 23 23 / 15%), rgb(243 51 51 / 20%))!important; color:#ff5650!important; text-shadow:0 0 18px #590000; border:1px solid #cb2e2e!important; box-shadow:0 0 20px -10px #cb2e2e; overflow:hidden; z-index:1;}
.btn-darth-fill:hover {box-shadow:0 0 20px -5px #ff1414;}
.btn-darth-fill::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(181deg, rgb(221 23 23 / 25%), rgb(243 51 51 / 35%))!important; opacity:0; z-index:-1;}
.btn-darth-fill:hover::before {opacity:1;}
.btn-darth-fill, .btn-darth-fill::before {transition:all 0.3s ease-in-out;}

.btn-earth-fill {position:relative; background:linear-gradient(181deg, rgb(39 221 23 / 13%), rgb(51 243 112 / 17%))!important; color:#3dff60!important; text-shadow:0 0 18px #0ced3e; border:1px solid #46cb2e!important; box-shadow:0 0 20px -10px #46cb2e; overflow:hidden; z-index:1;}
.btn-earth-fill:hover {box-shadow:0 0 20px -5px #00ff73;}
.btn-earth-fill::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(181deg, rgb(39 221 23 / 25%), rgb(51 243 112 / 35%))!important; opacity:0; z-index:-1;}
.btn-earth-fill:hover::before {opacity:1;}
.btn-earth-fill, .btn-earth-fill::before {transition:all 0.3s ease-in-out;}

.btn-sub-fill {position:relative; background:linear-gradient(181deg, rgb(56 101 137 / 84%), rgb(63 40 89))!important; color:#76e4ff!important; text-shadow:0 0 18px #830ced; border:1px solid #5fe34f!important; box-shadow:0 0 20px -10px #2ecb67; overflow:hidden; z-index:1;}
.btn-sub-fill:hover {box-shadow:0 0 20px -5px #00ff73; border:1px solid #00ffad !important;}
.btn-sub-fill::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(181deg, rgb(50 115 167), rgb(41 72 121))!important; opacity:0; z-index:-1;}
.btn-sub-fill:hover::before {opacity:1;}
.btn-sub-fill, .btn-sub-fill::before {transition:all 0.3s ease-in-out;}

.btn-gold-fill {position:relative; background:linear-gradient(181deg, rgb(255 255 255 / 13%), rgb(255 252 166 / 17%)) !important; color:#fbf1c7!important; text-shadow:0 0 18px #fbf1c7; border:1px solid #fbf1c7!important; box-shadow:0 0 20px -10px #fbf1c7; overflow:hidden; z-index:1;}
.btn-gold-fill:hover {box-shadow:0 0 20px -5px #fff;}
.btn-gold-fill::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(181deg, rgb(255 255 255 / 13%), rgb(230 225 181 / 23%)) !important; opacity:0; z-index:-1;}
.btn-gold-fill:hover::before {opacity:1;}
.btn-gold-fill, .btn-gold-fill::before {transition:all 0.3s ease-in-out;}

.btn-joker-fill {position:relative; background:rgb(96 229 95)!important; color:#000!important; border:1px solid #824dff!important; box-shadow:0 5px 0px 2px #6753e9; overflow:hidden; z-index:1;}
.btn-joker-fill:hover {background:#6bff6a!important; box-shadow:0 3px 0px 2px #6753e9;} 

.btn-dot {display:inline-block; margin-right:10px; background:#3dff60; width:var(--dot-width, 20px); height:var(--dot-height, 20px); border-radius:50px;}
.btn-dot.sm {--dot-width:10px; --dot-height:10px;}

.yarpp.yarpp-related {margin-top:50px; border-top:1px solid rgb(255 255 255 / 15%); padding-top:50px;}
.yarpp-related .yarpp-thumbnail-title, .yarpp-related h3 {font-weight:normal!important;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {height:180px!important;}
.yarpp-thumbnail-title {display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-width:110px;}




@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(var(--pulse-color), 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0);
    }
}
.pulse {animation:pulse 2s infinite linear;}
.pulse.green {--pulse-color: 76, 175, 80;}