/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Header Menu
----------------------------------------------- */
[class*=header-menu] {
  height: auto;
}

[data-header] .menu > li > .ct-menu-link {
  --menu-item-padding: 12px calc(var(--menu-items-spacing, 25px) / 2) 8px;
}

/* Typography - Headers
----------------------------------------------- */
[data-prefix=single_page] .entry-header .page-title {
  font-family: var(--theme-default-typography-h1-family, var(--theme-font-family));
  font-size: var(--theme-default-typography-h1-size, var(--theme-font-size));
  line-height: var(--theme-default-typography-h1-line-height, var(--theme-line-height));
  letter-spacing: var(--theme-default-typography-h1-letter-spacing, var(--theme-letter-spacing));
  text-transform: var(--theme-default-typography-h1-text-transform, var(--theme-text-transform));
  -webkit-text-decoration: var(--theme-default-typography-h1-text-decoration, var(--theme-text-decoration));
          text-decoration: var(--theme-default-typography-h1-text-decoration, var(--theme-text-decoration));
}

/* Footer
----------------------------------------------- */
@media (min-width: 1000px) {
  [data-footer*=type-1] .ct-footer [data-row*=middle] > div {
    --grid-template-columns: 2fr minmax(max-content, 1fr) max-content;
  }
}
@media (min-width: 1000px) {
  [data-footer*=type-1] .ct-footer [data-row*=middle] [data-column=menu] {
    --menu-item-width: auto;
    align-items: center;
  }
  [data-footer*=type-1] .ct-footer [data-row*=middle] [data-column=menu] ul {
    flex-direction: column;
    align-items: flex-start;
  }
  [data-footer*=type-1] .ct-footer [data-row*=middle] [data-column=menu] ul > li,
  [data-footer*=type-1] .ct-footer [data-row*=middle] [data-column=menu] ul > li > a {
    width: auto;
  }
}

@media (max-width: 698.98px) {
  [data-footer*=type-1] .ct-footer [data-row*=bottom] [data-column=socials] {
    grid-column-start: 1;
    grid-row-start: 1;
  }
}
/* Page Headers
----------------------------------------------- */
body[class*=elementor-kit] #main-container .site-main > [class*=ct-container]:first-of-type .entry-content > .elementor > *:first-child {
  padding-block-start: calc(var(--has-transparent-header) * var(--header-height));
}

/* Buttons
----------------------------------------------- */
.ct-button {
  clip-path: polygon(0 14px, 14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}

body[class*=elementor-kit] .elementor-widget-button .elementor-button {
  clip-path: polygon(0 14px, 14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}
body[class*=elementor-kit] .elementor-widget-button.elementor-button-outlined .elementor-button {
  border-color: transparent;
}
body[class*=elementor-kit] .elementor-widget-button.elementor-button-outlined .elementor-button .elementor-button-content-wrapper:before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: -3px;
  background-color: currentColor;
  /* https://css-generators.com/custom-corners/ */
  clip-path: polygon(0 14px, 14px 0, 100% 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 100%, 0 14px, 3px 15.24px, 3px calc(100% - 1.24px), 1.24px calc(100% - 3px), calc(100% - 14px - 1.24px) calc(100% - 3px), calc(100% - 3px) calc(100% - 14px - 1.24px), calc(100% - 3px) 1.24px, calc(100% - 1.24px) 3px, 15.24px 3px, 3px 15.24px);
}
body[class*=elementor-kit] .elementor-widget-button.elementor-button-outlined .elementor-button:hover .elementor-button-content-wrapper:before {
  background-color: var(--e-global-button-hover-background-color);
}

/* Box Hovers
----------------------------------------------- */
.ct-hover-box:hover :where(h1, h2, h3, h4, h5, h6, p) {
  color: var(--theme-palette-color-10) !important;
}
.ct-hover-box:hover svg {
  fill: var(--theme-palette-color-10) !important;
}

.ct-hover-box.reverse:hover :where(h1, h2, h3, h4, h5, h6, p) {
  color: var(--theme-palette-color-1) !important;
}
.ct-hover-box.reverse:hover svg {
  fill: var(--theme-palette-color-1) !important;
}/*# sourceMappingURL=style.css.map */