/*
Theme Name: CT Magazine
Theme URI:
Author: noirdemars
Author URI: https://noir-de-mars.com
Description: CT Magazine emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ctmagazine
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/



/* 
 * Scrollbar styling 
 * ------------------------- */
 html {
  scroll-behavior:smooth;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--wp--preset--color--accent-pink-three) transparent;
  border-radius:0;
}

/* Chrome/Safari/Edge */
::-webkit-scrollbar {
  width: 8px;  /* Thin scrollbar width */
  height: 8px; /* For horizontal scrollbars */
}

::-webkit-scrollbar-track {
  background: transparent; /* Transparent track */
}

::-webkit-scrollbar-thumb {
  background: var(--wp--preset--color--accent-pink-three);  /* Yellow thumb */
  border-radius: 0;
  border: 2px solid transparent; /* Optional: creates padding illusion */
  background-clip: content-box;  /* Keeps color within border */
}


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 0;
	outline-style: solid;
}

strong {
  font-weight:600;
}

*:focus {
    outline: none;
	outline-width: 0;
}

/*
 * Navigation
 *
 */

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/* Menu navigation */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 25px;
}

.has-modal-open .wp-block-navigation__responsive-close {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100%
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: unset;
}

/* .single-magazines h1 {
	font-family:var(--wp--preset--font-family--ysabeau); 
	font-size:calc(var(--wp--preset--font-size--xx-large)*1.2); 
	font-style:italic; 
	font-weight:100;
	line-height:1;
} */

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.wp-lightbox-container button {
	top:16px !important;
}

@media only screen and (max-width:48rem){
	#not-on-mobile, .not-on-mobile, .on-tablet {
		display:none !important;
	}
}

@media only screen and (min-width:48rem){
	#not-on-desktop, .not-on-desktop, .on-tablet {
		display:none !important;
	}
}

@media only screen and (min-width:48rem) and (max-width: 64rem) {
	.on-tablet {
		display:block !important;
	}
}

.is-z-index-under {
	position:relative; 
	z-index:-1;
}

.is-z-index-over {
	position:relative;
	z-index:2;
}

.is-position-absolute {
	position:absolute;
}

.is-style---position-fixed.is-z-index-under {
	position:fixed;
	z-index:-1;
}

.is-style---position-fixed.is-z-index-over {
	position:fixed;
	z-index:2;
}

.is-style---position-fixed.fixed-bottom {
	position:fixed;
	top:unset;
	left:0;
	right:0;
	bottom:0;
} 

.is-style---position-sticky.is-z-index-under {
	position:sticky;
	z-index:-1;
}

.is-style---position-sticky.is-z-index-over {
	position:sticky;
	z-index:2;
}

/* Prevent content from overflowing */
.is-no-overflow {
	overflow:hidden;
}


/* Color Palette: Grid Background */

.has-grid-white-background-color {
      background-image:linear-gradient(to right, rgba(255, 255, 255, 0.6) 1px, transparent 1px),linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 1px, transparent 1px); 
	  background-size: 24px 24px;
	  background-repeat: repeat;
}

.has-grid-blue-background-color {
      background-image:linear-gradient(to right, rgba(141, 163, 196, 0.2) 1px, transparent 1px),linear-gradient(to bottom, rgba(141, 163, 196, 0.2) 1px, transparent 1px); 
	  background-size: 24px 24px; 
	  background-repeat:repeat;
}


/* Header
 * --------------------------------- */
header {
 	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:5;
} 

@media only screen and (max-width:48rem){
	header {
		position:relative;
	}
}

.home header .wp-block-site-logo {
	visibility: hidden;
}

.wp-block-navigation__responsive-container.is-menu-open {
	border:25px solid var(--wp--preset--color--secondary);
	box-sizing:border-box;
	display:flex;
    justify-content:center;
	align-items:center;
	height:100%;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
 	height:85vh;
	justify-content:center;
	align-content:center;
	align-items:center;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	justify-content:center;
}


footer {
	position:relative;
	z-index:2;
	margin-top:0;
}

/* Protected Posts: Enter Password Page
* ---------------------------------------- */
.password-form-page {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100%;
	background-color:var(--wp--preset--color--accent-blue-four);
}

.password-form-wrapper {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width: 100%;
    height: 100%;
}

.password-form {
	margin-top:100px;
	max-width:500px !important;
} 

.password-form-image {
	margin:0;
}

.password-form-image img {
	width:100%;
    height:250px;
    object-fit:cover;
	transform: rotate(-3deg);
}

.password-form-content {
	margin-top:0;
}

.password-form-title {
	margin:0;
	padding:25px 25px 10px 25px;
}

.password-form-excerpt {
	margin:0;
	padding:0 25px 25px 25px;
}

.password-form-content form {
	border-top:1px solid rgba(18, 18, 18, .3);
	padding:0px 25px;
}

.password-form-label {
	font-size:var(--wp--preset--font-size--x-small);
}

.password-button {
	display:flex;
    justify-content:space-between;
}

.password-button input {
    min-height:28px;
	padding: 5px 6px;
    width:66%;
	font-family:inherit;
	border:1px solid rgba(18, 18, 18, .6);
}

.password-button button {
    min-height:32px;
    width:28%;
	font-family:inherit;
	background-color: var(--wp--preset--color--accent-green);
	border:0;
	color: var(--wp--preset--color--base);
	text-transform:uppercase;
	transition: all 300ms;
}

.password-button button:hover {
	cursor:pointer;
	opacity:0.8;
}

.password-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #888780;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.password-divider::before,
.password-divider::after {
	content: '';
	flex: 1;
	height: 0.5px;
	background: rgba(18, 18, 18, .3);
}

.password-shop-link p {
	font-size:var(--wp--preset--font-size--x-small);
	padding: 0 25px;
}

.password-btn-cta {
	min-height:32px;
	width:100%;
	padding:14px 8px;
	background-color: var(--wp--preset--color--contrast);
	border:0;
	color: var(--wp--preset--color--base);
	font-family:inherit;
	font-size:inherit;
	text-transform:uppercase;
	transition: all 300ms;
}

.password-btn-cta:hover {
	background-color: var(--wp--preset--color--accent-green);
}

.password-btn-cta a {
	text-decoration:none;
}

/* Search page
* ---------------------------------------- */
.search-no-results .wp-block-query-title {
	display: none;
}

.search:not(.search-no-results) .wp-block-query-title {
	padding-bottom:2rem;
}

.search:not(.search-no-results) .wp-block-query-title:before {
	content:'•';
	font-size:1.2rem;
	font-weight: 900;
    line-height:0;
    color: var(--wp--preset--color--secondary);
	margin-right:6px;
}

.search:not(.search-no-results) .wp-block-query {
	padding: 4rem;
}



/*
*
* CUSTOM BLOCKS
* ------------------------------------------ */

/* Snap divs
 * -------------------------------------- */
main:has(.is-style---position-snap){
    scroll-snap-type: y mandatory;
}

@media only screen and (max-width:48em) {
  .is-style---position-snap {
    height:100%;
/*     padding-top:5rem;
    padding-bottom:5rem; */
  }
}

/* Paragraph: Justify text
* -------------------------------------- */
@media only screen and (max-width:48rem){
	.is-style-justify-text {
	  width:85%;
	  margin:0 auto;
	}
}

/* Copyright
* -------------------------------------- */
/* .wp-block-ctmagazine-copyright-block a {
  text-decoration:none;
}

@media only screen and (max-width:48rem){
  .wp-block-ctmagazine-copyright-block {
     text-align:center;
    }
} */


/* Pattern: Magazine Page Break
 * ------------------------------------------- */
/* @media only screen and (min-width:48em) {
	.ct-magazine-post-navigation .wp-block-column:nth-child(1) {
		margin-right: -5%;
        margin-left: 5%;
	}
	
	.ct-magazine-post-navigation .wp-block-column:nth-child(2) {
		margin-left: -10%;
        margin-right: 5%;
		z-index:1;
	}
}

@media only screen and (max-width:48em) {
	.ct-magazine-post-navigation .wp-block-column:nth-child(2) {
		margin-top:-150px;
		z-index:1;
	}
} */


/* Sticky button wrapped in block group 
 * ------------------------------------------- */
.wp-block-group.is-style---position-sticky.ct-magazine-menu {
	position:sticky;
	top:150px;
	bottom:80%;
	z-index:3;
}


/* Featured Image Variations: Animated  
 * ------------------------------------- */
@keyframes appearImage {
	from {
		opacity:0;
		margin-left: -25px;
	} 
	to {
		opacity:1; 
		margin-left: 0;
	}
}

/* Image tilted animated
* ----------------------------------- */
@keyframes tiltedin {
	from {transform:rotate(4deg);} 
	to {transform:rotate(2deg);}
}

@media only screen and (max-width: 48rem) { 
	.is-style-tilted-image {
	   border:3px solid yellow;
	   max-width:100%;
	}
	
	.is-style-tilted-image::after {
		top:unset;
		bottom:15%;
		right:-2rem;
		background-size:130px;
	}
}

/* Scale Image animation
* ----------------------------------- */
/* @media only screen and (max-width:48em) { 
  .wp-block-image.is-style-scale-animate-image img {
	  border:3px solid blue;
  }
} */

/* Banner: Full Height block cover
* ----------------------------------- */
@media only screen and (max-width:48em){
	.is-style-banner-full-height {
		min-height:230px;
	}
}


/* Gallery: Moodboard Wide
* ---------------------------------------------------- */

/* .wp-block-gallery.is-style-gallery-moodboard-wide {
    display:grid !important; 
	position:relative;
	width:100% !important; 
	height:90vh;
	max-width:100vw;
	max-height:100%; 
	grid-template-columns: repeat(14, 1fr); 
	grid-template-rows: repeat(7, 1fr);
	grid-template-areas: ". . . img2 img2 img2 img2 img2 . . . . . ."
		                 "img1 img1 img1 img2 img2 img2 img2 img2 . . . . . ."
		                 "img1 img1 img1 img2 img2 img2 img2 img2 . img4 img4 img4 img4 img4"
		                 "img1 img1 img1 img2 img2 img2 img2 img2 . img4 img4 img4 img4 img4"
		                 "img1 img1 img1 img2 img2 img2 img2 img2 . img4 img4 img4 img4 img4"
		                 "img1 img1 img1 img2 img2 img2 img2 img2 . img4 img4 img4 img4 img4"
	                     "img1 img1 img1 img2 img2 img2 img2 img2 . img4 img4 img4 img4 img4";
	box-sizing:border-box;
}

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image {
    width: unset !important;
    min-height: 0;
    overflow: hidden;
}

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image img {
  width: auto;
  height:100%;
  object-fit: cover !important;
  display: block;
  margin-bottom:0 !important;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(1) {
	grid-column: 1 / span 4;  
	grid-row: 2 / 6; 
	z-index: 2;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(2) {
	grid-area: img2 ; 
	z-index: 1;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(3) {
	grid-column: 8 / span 5; 
	grid-row: 2/ span 4; 
	z-index: 2;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(4) {
	grid-area: img4;
	z-index: 1;
}  */


.wp-block-gallery.is-style-gallery-moodboard-wide {
    display:grid !important; 
	position:relative;
/* 	width:100% !important;  */
	height:90vh;
	max-width:100vw;
	max-height:100%; 
	grid-template-columns: repeat(12, 1fr); 
	grid-template-rows: repeat(10, 1fr);
	grid-template-areas: ". . img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . "
	". .  img2 img2 img2 img2 . . . . . . ";
	box-sizing:border-box;
}

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image {
    width: unset !important;
    min-height: 0;
    overflow: hidden;
}

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image img {
  width: auto;
  height:100%;
  object-fit: cover !important;
  display: block;
  margin-bottom:0 !important;
} 

/* .wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(1) {
	grid-column: 1 / span 4;  
	grid-row: 8 / span 6; 
	z-index: 2;
	border:1px solid aqua;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(2) {
	grid-column: 4 / span 7; 
	grid-row: 1 / span 15; 
	z-index: 1;
	border:1px solid red;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(3) {
	grid-column: 10 / span 7; 
	grid-row: 5 / span 7; 
	z-index: 2;
	border:1px solid pink;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(4) {
	grid-column: 14 / span 7; 
	grid-row: 8 / span 17; 
	z-index: 1;
	border:4px solid gold;
}  */

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(1) {
  grid-row-start: 4;
  grid-column-start: 1;
  grid-column-end: 4;
	z-index: 2;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(2) {
  grid-area: img2;
  z-index: 1;

} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(3) {
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 6
	;
  grid-column-end: 10 ;
	z-index: 2;
} 

.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(4) {
  grid-row-start: 4;
  grid-row-end:9;
  grid-column-start: 9;
  grid-column-end:13;
  z-index: 1;
} 

@media only screen and (max-width:48em){
	.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(1) {
	  grid-row-start: 4;
	  grid-column-start: 1;
	  grid-column-end: 7;
	  z-index: 2;
	} 

	.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(2) {
	  grid-row-start: 1;
	  grid-column-start: 4;
	  grid-column-end: 12;
	  z-index: 1;
	} 

	.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(3) {
	  grid-row-start: 6;
	  grid-row-end: 11;
	  grid-column-start: 6;
	  grid-column-end: 13 ;
	  z-index: 2;
	} 

	.wp-block-gallery.is-style-gallery-moodboard-wide.columns-4 figure.wp-block-image:nth-child(4) {
	  grid-row-start: 6;
	  grid-row-end:9;
	  grid-column-start: 2;
	  grid-column-end:12;
	  z-index: 1;
	} 

}







/* Animated Cover: sublte move
* ----------------------------------- */
/* @keyframes subtleMove {
    25% {
        transform: scale(1) translate(-1%, -1%);
    }
    50% {
        transform: scale(1.08) translate(1%, 0);
    }
    75% {
        transform: scale(1) translate(0, 1%);
    }
} */

/* Magazine Slider
* -------------------------------------------- */
@media only screen and (min-width:64em){
	.single-post .magazine-slide-columns,
	.single-magazines .magazine-slide-columns {
		height:100vh;
		overflow:hidden;
	}
	
	.single-magazines .magazine-slide-columns .magazine-column-medium-image .wp-block-image.alignfull img {
		max-height:75vh;
		width:auto;
		object-fit:cover;
	}
}

/* Annotation with arrow Up
 * ------------------------------------------- */
.is-style-text-annotation-arrow.up{ 
	transform: rotate(-5deg);  
	-webkit-transform: rotate(-5deg);
} 

.is-style-text-annotation-arrow.up::after {
	transform: rotate(-180deg) scaleY(1); 
	-webkit-transform: rotate(-180deg) scaleY(1); 
	padding:10px 10px 0 10px;
}



/* GUTENBERG BLOCKS 
 * ------------------------------------------- */
.has-drop-cap:first-letter {
	font-family:'Montserrat';
	font-weight:200 !important;
	line-height:0.7 !important;
}

/* BUTTON */
.wp-block-button sup {
	position:relative;
	top:-5px;
    font-size:.85rem;
}

/* COLUMNS */
@media only screen and (max-width:48em){
	.wp-block-columns.is-style-columns-order{
	  flex-direction:column-reverse;
	} 
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		border-left: 0; 
		border-right:0;
	}
	
	.wp-block-column.device-column-order-1 {
		order:1;
	}

	.wp-block-column.device-column-order-2 {
		order:2;
	}
	
	.wp-block-column.device-column-order-3 {
		order:3;
	}

	.wp-block-columns.is-style-columns-full-height {
		height:auto; 
    }
	
	.wp-block-columns.is-style-columns-full-height .wp-block-column {
		height:auto; 
		overflow-y:unset;
    }
	
	.wp-block-columns.is-style-columns-full-height .wp-block-column.is-no-overflow {
	    overflow:hidden;
    }
}


/* HEADING */
.wp-block-heading {
  position: relative;
}

/* Limit fit-text scaling on alignfull */
/* .has-fit-text.alignwide,
.has-fit-text.alignfull {
    max-width: 100vw;
    width: 100%;
    margin:0 auto;
}
 */

/* .page .wp-block-post-title {
	font-size:var(--wp--preset--font-size--xxx-large); 
	line-height:0.9; 
	letter-spacing:-2px;
}

.post-title-wrapper {
	container-type: inline-size;
	width:100%;
	min-height:4rem;
}

.post-title-wrapper .wp-block-post-title.alignfull {
    font-size: calc(100vw / 5.5);
	letter-spacing:-0.9rem;
} */

/* @media only screen and (max-width:48em) {
	.single-magazines h1.wp-block-post-title::after {
		 height:100px;
		 top:280px;
		 left:30%;
	}
}
 */
/* .single-guides .wp-block-post-title {
	font-family:var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--xx-large);
	letter-spacing:-4px;
}
 */

/* .single-guides .ctmagazine-single-guides-page-title {
	position:relative;
	z-index:1;
}

@media only screen and (max-width:48em) {
  .wp-block-heading {
    writing-mode: unset !important;
  }
} */


/* PAGINATED CONTENT: page break  + PAGINATION 
 * ---------------------------------------------------- */
.post-nav-links {
	text-align:center;
	font-size: 0.85rem;
}

.post-nav-links:not(.post-page-numbers) {
	visibility:hidden;
	font-size:0;
}

.post-nav-links .post-page-numbers,
.page-numbers {
	visibility:visible;
	font-size:.85rem;
	text-decoration:none;
	padding: 0 0.75rem;
}

.post-nav-links .post-page-numbers.current,
.page-numbers.current {
	font-weight:bold;
}

.post-nav-links .post-page-numbers:hover,
.page-numbers:hover {
  color:var(--wp--preset--color--secondary);
  text-decoration:underline;
  text-underline-offset:4px;
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
	font-family:'Inter';
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron):hover {
	 color:var(--wp--preset--color--secondary);
}


/* FIGCAPTION */
.wp-block-image:not(.aligncenter, .is-style-tilted-image, .is-style-image-animated) figcaption {
	text-align:left !important;	
}

.wp-block-image.aligncenter figcaption {
	text-align:center !important;	
}

.wp-block-image:has(figcaption):before {
	display:none;
}

.wp-block-gallery .wp-block-image:has(figcaption) figcaption {
	flex-basis:unset !important;
	position:relative !important;
	background:none !important; 
	color:var(--wp--preset--color--contrast) !important; 
	text-shadow:unset !important;
}

/* GALLERY */
.wp-block-gallery.is-style-gallery-style-1 {
	position:relative;
}

/* Ligthbox */
.wp-lightbox-overlay .scrim  {
	opacity:0.9 !important;
	background-color:#121212 !important;
}


/* MEDIA TEXT BLOCK */
@media only screen and (max-width: 48rem) {
	.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img {
		height: auto;
		width: 100%;
	}
}

/*
*
* PLUGINS
* ------------------------------------------ */

/* Cookie Yes */
.cky-consent-container .cky-consent-bar {
	border-radius:0 !important;
}
.cky-consent-container.cky-box-bottom-left {
	width:340px !important;
	left:20px !important;
	bottom:20px !important;
}

.cky-notice-btn-wrapper {
	justify-content:space-between !important;
	gap:8px !important;
}

.cky-btn.cky-btn-customize,
.cky-btn.cky-btn-reject {
	line-height:1 !important;
	margin:0 0 0 0 !important;
	border:1px solid var(--wp--preset--color--contrast) !important;
	border-radius:0 !important;
}

.cky-btn.cky-btn-accept {
	font-size:.9rem !important;
	line-height:1 !important;
	border-radius:0 !important;
}

/*
 * 
 * SHORTCODE
 * --------------------------------------------------- */
/* Styles for the Popup shortcode */

.popup-wrapper {
	display: block;
	position: relative;
}

.popup-hover-trigger {
	display: block;
	position: relative;
	padding:2rem;
	z-index: 1;
	cursor: pointer;
}

.popup-content {
	display: none;
/* 	position: absolute; */
	position:fixed;
	top:15%;
	left: 45%;
	padding: 12px 16px;
	margin-top:6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 1000;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.5;
	width:300px;
	max-width: 300px;
	transform:rotate(-5deg);
	box-sizing:border-box;
	white-space: normal;
}

.popup-content::before{
	content: '';
	position: absolute;
	top: -12px;
	left: 85%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-bottom-color: inherit;
}

.popup-wrapper:hover .popup-content {
	display: block;
	animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media (max-width: 768px) {
	.popup-content {
		max-width: 250px;
		font-size: 13px;
	}
}