/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Button Style */
#down_button {
	display: inline-block;
  padding: 10px 24px;
  background: linear-gradient(135deg, #4A90E2, #007BFF);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* Hover Effects */

#down_button:hover {
	background: linear-gradient(135deg, #357ABD, #0056b3);
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
 /* Active State */
#down_button:active {
	transform: translateY(1px);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Button Style */
#check_button {
	display: inline-block;
  padding: 10px 24px;
 background: linear-gradient(135deg, #B0B0B0, #808080);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* Hover Effects */

#check_button:hover {
	background: linear-gradient(135deg, #A0A0A0, #6E6E6E);
	transform: translateY(-1px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
 /* Active State */
#check_button:active {
	transform: translateY(1px);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}



/* IMAGE OVER AND PAGINATION */

[data-pagination=simple] .page-numbers, [data-pagination=next_prev] .page-numbers {
    border: 0px solid rgba(0, 0, 0, 0) !important;
}

/* Common parent styling */
.entry-card .boundless-image,
.ct-media-container,
.brp-thumb-wrap,
.b-post-thumb-link {
	border-radius: 10px; /* Match this to your image's border radius */
    overflow: hidden; 
    position: relative; /* Keeps the ::after overlay contained */
    display: block;
}

/* Image-specific styling */
.entry-card .boundless-image img,
.brp-thumb-wrap img,
.b-post-thumb-link img {
    height: 100%;
    transition: all 0.3s ease;
}

.ct-media-container img, 
.ct-media-container picture {
    width: inherit;
    border-radius: inherit;
    object-fit: var(--theme-object-fit, cover);
    transition: all 0.3s ease;
}

/* Vignette effect for all */
.entry-card .boundless-image::after,
.ct-media-container::after,
.brp-thumb-wrap::after,
.b-post-thumb-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 60px 20px rgba(0, 0, 0, 0.15); /* Very light black */
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* Ensures clicks pass through */
    border-radius: 10px !important;
}


/* Hover effect for all */
.entry-card .boundless-image:hover::after,
.ct-media-container:hover::after,
.brp-thumb-wrap:hover::after,
.b-post-thumb-link:hover::after {
    opacity: 1;
}

/* Target Blocksy pagination container */
.ct-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important; /* Controls spacing between all items */
}

/* Style the Prev and Next links */
.ct-pagination .prev,
.ct-pagination .next {
	font-size:14px !important;
	text-transform: capitalize;
    margin: 0 !important; /* Remove default margins */
 /* Padding for clickable area */
    background-color: var(--theme-palette-color-9) !important; /* Light gray background */
    color: var(--theme-palette-color-4) !important; /* Text color for contrast */
    text-decoration: none !important; /* Remove underline */
    transition: background-color 0.3s ease !important; /* Smooth hover effect */
}

/* Hover effect for Prev and Next */
.ct-pagination .prev:hover,
.ct-pagination .next:hover {
    background-color: var(--theme-palette-color-5) !important; /* Slightly darker on hover */
}

/* Style the pagination numbers */
.ct-pagination .page-numbers {
    margin: 0 2px !important; /* Tight spacing around numbers */
    padding: 5px 10px !important; /* Consistent padding */
	  border-radius: 5px !important;

}
/* Hover effect for numbers (excluding current) */
.ct-pagination .page-numbers:not(.current):hover {
    background-color: var(--theme-palette-color-9) !important;
}



/* Single page border-space fix */
article>.ct-comments, article>.ct-related-posts {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 0px solid var(--theme-border-color) !important;
}

/* fix featured bottom space */
.ct-featured-image {
        padding-bottom: 30px !important;
}

/* Tags Cloud Page */
.page_all_tags a.tag-cloud-link {color:var(--theme-palette-color-16);;}
.page_all_tags a:hover.tag-cloud-link {	color:var(--theme-palette-color-1);text-decoration:none;}

/* Fix share title */
.addtoany_header {margin: 0 0 5px !important;font-weight:bold;}


/* Modern Blockquote Style for Raw HTML in Blocksy */
blockquote {
    position: relative !important;
    max-width: 90% !important; /* Kept your flexible width */
    margin: 2rem auto !important; /* Centered with spacing */
    padding: 2rem 2rem 2rem 3rem !important; /* Extra left padding */
    background: var(--theme-palette-color-6) !important; /* Blocksy theme color */
    border-left: 8px solid var(--theme-palette-color-5) !important; /* Bold accent */
    border-radius: 15px !important; /* Rounded corners */
    font-size: 1.1rem !important; /* Larger text */
    line-height: 1.6; /* Readable without forcing override */
    color: var(--theme-palette-color-3) !important; /* Dark text */
    box-sizing: border-box !important; /* Prevents overflow */
}
/* Paragraphs inside blockquote */
blockquote p {
    margin: 0 0 0.3rem 0 !important; /* Tight spacing */
}
/* Decorative quotation mark */
blockquote::before {
    content: "\201C" !important; /* Opening quotation mark */
    position: absolute !important;
    left: 1rem !important;
    top: 0.5rem !important;
    font-size: 4rem !important;
    color: var(--theme-palette-color-1) !important; /* Theme accent */
    opacity: 0.5 !important; /* Subtle transparency */
    line-height: 1 !important;
}
/* Handle citations (if present) */
blockquote cite {
    display: block !important;
    margin-top: 1rem !important;
    font-size: 0.95rem !important;
    font-style: italic !important;
    color: #666 !important; /* Softer color */
}
/* Ensure nested elements don’t break layout */
blockquote *:last-child {
    margin-bottom: 0 !important; /* No extra margin on last child */
}
/* Responsive adjustments */
@media (max-width: 768px) {
    blockquote {
        padding: 1.5rem !important; /* Reduced padding */
        font-size: 1rem !important; /* Slightly smaller */
    }
    blockquote::before {
        font-size: 3rem !important;
        top: 0.3rem !important;
        left: 0.8rem !important;
    }
}


/* Sidebar AND Page cloud tags style */
.ct-sidebar .tagcloud, .ct-sidebar .wp-block-tag-cloud, .custom-page-tags {display: flex; flex-wrap: wrap; gap: 0.4rem;}
.ct-sidebar .tagcloud a, .ct-sidebar .wp-block-tag-cloud a, .custom-page-tags a {
    display: inline-block; padding: 0.15rem 0.5rem; font-size: 15px !important; font-weight: 500; text-decoration: none;
    border: 2px solid var(--theme-palette-color-9); color: var(--theme-palette-color-16);
    background-color: var(--theme-palette-color-9); border-radius: 5px; transition: all 0.2s ease;
}
.ct-sidebar .tagcloud a:hover, .ct-sidebar .wp-block-tag-cloud a:hover, .custom-page-tags a:hover {
color: var(--theme-palette-color-2); background: var(--theme-palette-color-9); border: 2px solid var(--theme-palette-color-1); transform: translateY(-2px);
}

/* FIX OVER MENU LINKS BEING ALL ACTIVE */
nav[class*="menu"] li.current-post-ancestor > .ct-menu-link:hover,
nav[class*="menu"] li.current-menu-parent > .ct-menu-link:hover,
nav[class*="menu"] li.current-post-parent > .ct-menu-link:hover {color: var(--theme-link-hover-color) !important;}

/* Fix space on paragraphs and add space below gallery, also style for content links */
.entry-content > * { margin: 0; }
.entry-content > p { margin-bottom: 28px; }
.entry-content > :first-child { margin-top: 28px; }
.entry-content > .wp-modern-carousel-gallery {margin-bottom: 28px;display: block;}
/* .entry-content a {color:var(--theme-palette-color-1);}*/
.entry-content a:hover {text-decoration:underline;}
.entry-tags-items a:hover {text-decoration:none !important;}


/* 
 * Style for icon help on designer page
 */
.page-description .designer-link-help {position: relative;display: inline-flex; align-items: center; margin-left: 6px;padding-bottom:3px;vertical-align: middle;}
.page-description .designer-link-help__icon {color: var(--theme-palette-color-13);cursor: default;transition: color 0.15s ease;}
.page-description .designer-link-help:hover .designer-link-help__icon {color: var(--theme-palette-color-1);}
.page-description .designer-link-help__tooltip {
    position: absolute;left: 50%;bottom: 100%;transform: translateX(calc(-50% + var(--tooltip-shift, 0px)));
    /* padding-bottom creates a bridge so the hover area stays continuous
       between the icon and the tooltip box below it */
    padding-bottom: 10px; width: max-content;max-width: 290px; opacity: 0; visibility: hidden; transition: opacity 0.15s ease, visibility 0.15s ease; z-index: 10;text-align: left;}
.page-description .designer-link-help__tooltip::before {
    /* the actual visible tooltip box, separate from the padding bridge */
	content: ''; position: absolute;inset: 0 0 10px 0;background: #222;border-radius: 4px; z-index: -1;}
.page-description .designer-link-help__tooltip::after {
    /* the little arrow, positioned relative to the visible box (10px up from bottom of wrapper) */
    content: ''; position: absolute; left: calc(50% - var(--tooltip-shift, 0px)); bottom: 5px;transform: translateX(-50%);
	border: 5px solid transparent;border-top-color: var(--theme-palette-color-6);}
.page-description .designer-link-help__tooltip {color: var(--theme-palette-color-6);font-size: 12px;line-height: 2.8;font-weight:500;padding-left: 10px;
	padding-right: 10px;padding-top: 0px;box-sizing: border-box;}
.page-description .designer-link-help__tooltip a {color: #fff;text-decoration: underline;}
.page-description .designer-link-help__tooltip a:hover {color: #ddd;}
.page-description .designer-link-help:hover .designer-link-help__tooltip,
.page-description .designer-link-help__tooltip:hover { opacity: 1; visibility: visible;}
.page-description .designer-link-help.is-active .designer-link-help__tooltip {opacity: 1;visibility: visible;}