/*
 * CSS for registered block styles.
 * See styles/register-block-styles.php.
 */




/******** Tables  ********/

.wp-block-table thead th {
    border-right: 0;
    border-left: 0;
}
.wp-block-table thead {
    border-top: 1px solid;
}
.wp-block-table thead th:first-child {
    border-left: 1px solid;
    border-color: var(--wp--preset--color--primary);
}
.wp-block-table thead th:last-child {
    border-right: 1px solid;
    border-color: var(--wp--preset--color--primary);
}

/** Styled **/
.wp-block-table.is-style-stripes thead a, .wp-block-table.is-style-styled thead a {
    color: #fff;
}
.wp-block-table.is-style-stripes thead a:before, .wp-block-table.is-style-styled thead a:before {
    background-color: var(--wp--preset--color--white) !important;
}

.wp-block-table.is-style-styled thead {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	font-weight:700;
	border-bottom: 0;
    border-top: none;
}
.wp-block-table.is-style-styled table {
    background: var(--wp--preset--color--foreground);
}
.wp-block-table.is-style-styled td {
    border: none;
	padding:12px;
}
.wp-block-table.is-style-styled tr {
    border-bottom: 2px solid var(--wp--preset--color--background);
}
.wp-block-table.is-style-styled tr:last-child {
    border: none;
}
.wp-block-table.is-style-styled th {
	padding:20px;
	border: none;
}

/** Styled **/
.wp-block-table.is-style-stripes thead {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	font-weight:700;
	border-bottom: 0;
    border-top: none;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--wp--preset--color--background);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: var(--wp--preset--color--foreground);
}
.wp-block-table.is-style-stripes td {
    border: none;
	padding:12px;
}
.wp-block-table.is-style-stripes tr {
    border-bottom: 2px solid;
	border-color: rgb(0 0 0 / 4%);
}
.wp-block-table.is-style-stripes tr:last-child {
    border: none;
}
/**** Spacer  ****/

.is-style-spacer-xxsmall {
    height: var(--wp--preset--spacing--xxsmall)!important;
}

.is-style-spacer-xsmall {
    height: var(--wp--preset--spacing--xsmall)!important;
}
.is-style-spacer-small {
    height: var(--wp--preset--spacing--small)!important;
}
.is-style-spacer-medium {
    height: var(--wp--preset--spacing--medium)!important;
}
.is-style-spacer-large {
    height:var(--wp--preset--spacing--large)!important;
}
.is-style-spacer-xlarge {
    height: var(--wp--preset--spacing--xlarge)!important;
}
.is-style-spacer-xxlarge {
    height: var(--wp--preset--spacing--xxlarge)!important;
}

/******** Buttons  ********/

/**** Buttons Default Padding Adjustment ****/
.wp-block-button.is-style-outline>.wp-block-button__link{
	padding: 1rem 2rem;
}

/**** Secondary button ****/
.is-style-foreup-secondary .wp-block-button__link {
	border: 2px solid;
	border-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent);
	background: none;
	position:relative;
}


/**** Button Link  ****/
.is-style-foreup-button-link .wp-block-button__link {
    border-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--black);
    background: none;
    position: relative;
    border-radius: 0px;
    padding-left: 0;
    font-size: var(--wp--preset--font-size--p-regular);
    border-bottom: 1px solid;
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
	padding-right: 50px;
	text-align: left;
}

/* Icon */
.is-style-foreup-button-link i {
  position: absolute;
  right: 0;
  transition: transform 0.3s ease;
}

/* Hover/Focus state */
.is-style-foreup-button-link .wp-block-button__link:hover i,.is-style-foreup-button-link .wp-block-button__link:focus i {
  transform: translateX(-15px); /* Adjust as needed */
}


/**** White Outline Button ****/
.is-style-foreup-outline .wp-block-button__link {
	border: 2px solid;
	border-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--white);
	background:none;
	position:relative;
}

/**** Default Outline Button ****/
.is-style-outline .wp-block-button__link {
	border: 2px solid;
	border-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--black);
	background:none;
	position:relative;
    text-wrap: nowrap;
}
.mobile-button.is-style-outline .wp-block-button__link:before  {
    content: "\f450";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    padding-right: 5px;
}