/*
Theme Name: Printeez On Demand
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: A custom child block theme for Printeez Inc.
Author: Printeez.
Author URI: https://printeez.com
Template: twentytwentyfive
Version: 1.0
Text Domain: printeez-on-demand
*/

@media screen and (max-width: 767px) {
	:where(.wp-block-columns.has-background) {
		padding: 0.5em !important;
	}
	

	.wp-block-navigation__responsive-dialog {
		padding-right: 20px !important;
	}
	
	.main-nav a {
		font-size: 1.5rem !important;
	}
}





.wp-block-column table .has-inline-color { padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem}
 .nowrap-table table th {white-space: nowrap !important; padding: 1rem 0 !important;}
 .nowrap-table table td {white-space: nowrap !important;}
.nowrap-table thead {border-bottom: 1px solid rgba(0,0,0,0.1) !important}
.nowrap-table tr td {padding: 1rem 0.25rem !important}
.is-style-stripes {border-bottom: 0 !important}
.is-style-stripes thead tr {background: white !important}
.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #f9fafb !important;
}
.is-style-stripes tbody tr:nth-child(even) {
	background-color: #ffffff !important;
}
.is-style-stripes tbody tr td mark {background-color: transparent !important}


li.wp-block-post.bordered  {
    border: 1px solid var(--wp--preset--color--accent-6);
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--wp--preset--color--base);
}

.simpletoc {
    display: none;
}


.simpletoc-title {
   font-size: 1rem;
}

.simpletoc-list  li{
    font-family: var(--font-heading-family);
    font-weight: 900;
    line-height: 1.5;
    font-size: 0.75rem;

}


.simpletoc-list a {
    position: relative;
    display:flex;
    padding: 0.5em ;
    transition: all ease-out 0.3s;
    text-decoration: none;
}
.simpletoc-list a:before {
    content: "";
    left: -1em;
    top: 0;
    position: absolute;
    height: 100%;
    border-left: 2px solid #000;
    transition: all ease-out 0.3s;

}

.simpletoc-list a.active {
background-color: var(--wp--preset--color--accent-3);
}
.simpletoc-list a.active:before {
    box-shadow: 0 0 0 0.2em ;
}
@media screen and (min-width: 48em) {
    .simpletoc {
        display: none;
        max-width: 10em;
        padding: 1em;
        border-right: 1px solid #e5e5e5;
        position: sticky;
        top: 1em;
    }

    .simpletoc ul {
        list-style-type: none;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
}


.wp-hidden {
    display: none !important;
}


.is-style-text-display {
	white-space: nowrap;
}

nav.border button {
    border: 1px solid var(--wp--preset--color--accent-6);
    border-radius: 5px;
    padding: 0.25em;
}

nav.alt button:hover {
    background-color: var(--wp--preset--color--accent-3);
}

.wp-block-site-logo {
    z-index: 1000001;
}

#wpadminbar {
	z-index: 1000002;
}
.image-hover img {
	transition: all ease-out 0.3s;
}
.image-hover:hover img {
	transform:translateY(-4px)scale(1.1);
}
.card-shadow {
	transition: all ease-out 0.3s;
	overflow: hidden;
	
}

.card-shadow a {
	text-decoration: none;
}
.card-shadow:hover {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
}

.card-image-hover figure {
	overflow: hidden !important;
}

.card-image-hover img {
	transition: all ease-out 0.3s;
}

.card-image-hover:hover img {
	transform: scale(1.1);
}

.yb-player.rounded {
	border-radius: 15px !important;
}
@media screen and (max-width: 767px) {
	.yb-player.rounded {
	border-radius: 5px !important;
	}
}


.tcbTabContent .tabMenu {
	margin: 16px auto !important;
	background: #fff;
	justify-content: center;
	gap: 16px !important;
	padding: 8px !important;
	border: 1px solid #00000022 !important;
	border-radius: 9999px;
}
@media screen and (max-width: 767px) {
	.tcbTabContent .tabMenu {
		border-radius: 4px !important;
		width: 100% !important;
	}
}

.tcbTabContent .tabContent {
	border-radius: 15px !important;
	background: #fff !important;
}

.tcbTabContent .tabMenu li {
	flex-direction: row !important;
	border-radius: 999px !important;
	font-size: 0.95rem !important;
	padding: 10px !important;
	box-shadow: none !important;
}
.tcbTabContent .tabMenu li:not(.active) {
	background: none !important;
}

.tcbTabContent .tabMenu li i, .tcbTabContent .tabMenu .tabLabel {margin: 0 !important; font-weight: 700 !important;}

.tcbTabContent.default .tabMenu li .menuIcon i {padding: 0 10px !important;}

.tcbTabContent .tabMenu li i[class=""] {display: none !important;}

.tcbTabContent.default .tabMenu li.active {
	box-shadow: none !important;
}

.daexthefu-title, .daexthefu-comment-label, .daexthefu-comment-submit, .daexthefu-comment-cancel {
	font-size:14px !important;
	font-weight: bold !important;
}
.daexthefu-button-text {
	font-size: 16px !important;
}

.daexthefu-button-type-icon-and-text {gap: 8px !important; padding: 0 16px 0 8px !important;}
.daexthefu-button-type-icon-and-text svg {display:none !important}
.daexthefu-button-icon:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color:#222;
	mask-size: 50%;
	mask-position: center;
	mask-repeat: no-repeat;
	display: flex;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M14.5998 8.00033H21C22.1046 8.00033 23 8.89576 23 10.0003V12.1047C23 12.3659 22.9488 12.6246 22.8494 12.8662L19.755 20.3811C19.6007 20.7558 19.2355 21.0003 18.8303 21.0003H2C1.44772 21.0003 1 20.5526 1 20.0003V10.0003C1 9.44804 1.44772 9.00033 2 9.00033H5.48184C5.80677 9.00033 6.11143 8.84246 6.29881 8.57701L11.7522 0.851355C11.8947 0.649486 12.1633 0.581978 12.3843 0.692483L14.1984 1.59951C15.25 2.12534 15.7931 3.31292 15.5031 4.45235L14.5998 8.00033ZM7 10.5878V19.0003H18.1606L21 12.1047V10.0003H14.5998C13.2951 10.0003 12.3398 8.77128 12.6616 7.50691L13.5649 3.95894C13.6229 3.73105 13.5143 3.49353 13.3039 3.38837L12.6428 3.0578L7.93275 9.73038C7.68285 10.0844 7.36341 10.3746 7 10.5878ZM5 11.0003H3V19.0003H5V11.0003Z'%3E%3C/path%3E%3C/svg%3E");
}

.daexthefu-no .daexthefu-button-icon:before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.40017 16H3C1.89543 16 1 15.1046 1 14V11.8957C1 11.6344 1.05118 11.3757 1.15064 11.1342L4.24501 3.61925C4.3993 3.24455 4.76447 3 5.16969 3H22C22.5523 3 23 3.44772 23 4V14C23 14.5523 22.5523 15 22 15H18.5182C18.1932 15 17.8886 15.1579 17.7012 15.4233L12.2478 23.149C12.1053 23.3508 11.8367 23.4184 11.6157 23.3078L9.80163 22.4008C8.74998 21.875 8.20687 20.6874 8.49694 19.548L9.40017 16ZM17 13.4125V5H5.83939L3 11.8957V14H9.40017C10.7049 14 11.6602 15.229 11.3384 16.4934L10.4351 20.0414C10.3771 20.2693 10.4857 20.5068 10.6961 20.612L11.3572 20.9425L16.0673 14.27C16.3172 13.9159 16.6366 13.6257 17 13.4125ZM19 13H21V5H19V13Z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.yoast-breadcrumbs  {
	font-size: 1rem;
}

.hero-breadcrumbs {
	font-size: 0.8rem !important;
}


/*custom effects for column items*/
.icon-container, .icon-container svg {
	transition: all ease-out 0.3s;
}
.hovered-columns .wp-block-column:nth-child(odd):hover .icon-container {
	background-color: var(--wp--preset--color--accent-1) !important;
}
.hovered-columns .wp-block-column:nth-child(odd):hover .icon-container svg {
	fill: var(--wp--preset--color--base);
}
.hovered-columns .wp-block-column:nth-child(even):hover .icon-container {
	background-color: var(--wp--preset--color--accent-3) !important
}

/*checklist*/

.checklist {
	list-style: none;
	padding-left: 0;
}

.checklist li {
	 display: flex;
	    position: relative;
    margin-bottom: 0.5rem;
}
.checklist li:before {
	    content: "✓";
    position: relative;
   margin-right: 0.5rem;
    color: var(--wp--preset--color--accent-1);
    font-weight: bold;
}

/* ==========================================================================
   GUTENBERG COVER — WHOLE COVER LINK
   Only affects Covers with the .full-link class
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. FULL-LINK COVER
   -------------------------------------------------------------------------- */

.wp-block-cover.full-link {
  position: relative !important;
}


/* --------------------------------------------------------------------------
   2. REMOVE POSITIONING CONTEXTS
   Only inside the full-link Cover.
   -------------------------------------------------------------------------- */

.wp-block-cover.full-link > .wp-block-cover__inner-container,
.wp-block-cover.full-link .wp-block-buttons,
.wp-block-cover.full-link .wp-block-button {
  position: static !important;
}


/* --------------------------------------------------------------------------
   3. EXPAND THE EXISTING GUTENBERG LINK
   -------------------------------------------------------------------------- */

.wp-block-cover.full-link .wp-block-button__link {
  position: absolute !important;
  inset: 0 !important;

  width: auto !important;
  height: auto !important;

  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;

  padding: 20px !important;

  z-index: 10 !important;

  /*
   * Remove the normal button background because
   * the anchor now covers the entire image.
   */
  background: transparent !important;
  border: 0 !important;

  /*
   * Keep the Gutenberg button text.
   */
  color: inherit !important;

  /*
   * Smooth movement both on hover and mouseleave.
   */
  transition: padding-bottom 300ms ease-out;
}


/* --------------------------------------------------------------------------
   4. HOVER
   -------------------------------------------------------------------------- */

.wp-block-cover.full-link:hover .wp-block-button__link {
  padding-bottom: 28px !important;
}


/* --------------------------------------------------------------------------
   5. REDUCED MOTION
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .wp-block-cover.full-link .wp-block-button__link {
    transition: none;
  }

  .wp-block-cover.full-link:hover .wp-block-button__link {
    padding-bottom: 20px !important;
  }

}


.group-checklist-item, .hover-card {
	transition: all ease-out 0.3s;
	position: relative;
	overflow: hidden;
}
.group-checklist-item .item-chevron {opacity: 0}

.group-checklist-item ul, .is-style-checkmark-list {
	padding-left: 10px;
}
.group-checklist-item ul li::marker, .is-style-checkmark-list li::marker  {
	    color: var(--wp--preset--color--accent-1);
}

.group-checklist-item .wp-block-buttons {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	opacity:0;
}
.group-checklist-item:hover, .hover-card:hover {
	border: 1px solid  var(--wp--preset--color--accent-1) !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.group-checklist-item:hover .item-icon, .hover-card:hover .card-icon .icon-container {
	background: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset-color-base) !important;
}

.group-checklist-item:hover .item-icon svg {
	fill: var(--wp--preset--color--base) !important;
}
.group-checklist-item * {
	transition: all ease-out 0.3s;
}
.group-checklist-item:hover h4 {
	color: var(--wp--preset--color--accent-1);
}

.group-checklist-item:hover .item-chevron {
	opacity: 100;
}



.wp-block-table.comparison-table {
    padding: 0 0 1rem;
}

.wp-block-table.comparison-table thead {
    border: none !important;
    border-bottom: 1px solid #00000022 !important;
}

.wp-block-table.comparison-table th {
    border: none !important;
    font-weight: 600;
}

.wp-block-table.comparison-table td {
    border: none !important;
    border-bottom: 1px solid #00000022 !important;
    padding: 1.5rem 0 !important;
}

.wp-block-table.comparison-table th:first-child {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.7rem;
}

.wp-block-table.comparison-table td:first-child,
.wp-block-table.comparison-table th:first-child {
    width: 30vw !important;
}

.wp-block-table.comparison-table th:nth-child(2) {
    background: #000;
    color: #fff;
    border-radius: 10px 10px 0 0;
	display: flex;
	justify-content: center;
}

.wp-block-table.comparison-table tr td:nth-child(2) {
    background: #fff;
    box-shadow: 0 0 4px 0 #00000011;
}

.wp-block-table.comparison-table tr:last-child td {
   	border-bottom: 0 !important;
}

.wp-block-table.comparison-table tr:last-child td:nth-child(2) {
    box-shadow: 0 3px 0 0 #00000022 !important;
    border-radius: 0 0 10px 10px;
}

    .wp-block-table.comparison-table td img {
        width: 24px;
        height: 24px;
		margin: 0 auto;
    }

/* Mobile styles */
@media (max-width: 767px) {
    .wp-block-table.comparison-table td {
        font-size: 0.7rem;
    }
	
	.wp-block-table.comparison-table th:nth-child(2) {
    border-radius: 4px 4px 0 0;
}
	
	.wp-block-table.comparison-table tr:last-child td:nth-child(2) {
    box-shadow: 0 3px 0 0 #00000022 !important;
    border-radius: 0 0 4px 4px;
}

    .wp-block-table.comparison-table td img {
        width: 12px;
        height: 12px;
		margin: 0 auto;
    }

    .wp-block-table.comparison-table td:first-child {
        width: auto !important;
    }
	.wp-block-table.comparison-table th  {
		font-size: 0.7rem !important;
	}
	.wp-block-table.comparison-table th img {
		display: none !important;
	}
}
.icon-button-group {
    display: inline-grid !important;
    grid-template-columns: max-content;
    position: relative;
    width: fit-content;
}

/* Make the icon and button share the same grid cell */
.icon-button-group > .wp-block-outermost-icon-block,
.icon-button-group > .wp-block-buttons {
    grid-area: 1 / 1;
}

/* Position the icon inside the button */
.icon-button-group > .wp-block-outermost-icon-block {
    align-self: center;
    justify-self: start;
    margin-left: 0.75rem;
    z-index: 1;
    pointer-events: none;
}

/* Reserve space for the icon, overriding inline padding */
.icon-button-group .wp-block-button__link {
    padding-left: 2.5rem !important;
}

.icon-button-group mark {
	font-size: 0.6rem;
	padding: 0.2rem;
	border-radius: 4px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0.25rem;
}