/**
 * Theme Name:	Blocksy - Neesh Photography
 * Theme URI:	https://creativethemes.com/blocksy/
 * Description:	Blocksy Child theme for Neesh Photography - https://neesh.photography/
 * Author:		eAngulus Computer Solutions
 * Author URI:	https://www.eangulus.com/
 * Template:	blocksy
 * Text Domain:	blocksy
 * Version:		2.0
 */

/* Neesh Photography */

swiper-wrapper {
	height: unset !important;
}





/* Font styling Slider */
/* Hero Title same width as content area */
.slider-h2 {
	/* 55-150 */
	font-size: clamp(3.375rem, -0.1751rem + 7.396vw, 9.375rem) !important;
    line-height: 1em !important;
    font-weight: 400 !important;
	text-shadow: 0px 0px calc(1.55vw + 0.1px) rgba(51, 49, 50, 0.32) !important;
}

.slider-h3 {
	/* 22-60 */
	font-size: clamp(1.375rem, -0.0302rem + 2.9276vw, 3.75rem) !important;
    line-height: 1em !important;
    font-weight: 400 !important;
	text-shadow: 0px 0px calc(1.55vw + 0.1px) rgba(51, 49, 50, 0.32) !important;
}

.slider-p {
	/* 11-30 */
	font-size: clamp(0.6875rem, -0.0151rem + 1.4638vw, 1.875rem) !important;
    line-height: 1em !important;
    font-weight: 400 !important;
	text-shadow: 0px 0px calc(1.55vw + 0.1px) rgba(51, 49, 50, 0.32) !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	.hero-section[data-type="type-2"] {
		margin-top: 48px !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	.hero-section[data-type="type-2"] {
		margin-top: 32px !important;
	}
}





/* Fix werid horizontal scroll bar flicker from Rank Math in Edit */
.rank-math-focus-keyword .tagify, .rank-math-focus-keyword .tagify {
	    overflow: unset !important;
}

/*===== Start Blocksy Overrides =====*/
/* Links */
.entry-content a {
	font-weight: 700;
}

/* Top Margin for Header */
.ct-sticky-container {
	margin-top: 64px !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	/* Remove Top Margin for Header */
	.ct-sticky-container {
		margin-top: 0px !important;
	}

	/* Remove Top Margin for Sticky Header */
	[data-header*="type-1"] {
		--header-sticky-offset: 0px !important;
	}
}

/* Hero Title same width as content area */
.hero-section[data-type="type-2"] {
	width: var(--theme-container-width) !important;
	max-width: var(--theme-normal-container-max-width) !important;
	margin: 0 auto !important;
	margin-top: 64px !important;
	border-radius: 8px !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	.hero-section[data-type="type-2"] {
		margin-top: 48px !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	.hero-section[data-type="type-2"] {
		margin-top: 32px !important;
	}
}

/* Hero Title Corner Radius */
.hero-section[data-type=type-2]>figure {
	border-radius: 8px !important;
}

/* Blog Next, Prev Background */
[data-pagination=simple] .prev, [data-pagination=simple] .next, [data-pagination=next_prev] .prev, [data-pagination=next_prev] .next {
	background-color: var(--theme-palette-color-1) !important;
	border-color: var(--theme-palette-color-1) !important;
}

/* Blog Next, Prev & Numbers Hover Background */
[data-pagination=simple] .page-numbers:not(.dots):hover, [data-pagination=next_prev] .page-numbers:not(.dots):hover {
	border-color: var(--theme-palette-color-2) !important;
	background-color: var(--theme-palette-color-2) !important;
	color: var(--theme-palette-color-4) !important;
}

/* code, kbd, samp, pre background colour */
code, kbd, samp, pre {
	background-color: var(--theme-palette-color-1) !important;
	border-radius: 8px !important;
	padding: 32px !important;
}

/* Bread Crumb Home Link Colour */
nav.ct-breadcrumbs span.first-item a {
	color: var(--theme-palette-color-1) !important;
}

/* Fix Title Hero Paddings */
.hero-section[data-type=type-2]>[class*=ct-container] {
	padding-left: 64px !important;
	padding-right: 64px !important;
}

/* Custom Focal Point for Hero Background */
.hero-section[data-type="type-2"] > figure .ct-media-container img {
    object-position: 50% 50% !important;
}

/* Remove Signup Option from User Login Popup */
.ct-account-modal>ul li.ct-register {
    display: none !important;
}

.ct-account-modal>ul li {
    width: 100% !important;
}
/*===== End Blocksy Overrides =====*/

/*===== Start WordPress Block Overrides =====*/
/* Pullquote Styling */
.wp-block-pullquote {
	border-radius: 8px !important;
	padding: 64px !important;
	margin-bottom: 32px !important;
}

figure.wp-block-pullquote {
	max-width: calc(1900px * 0.66323) !important;
}

@media (max-width: 2065.98px) {
	figure.wp-block-pullquote {
		max-width: 66.323% !important;
	}
}

@media (max-width: 999.98px) {
	figure.wp-block-pullquote {
		max-width: inherit !important;
	}
}

.wp-block-pullquote.alignleft {
	width: 43% !important;
	max-width: 950px !important;
	margin-right: 32px !important;
	margin-bottom: 32px !important;
}

.wp-block-pullquote.alignright {
	width: 43% !important;
	max-width: 950px !important;
	margin-left: 32px !important;
	margin-bottom: 32px !important;
}

@media (max-width: 999.98px) {
	.wp-block-pullquote.alignleft {
		margin-right: 24px !important;
	}

	.wp-block-pullquote.alignright {
		width: 88% !important;
		margin-left: 16px !important;
	}
}

/* Mobile settings */
@media (max-width: 689.98px) {
	.wp-block-pullquote.alignleft {
		width: 88% !important;
		margin-right: 16px !important;
	}

	.wp-block-pullquote.alignright {
		margin-left: 24px !important;
	}
}

/* Custom Signature */
.wp-block-image.aligncenter.signature-footer {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	position: relative !important;
	overflow: hidden !important; /* Added to prevent content overflow */
}

.signature-footer::before, .signature-footer::after {
	content: '' !important;
	position: absolute !important;
	height: 4px !important;
	border-top: 4px double var(--theme-palette-color-1) !important;
	display: block !important;
	top: 58% !important;
}

.signature-footer::before {
	width: calc(50% - 69px) !important;
	left: 0 !important;
	margin-left: -32px !important;
}

.signature-footer::after {
	width: calc(50% - 123px) !important;
	right: 0 !important;
	margin-right: -32px !important;
}

.signature-footer img {
	width: 250px !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	.signature-footer img {
		width: 187.5px !important;
	}

	.signature-footer::before, .signature-footer::after {
		top: 58% !important;
	}

	.signature-footer::before {
		width: calc(50% - 52px) !important;
		margin-left: -24px !important;
	}

	.signature-footer::after {
		width: calc(50% - 93px) !important;
		margin-right: -24px !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	.signature-footer img {
		width: 125px !important;
	}

	.signature-footer::before, .signature-footer::after {
		top: 57% !important;
	}

	.signature-footer::before {
		width: calc(50% - 35px) !important;
		margin-left: -16px !important;
	}

	.signature-footer::after {
		width: calc(50% - 61px) !important;
		margin-right: -16px !important;
	}
}

/* Block Caption Highlight */
.entry-content figcaption, .caption, .uagb-image-caption {
	background-color: var(--theme-palette-color-2) !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	padding: 8px !important;
	width: fit-content !important;
	text-align: left !important;
	margin-block: 0.5em 0 !important;
	align-self: start !important;
	font-size: clamp(0.75rem, 0.7247rem + 0.1266vw, 0.875rem) !important;
}

/* Embed iFrame Blocks */
.wp-block-embed.is-type-rich {
	max-width: 660px !important;
}

/* Pinterest */
.is-provider-pinterest {
	width: fit-content !important;
}

/* iFrame */
.wp-block-embed.is-type-rich iframe {
	min-width: 100px !important;
}

/*
.wp-block-embed iframe {
	height: unset !important;
}
*/

/* Youtube Embed */
.wp-block-embed-youtube > div.wp-block-embed__wrapper > iframe {
	border-radius: 8px !important;
}

/* Vimeo Embed */
.is-provider-vimeo > .wp-block-embed__wrapper {
    position: relative !important;
    padding-bottom: 56.25% !important; /* For 16:9 aspect ratio */
    height: 0 !important;
    overflow: hidden !important;
}

.is-provider-vimeo > .wp-block-embed__wrapper iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Drop Cap Colour */
.has-drop-cap:not(:focus):first-letter {
	color: var(--theme-palette-color-4) !important;
}

/* List Block */
.entry-content>ol li::marker {
    font-weight: 700 !important;
    color: var(--theme-palette-color-4) !important;
}

/* Fix Caption Alignment for Media */
.wp-block-image.aligncenter {
    width: fit-content !important;
}

/* Custom Style for Numbered List with tyneesha-numlist class */
ol.neesh-numlist {
    list-style-type: none !important; /* Remove default numbering */
    counter-reset: li !important; /* Set up a counter */
    padding-inline-start: unset !important;
}

ol.neesh-numlist > li {
    position: relative !important;
    padding-left: 48px !important; /* Space for the circle */
    margin-bottom: 8px !important; */ /* Space between items */
    height: 32px !important;
}

ol.neesh-numlist > li:before {
    content: counter(li) !important; /* Use the counter as content */
    counter-increment: li !important; /* Increment the counter */
    position: absolute !important;
    left: 0 !important;
    top: 0px !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 16px !important;
    margin: 8px 16px 8px 8px !important;
    line-height: 14px !important; /* Adjust this to match the height of the circle */
    background-color: var(--theme-palette-color-4) !important;
    border-radius: 50% !important;
    color: var(--theme-palette-color-1) !important;
    font-weight: 700 !important;
    text-align: center !important;
    font-size: 12px !important; /* Adjust this to match the desired font size */
    white-space: nowrap !important;
    padding-top: 0px !important;
}

ol.neesh-numlist > li:hover:before {
    background-color: var(--theme-palette-color-2) !important; /* Change the color of the circle on hover */
    color: var(--theme-palette-color-1) !important;
    font-weight: 700 !important;
}

/*===== End WordPress Block Overrides =====*/

/*===== Start Spectra Pro Overrides =====*/
/* Instagram Block Fix */
.ct-container .ct-widget.widget_block {
	max-width: 90vw !important;
	width: 1900px !important;
}

.uagb-block-4ec5e11a .spectra-ig-feed__layout--carousel .spectra-ig-feed__media-wrapper {
    padding: 0px 16px !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	.uagb-block-4ec5e11a .spectra-ig-feed__layout--carousel .spectra-ig-feed__media-wrapper {
		padding: 0px 12px !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	.uagb-block-4ec5e11a .spectra-ig-feed__layout--carousel .spectra-ig-feed__media-wrapper {
		padding: 0px 8px !important;
	}
}

/* Fix for FAQ width */
.uagb-faq__outer-wrap {
	width: 100% !important;
}

/* Make Info ABox block force 16x9 image */
.uagb-ifb-image-content {
 position: relative !important;
 overflow: hidden !important;
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 border-radius: 8px !important; /* Rounded Corners */
}

.uagb-ifb-image-content::before {
 content: "" !important;
 display: block !important;
 padding-bottom: 56.25% !important; /* 16:9 Aspect Ratio */
}

.uagb-ifb-image-content img {
 position: absolute !important;
 top: 50% !important;
 left: 50% !important;
 transform: translate(-50%, -50%) !important;
 width: calc(100% + 8px) !important; /* 100% width plus twice the border radius */
 height: calc(100% + 8px) !important; /* 100% height plus twice the border radius */
 object-fit: cover !important;
 border-radius: 8px !important; /* Rounded Corners */
}

/*===== End Spectra Pro Overrides =====*/

/*===== Start PublishPress Series Overrides =====*/
.seriesmeta, .seriesbox {
	background-color: var(--theme-palette-color-13) !important;
	padding: 64px !important;
	margin-bottom: 64px !important;
	border-radius: 16px !important;
	font-weight: 700 !important;
}

.seriesbox>ul {
	list-style: decimal !important;
	color: var(--theme-palette-color-4) !important;
}

.serieslist-li-current {
	list-style: decimal !important;
	color: var(--theme-palette-color-7) !important;
}

.seriesmeta a, .seriesbox a {
	color: var(--theme-palette-color-4) !important;
}
/*===== End PublishPress Series Overrides =====*/

/*===== Start Modula Gallery Overrides =====*/
/* Blur Background of Lightbox */
html body .modula-fancybox-container.modula-fancybox-is-open {
	backdrop-filter: blur(8px) !important;
}

/* Add Side Padding to images in Lightbox */
html body .modula-fancybox-image, html body .modula-fancybox-spaceball {
    padding: 64px !important;
}

/* License Attribution */
.modula-creative-commons-wrap {
	font-size: clamp(.75rem, .7247rem + .1266vw, .875rem) !important;
	margin: 8px !important;
	font-weight: 700 !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	html body .modula-fancybox-image, html body .modula-fancybox-spaceball {
		padding: 48px !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	html body .modula-fancybox-image, html body .modula-fancybox-spaceball {
		padding: 32px !important;
	}
}
/*===== End Modula Gallery Overrides =====*/

/*===== Start Latepoint Overrides =====*/
.latepoint-lightbox-w .latepoint-lightbox-i {
	min-width: fit-content !important;
    padding: 32px !important;
    border-radius: 8px !important;
}
/*===== End Latepoint Overrides =====*/

/*===== Start General Customisations =====*/
/* Customise Home Page Posts Shortcode */
.entries[data-layout=grid] {
	--grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	.entries[data-layout=grid] {
		--grid-template-columns: repeat( 2, 1fr) !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	.entries[data-layout=grid] {
		--grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
}

/* Custom Link Colours for testimonial Services */
.uagb-ifb-title a {
	color: var(--theme-palette-color-7) !important;
}

.uagb-ifb-title a:visited {
	color: var(--theme-palette-color-7) !important;
}

.uagb-ifb-title a:hover {
	color: var(--theme-palette-color-2) !important;
}

/* Quick Links Caption to H3 */
div.spectra-image-gallery__media-thumbnail-caption {
    font-weight: 700 !important;
    font-size: clamp(1.25rem, 1.1741rem + 0.3797vw, 1.625rem) !important;
    line-height: 1.618 !important;
}

/* Sticky Menu Offset */
.wp-block-group.is-position-sticky {
	top: calc(var(--wp-block-top-offset, 87px) + var(--admin-bar, 0px) + var(--frame-size, 0px) + var(--header-sticky-height, 0px)*var(--sticky-shrink, 100)/100) !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	.wp-block-group.is-position-sticky {
		top: calc(var(--wp-block-top-offset, 48px) + var(--admin-bar, 0px) + var(--frame-size, 0px) + var(--header-sticky-height, 0px)*var(--sticky-shrink, 100)/100) !important;
	}

	.wp-block-group {
		width: 100% !important;
	}

	.wp-block-uagb-container.uagb-block-f1faaade {
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	.wp-block-group.is-position-sticky {
		top: calc(var(--wp-block-top-offset, 63px) + var(--admin-bar, 0px) + var(--frame-size, 0px) + var(--header-sticky-height, 0px)*var(--sticky-shrink, 100)/100) !important;
	}

	.wp-block-group {
		width: 100% !important;
	}

	.wp-block-uagb-container.uagb-block-f1faaade {
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
}

/* Sticky Menu Prevent from Wrapping */
.wp-block-button__link {
	white-space: nowrap !important;
}

/* Sticky Menu Button width */
.uagb-block-0ffe5f41.wp-block-button .uagb-cta__buttons {
    width: auto !important;
}

.uagb-cta__button-link-wrapper, .uagb-cta-second__button {
    width: auto !important;
}


/* Sticky Menu Anchor Padding */
html {
	scroll-padding-top: 24% !important;
	scroll-behavior: smooth !important;
}

/* Tablet */
@media(max-width: 999.98px) {
	html {
		scroll-padding-top: 16% !important;
		scroll-behavior: smooth !important;
	}
}

/* Mobile */
@media(max-width: 689.98px) {
	html {
		scroll-padding-top: 12% !important;
		scroll-behavior: smooth !important;
	}
}
/*===== End General Customisations =====*/