/*
Theme Name: Shadow Core
Template: striz
Author: Viley
Tags: two-columns,three-columns,left-sidebar,right-sidebar,custom-menu,editor-style,featured-images,flexible-header,full-width-template,post-formats,sticky-post,translation-ready
Version: 2.0.5.1758969394
Updated: 2025-09-27 11:36:34

*/

.site-header {
    background-color: #000000;
    z-index: 99;
}

@font-face {
  font-family: 'DEATHBLOOD';
  src:
    url('fonts/DEATHBLOOD.woff2') format('woff2'),
    url('fonts/DEATHBLOOD.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



.main-menu a{
    color: white !important;
    text-transform: uppercase;
}



.mp-level {
  background: #000 !important;

}

.mp-menu ul li > a {
  border-bottom: 1px solid #212121;
}

.mp-menu a, .mp-menu a:hover {
  color: #fff;
  text-transform: uppercase;
}
.site-content-contain strong, .site-content-contain b, .site-content-contain h2, .site-content-contain p {
  color: white !important;
}

.site-content-contain .elementor a:hover {
    color: white !important;
    text-decoration: underline;
}


.deathblood {
    font-family: 'DEATHBLOOD', Arial, sans-serif !important;
    color: #E33D3D;

}

#deathblood {
    font-family: 'DEATHBLOOD', Arial, sans-serif !important;
}

.page-title-bar {
    background-color: #292929;
    background-image: url(https://www.vilelands.com/wp-content/uploads/2025/09/bg-banner.jpg);
    background-position: center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.entry-title a {
    color: #FFFFFF;
}

.elementor-widget-text-editor p a, p a:hover,
.elementor-widget-text-editor span a  {
    color: #e33d3d;
}

.column-item .post-link a {
    color: #FFFFFF;
}


.elementor-nav-menu--dropdown a {
  display: flex;
  justify-content: center;
  align-items: center; /* optional, for vertical centering */
  padding: 5px 20px;
}

.elementor-widget-opal-contactform7 .wpcf7-form textarea:focus {
    color: white;
}

.elementor-widget-opal-contactform7 .wpcf7 .wpcf7-form input:not([type="submit"]):focus {
    color:white;

}

/* Ensure the overlay and lock icon only appear on locked posts */
.locked .post-thumbnail {
    position: relative; /* Set position relative to allow absolute positioning of the lock icon */
    overflow: hidden; /* Hide anything outside of the container, in case of blurred edges */
    transition: transform 0.3s ease; /* Smooth transition for the zoom effect */
}

/* Apply grayscale (black and white) and blur effect to the entire image */
.locked .post-thumbnail img {
    filter: grayscale(100%) blur(1px); /* Apply grayscale and blur effect (reduced blur) */
    opacity: 0.8; /* Slight opacity to the image */
    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effect */
}

/* Zoom effect on image hover (same effect as the other images) */
.locked .post-thumbnail:hover img {
    filter: grayscale(100%) blur(3px); 
    opacity: 1; /* Make the image fully visible */
    transform: scale(1.05); /* Slight zoom-in effect */
}

/* Make title, content, and links blurry */
.locked .post-content .entry-title,
.locked .post-content .entry-content,
.locked .post-link a,
.locked .post-content .entry-meta {
    filter: grayscale(100%) blur(2px); /* Apply grayscale and blur effect to title, content, and links */
    opacity: 0.8; /* Slight opacity to the text */
    transition: filter 0.3s ease, opacity 0.3s ease; /* Smooth transition for hover effect */
}

/* Hide "posted on" span for locked posts */
.locked .posted-on {
    display: none; /* Hide the "posted on" span for locked posts */
}


/* Yellow Banner across the bottom of the image */
.locked .post-thumbnail .unlock-banner {
    position: absolute;
    bottom: 0; /* Position the banner at the bottom of the image */
    left: 0;
    width: 100%; /* Make the banner span the entire width of the image */
    background-color: yellow; /* Yellow background */
    color: black; /* Black text color */
    font-family: "Barlow Condensed",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px; /* Adjust font size for the banner */
    font-weight: bold; /* Make text bold */
    text-align: center; /* Center the text inside the banner */
    text-transform: capitalize;
    padding: 10px 0; /* Adjust padding for vertical centering */
    z-index: 9999; /* Ensure the banner is above the image */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); /* Optional: shadow for depth */
    border-radius: 0 0 5px 5px; /* Rounded bottom corners for the banner */
}

/* Lock Icon Styling */
.locked .post-thumbnail .lock-icon {
    font-family: "FontAwesome";
    font-size: 40px; /* Font size of the lock icon */
    color: white;
    text-align: center;
    background: rgba(0, 0, 0, 0.7); /* Black overlay with transparency */
    padding: 15px; /* Adjust padding to make the circle size more proportional */
    border-radius: 50%; /* Ensure it's a true circle */
    width: 70px; /* Define a fixed width for the circle */
    height: 70px; /* Define a fixed height for the circle */
    line-height: 70px; /* Vertically center the icon in the circle */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the icon */
    z-index: 9999; /* Ensure it's on top */
    visibility: visible; /* Make sure the icon is visible */
    box-sizing: border-box; /* Ensure padding is included in the size calculation */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Horizontally center the icon */
    align-items: center; /* Vertically center the icon */
}

/* Overlay effect (black semi-transparent background) */
.locked .post-thumbnail::before {
    content: ''; /* Empty content for the overlay */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 999; /* Ensure overlay is behind the icon */
}

body.single-post .navigation>div {
    margin: 5px;
    background-color: #0a0a0a;
    flex-basis: calc(50% - 10px);
    width: calc(50% - 5px);
    padding: 24px 24px;
    display: -ms-flexbox;
    display: flex;
    transition: all .3s ease;
    position: relative;
    border: 1px solid #CCCCCC;
}

.previous-nav a, .next-nav a {
    color:white !important;
}

body.single-post .navigation {
    padding-top:100px;
}

/* Style the download button */
.wp-block-file__button {
    display: inline-flex; /* Allow icon + text alignment */
    align-items: center; /* Center vertically */
    justify-content: center;
    padding: 12px 24px; /* Comfortable padding */
    background-color: #ffcc00; /* Bright yellow background */
    color: #000; /* Text color */
    font-weight: bold;
    text-decoration: none;
    border: none; /* Remove default borders */
    border-radius: 0; /* Sharp corners */
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Add hover effect */
.wp-block-file__button:hover {
    background-color: #e6b800; /* Slightly darker on hover */
    color: #000; /* Keep text color black */
}

/* Add icon inside the button using pseudo-element */
.wp-block-file__button::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 8px;
    background-color: currentColor;
     mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 16l5-5h-3V4h-4v7H7l5 5zm-7 2h14v2H5z'/></svg>") no-repeat center / contain;

}

/* Override the :where() selector specificity */
.wp-block-file__button a:visited {
    color: #000 !important; /* Force color to stay black for visited links */
    text-decoration: none !important; /* Force text decoration removal */
}

.wp-block-file__button a:visited:hover, .downloadbtn a:visited:hover, .downloadbtn a:visited  {
    background-color: #e6b800 !important; /* Force hover to apply same style */
    color: #000 !important; /* Keep the color black */
}

/* Optional: if button contains an <a> inside, target that instead */
.wp-block-file__button a {
    color: inherit;
    text-decoration: none;
}

h2.eb-slider-title {
    font-size: 16px !important;
    color: #6a6a6a !important;
    text-align:center;
}

.slick-prev {
    left: -50px !important;
}

.slick-next {
    right: -50px !important;
}

/* --- Thin line on top --- */
.section-top-line {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-bottom: 30px;
}

/* --- Section Title + Subtitle --- */
.section-header {
    text-align: center;
    margin-bottom: 40px; /* space between header and columns */
}

.section-header .section-title {
    font-family: 'DEATHBLOOD', Arial, sans-serif;
    color: #E33D3D !important;
    font-size: 2rem;
    margin-bottom: 10px;
}

.section-header .section-subtitle {
    font-size: 1rem;
    color: #9f9f9f !important;
}

/* --- Two-Column Section --- */
.two-column-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin: 0 0 0 0;
}

.two-column-section .column {
    flex: 1;
}

/* Left column */
.two-column-section .left-column {
    max-width: 50%;
}

/* Right column image */
.two-column-section .right-column img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}

/* Responsive: stack columns on mobile */
@media (max-width: 768px) {
    .two-column-section {
        flex-direction: column;
        gap: 20px;
    }

    .two-column-section .left-column,
    .two-column-section .right-column {
        max-width: 100%;
    }
}

.section-top-line {
    width: 100%;
    border-top: 1px solid #282828;
    margin: 80px 0 30px 0; 
}

.dem-poll-title {
    font-family: "Barlow Condensed",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #ccc;
    font-weight:600;
    font-size:19px;
}

.dem-vote label {
  color: white;
}

.democracy .dem-bottom {
  padding-bottom: 1em;
  text-align: left;
}

.democracy ul.dem-vote li > * {
  margin-bottom: .6em;
  font-size: 14px;
  line-height: 26px;
  padding-bottom: 15px;
}

.dem-vote-button {
    text-align:left;
}

input[type="submit"].dem-button, a.dem-button, .dem-button {
  color: black !important;
  font-weight: 800;
  background-color: #ffcc00 !important;
  font-family: "Barlow Condensed",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Target all Elementor icon list items */
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item {
    display: flex;           /* Make icon and text align horizontally */
    align-items: center;     /* Vertically center them */
}

.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-icon {
    margin-right: 10px;      /* Space between icon and text */
    display: inline-flex;    
    align-items: center;
}

.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-text {
    display: inline-block;
}

h5:first-child {
    padding-top: 0;
    color: white;
    font-size: 26px;
}

body.logged-in .wp-bottom-menu {
    display: none;
}


.wp-bottom-menu{
    background-color:transparent !important;
    padding:0 !important;
}

.wp-bottom-menu-item {
    font-family: "Barlow Condensed",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold; /* Make text bold */
    font-size:20px;
    padding-bottom:10px;
    background-color:#ffd106;
    border:3px solid black;
}

.wp-bottom-menu-item:first-child {
    color:#eeeeee;
    text-transform:none !important;
    background-color:black;
    font-size:16px;
}

.gutena-tab-title-text {
    font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.join-for-more-wrapper {
    text-align: center;
    margin: 30px 0;
}

.join-for-more-btn {
    font-family: "Barlow Condensed",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    text-decoration: none;
    letter-spacing: .15em;
    font-weight:500;
     font-size: 18px;
     line-height: 1.875;
    color: #000000;
    background-color: #FFD200;
    padding: 12px 24px;
    display: inline-block;
}

.join-for-more-btn {
    font-style: normal;
    text-decoration: none;
    color: #000000;
    background-color: #FFD200;
    padding: 12px 24px;
    display: inline-block;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.join-for-more-btn:hover {
    background-color: #000000;
    color: #FFD200;
    box-shadow: inset 0 0 0 2px #FFD200;
}

figcaption {
    text-align:center;
}

/* Mobile */
.centered-bullets {
  list-style: none;
  text-align: center;
  padding-left: 0;
}

.centered-bullets li::before {
  content: "• ";
}

/* Desktop */
@media (min-width: 768px) {
  .centered-bullets {
    text-align: left;
  }

  .centered-bullets li::before {
    content: "";
  }

  .centered-bullets {
    list-style: disc;
    padding-left: 1.2em;
  }
}

.column-item .entry-content {
  margin-bottom: 20px;
  font-size: 12px;
}

.error404 .error-text {
  color: #999999 !important;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__input {
  color: white !important;
}

.rmp-btn--large, .rmp-btn--large:focus, .rmp-btn--large:hover {
  padding: .8rem;
  color: black !important;
}