/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.wp-block-cp-cool-flipbox-block {
  --cfb-block-width: 100%;
  --cfb-block-height: 400px;
  --cfb-block-padding: 35px 55px;
  --cfb-block-border-width: 1px;
  --cfb-block-border-color: currentColor;
  --cfb-block-border-radius: 10px;
  --cfb-block-front-background: #0693E3;
  --cfb-block-back-background: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(0,180,216) 100%);
  --cfb-block-box-shadow: none;
  --cfb-block-front-vertical-align: center;
  --cfb-block-front-horizontal-align: center;
  --cfb-block-back-vertical-align: center;
  --cfb-block-back-horizontal-align: center;
  --cfb-block-front-media-width: 150px;
  --cfb-block-front-media-height: 150px;
  --cfb-block-flip-anim: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  height: var(--cfb-block-height);
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  --cfb-block-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}
.wp-block-cp-cool-flipbox-block.has-dark-front-bg .cfb-block-flip-front {
  color: var(--cfb-block-nv-text-dark-bg, #fff);
}
.wp-block-cp-cool-flipbox-block.has-light-front-bg .cfb-block-flip-front {
  color: var(--cfb-block-nv-text-color, #000);
}
.wp-block-cp-cool-flipbox-block.has-dark-back-bg .cfb-block-flip-back {
  color: var(--cfb-block-nv-text-dark-bg, #fff);
}
.wp-block-cp-cool-flipbox-block.has-light-back-bg .cfb-block-flip-back {
  color: var(--cfb-block-nv-text-color, #000);
}
.wp-block-cp-cool-flipbox-block.flipX {
  --cfb-block-flip-anim: rotateX(180deg);
}
.wp-block-cp-cool-flipbox-block.flipX-rev {
  --cfb-block-flip-anim: rotateX(-180deg);
}
.wp-block-cp-cool-flipbox-block.flipY {
  --cfb-block-flip-anim: rotateY(180deg);
}
.wp-block-cp-cool-flipbox-block.flipY-rev {
  --cfb-block-flip-anim: rotateY(-180deg);
}
.wp-block-cp-cool-flipbox-block:hover.anim > .cfb-block-flip-inner {
  transform: var(--cfb-block-flip-anim);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner {
  position: relative;
  width: var(--cfb-block-width);
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  background-size: cover;
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-front .cfb-block-front-title {
  font-size: var(--cfb-block-font-size, 1.625rem);
  font-family: var(--cfb-block-font-family);
  font-weight: var(--cfb-block-font-weight, 600);
  line-height: var(--cfb-block-line-height, 1.2em);
  color: var(--cfb-block-title-color, #fff);
  text-align: var(--cfb-block-front-text-align, center);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-front .cfb-block-front-desc {
  font-size: var(--cfb-block-font-size, 1rem);
  font-family: var(--cfb-block-font-family);
  font-weight: var(--cfb-block-font-weight, inherit);
  line-height: var(--cfb-block-line-height, 1.6em);
  color: var(--cfb-block-desc-color, #fff);
  text-align: var(--cfb-block-front-text-align, center);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-back .cfb-block-back-title {
  font-size: var(--cfb-block-font-size, 1.625rem);
  font-family: var(--cfb-block-font-family);
  font-weight: var(--cfb-block-font-weight, 600);
  line-height: var(--cfb-block-line-height, 1.2em);
  color: var(--cfb-block-title-color, #fff);
  text-align: var(--cfb-block-back-text-align, center);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-back .cfb-block-back-desc {
  font-size: var(--cfb-block-font-size, 1rem);
  font-family: var(--cfb-block-font-family);
  font-weight: var(--cfb-block-font-weight, inherit);
  line-height: var(--cfb-block-line-height, 1.6em);
  color: var(--cfb-block-desc-color, #fff);
  text-align: var(--cfb-block-back-text-align, center);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-back .cfb-block-back-btn,
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-back .cfb-block-back-btn .wp-element-button {
  padding: 0.5rem 1rem;
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front, .wp-block-cp-cool-flipbox-block .cfb-block-flip-back {
  width: 100%;
  height: 100%; /* Safari */
  backface-visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  background-size: inherit;
  border-width: var(--cfb-block-border-width);
  border-color: var(--cfb-block-border-color);
  border-style: solid;
  border-radius: var(--cfb-block-border-radius);
  box-sizing: border-box;
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front {
  background: var(--cfb-block-front-background);
  transform: rotate(0deg);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front:hover {
  box-shadow: var(--cfb-block-box-shadow);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: var(--cfb-block-padding);
  min-height: 100%;
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-content h3, .wp-block-cp-cool-flipbox-block .cfb-block-flip-content p {
  margin: 0.5rem;
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front,
.wp-block-cp-cool-flipbox-block .cfb-block-flip-back {
  box-shadow: var(--cfb-block-box-shadow);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front .cfb-block-flip-content {
  justify-content: var(--cfb-block-front-vertical-align);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front .cfb-block-flip-content .cfb-block-img {
  width: var(--cfb-block-front-media-width);
  height: var(--cfb-block-front-media-height);
  align-self: var(--cfb-block-front-horizontal-align);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front .cfb-block-flip-content .cfb-block-front-icon {
  text-align: var(--cfb-block-front-text-align, center);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front .cfb-block-flip-content .cfb-block-front-icon i {
  color: var(--cfb-block-front-icon-color, #fff);
  font-size: var(--cfb-block-front-icon-size, 4rem);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-front .cfb-block-flip-content .wp-block-buttons {
  justify-content: var(--cfb-block-front-horizontal-align);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-back {
  position: absolute;
  top: 0px;
  background: var(--cfb-block-back-background);
  transform: var(--cfb-block-flip-anim);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-back .cfb-block-flip-content {
  justify-content: var(--cfb-block-back-vertical-align);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-back .cfb-block-flip-content .cfb-block-img {
  width: var(--cfb-block-back-media-width);
  height: var(--cfb-block-back-media-height);
  align-self: var(--cfb-block-back-horizontal-align);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-back .cfb-block-flip-content .cfb-block-back-icon {
  text-align: var(--cfb-block-back-text-align, center);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-back .cfb-block-flip-content .cfb-block-back-icon i {
  font-size: var(--cfb-block-back-icon-size, 4rem);
  color: var(--cfb-block-back-icon-color);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-back .wp-block-buttons {
  justify-content: var(--cfb-block-back-horizontal-align);
}
.wp-block-cp-cool-flipbox-block .invert .cfb-block-flip-front {
  transform: var(--cfb-block-flip-anim);
  box-shadow: var(--cfb-block-box-shadow);
}
.wp-block-cp-cool-flipbox-block .invert .cfb-block-flip-back {
  transform: rotate(0deg);
  box-shadow: unset;
}
.wp-block-cp-cool-flipbox-block .invert .cfb-block-flip-back:hover {
  box-shadow: var(--cfb-block-box-shadow);
}

.wp-block-cp-cool-flipbox-block {
  --cfb-block-height-tablet: var(--cfb-block-height);
  --cfb-block-height-mobile: var(--cfb-block-height-tablet);
  --cfb-block-width-tablet: var(--cfb-block-width);
  --cfb-block-width-mobile: var(--cfb-block-width-tablet);
  --cfb-block-padding-tablet: var(--cfb-block-padding);
  --cfb-block-padding-mobile: var(--cfb-block-padding-tablet);
  border: none;
  /* Add this to override Neve styles */
}
.wp-block-cp-cool-flipbox-block[class*=has-dark-] p, .wp-block-cp-cool-flipbox-block[class*=has-light-] p {
  color: unset;
}
.wp-block-cp-cool-flipbox-block .cfb-switcher {
  margin-top: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner {
  transform: var(--cfb-block-editor-flip-animation);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-front .cfb-block-front-title {
  font-size: var(--cfb-block-front-title-font-size, 1.625rem);
  font-family: var(--cfb-block-front-title-font-family);
  font-weight: var(--cfb-block-front-title-font-weight, 600);
  line-height: var(--cfb-block-front-title-line-height, 1.2em);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-front .cfb-block-front-desc {
  font-size: var(--cfb-block-front-desc-font-size, 1rem);
  font-family: var(--cfb-block-front-desc-font-family);
  font-weight: var(--cfb-block-front-desc-font-weight, inherit);
  line-height: var(--cfb-block-front-desc-line-height, 1.6em);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-back .cfb-block-back-title {
  font-size: var(--cfb-block-back-title-font-size, 1.625rem);
  font-family: var(--cfb-block-back-title-font-family);
  font-weight: var(--cfb-block-back-title-font-weight, 600);
  line-height: var(--cfb-block-back-title-line-height, 1.2em);
}
.wp-block-cp-cool-flipbox-block .cfb-block-flip-inner .cfb-block-flip-back .cfb-block-back-desc {
  font-size: var(--cfb-block-back-desc-font-size, 1rem);
  font-family: var(--cfb-block-back-desc-font-family);
  font-weight: var(--cfb-block-back-desc-font-weight, inherit);
  line-height: var(--cfb-block-back-desc-line-height, 1.6em);
}
@media (max-width: 960px) {
  .wp-block-cp-cool-flipbox-block {
    height: var(--cfb-block-height-tablet);
  }
  .wp-block-cp-cool-flipbox-block .cfb-block-flip-inner {
    width: var(--cfb-block-width-tablet);
  }
  .wp-block-cp-cool-flipbox-block .cfb-block-flip-content {
    padding: var(--cfb-block-padding-tablet);
  }
}
@media (max-width: 600px) {
  .wp-block-cp-cool-flipbox-block {
    height: var(--cfb-block-height-mobile);
  }
  .wp-block-cp-cool-flipbox-block .cfb-block-flip-inner {
    width: var(--cfb-block-width-mobile);
  }
  .wp-block-cp-cool-flipbox-block .cfb-block-flip-content {
    padding: var(--cfb-block-padding-mobile);
  }
}

.cfb-block-settings .active-tab {
  border-width: 1px 1px 0px 1px;
  border-color: #e5e5e5;
  border-style: solid;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0px 0px transparent;
}
.cfb-block-settings .components-card-body {
  padding: 0px;
}
.cfb-block-settings .cfb-block-direction-selector {
  padding: 1rem;
}
.cfb-block-settings .cfb-block-direction-selector button {
  height: 30px;
}
.cfb-block-settings .components-panel__body-title button {
  text-transform: capitalize;
}

.cfb-block-icon-toolbar {
  margin-top: 1rem;
}
.cfb-block-icon-toolbar .cfb-block-icon-picker-btn {
  height: 45px;
  padding: 0.5rem;
}
.cfb-block-icon-toolbar .cfb-block-icon-picker-btn i {
  font-size: 1.5rem;
}

.cfb-fontawesome-size-setting {
  display: inline-block;
  margin-left: 1rem;
  margin-bottom: 21px;
  vertical-align: bottom;
}
.cfb-fontawesome-size-setting .components-base-control:last-child {
  margin-bottom: 0px;
}

.cfb-fontawesome-color-setting {
  margin-top: 0.3rem;
}
.cfb-fontawesome-color-setting .components-circular-option-picker {
  display: none;
}

label.cfb-fontawesome-setting-label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.4;
}

.cfb-icon-picker-popover .cfb-fontawesome-items {
  display: grid;
  grid-template-columns: auto auto auto auto;
  max-height: 17rem;
  overflow: auto;
  gap: 1.3rem;
  padding-right: 0.5rem;
}
.cfb-icon-picker-popover .cfb-fontawesome-items button {
  border: 1px solid black;
  padding: 6px 6px;
}
.cfb-icon-picker-popover .cfb-fontawesome-items button span {
  font-size: 1.5rem;
  min-width: unset;
}

.cfb-block-demo-button {
  display: flex;
  justify-content: center;
  padding-block: 0px !important;
}

.cfb-block-review-tab {
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1882352941);
  padding: 10px 0px !important;
  border-radius: 5px !important;
}

.cfb-block-review-tab a {
  text-decoration: none;
  color: #ffb900;
  font-size: 15px;
  margin-top: 10px;
}

.cfb-block-review-tab a span {
  color: #ffb900 !important;
  margin-left: 5px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/background-selector-control/editor.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.block-editor-block-inspector .cfb-background-selector-control {
  margin: 0;
}
.block-editor-block-inspector .cfb-background-selector-control .cfb-background-image-manage .components-dropdown {
  width: 100%;
}
.block-editor-block-inspector .cfb-background-selector-control .cfb-background-image-manage .components-dropdown .components-toolbar__control {
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
  outline: 1px solid transparent;
  color: var(--wp-admin-theme-color);
  width: 100%;
  justify-content: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/control-panel-control/editor.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.cfb-control-panel-control {
  padding: 10px 0;
}
.cfb-control-panel-control .components-base-control__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cfb-control-panel-control .components-base-control__title label {
  padding: 5px 0;
}
.cfb-control-panel-control .components-base-control__title .floating-controls .components-dropdown {
  display: flex;
}
.cfb-control-panel-control .components-base-control__title .floating-controls .components-dropdown button.is-tertiary {
  border: none;
  box-shadow: none;
  color: #1e1e1e;
}
.cfb-control-panel-control .components-base-control__title .floating-controls .components-dropdown button.is-tertiary:hover {
  color: var(--wp-admin-theme-color);
}
.cfb-control-panel-control .components-base-control__title .floating-controls .components-dropdown button.is-active {
  color: var(--wp-admin-theme-color);
}
.cfb-control-panel-control .components-base-control__title .floating-controls .components-dropdown button .dashicon {
  margin: 2px;
}

.cfb-popover-settings {
  padding: 10px;
  min-width: 300px;
  overflow: hidden;
}
.cfb-popover-settings .components-button-group:not(.cfb-toggle-group-control) {
  padding-bottom: 10px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/toogle-group-control/editor.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.cfb-toggle-group-control {
  display: flex;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  border: 1px solid rgb(117, 117, 117);
  border-radius: 2px;
  min-height: 36px;
  min-width: 0px;
  padding: 2px;
}
.cfb-toggle-group-control.has-icon {
  margin-left: 0px;
  margin-right: 0px;
}
.cfb-toggle-group-control .cfb-toggle-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button {
  flex: 1;
  justify-content: center;
  height: 30px;
  width: 100%;
  box-shadow: none;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button:hover {
  box-shadow: none;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button .dashicon {
  color: #2f2f2f;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button svg {
  fill: #2f2f2f;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button.is-primary {
  color: #fff;
  background-color: #f12945;
  box-shadow: none;
  border-radius: 0;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button.is-primary .dashicon {
  color: #fff;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button.is-primary svg {
  fill: #fff;
}
.cfb-toggle-group-control .cfb-toggle-option .components-button.is-secondary {
  color: #000;
  box-shadow: none;
  border-radius: 0px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/button-toggle-control/editor.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.cfb-block-button-toggle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}
.cfb-block-button-toggle .cfb-block-button-toggle__item {
  color: #2f2f2f;
  box-shadow: inset 0 0 0 1px #ccc;
  width: calc(50% - 4px);
  justify-content: center;
}
.cfb-block-button-toggle .cfb-block-button-toggle__item.is-active {
  color: #fff;
  background-color: #f12945;
  box-shadow: none;
}
.cfb-block-button-toggle .cfb-block-button-toggle__item.is-active:hover {
  color: #161616;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/typography/editor.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.cfb-block-typography-advanced,
.cfb-block-box-shadow-advanced {
  box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
  border: 1px solid #e2e4e7;
  background: #fff;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.cfb-block-typography-option-actions {
  display: flex;
  align-items: center;
}
.cfb-block-typography-option-actions button {
  margin-left: auto;
}
.cfb-block-typography-option-actions:nth-child(1) {
  margin-bottom: 1rem;
}

/*# sourceMappingURL=index.css.map*/