/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Theme Presets */
[class*=has-rounded-corners-] {
  overflow: hidden !important;
}

.has-rounded-corners-small {
  --border-radius: 12px;
  border-radius: var(--border-radius);
}
.has-rounded-corners-medium {
  --border-radius: 16px;
  border-radius: var(--border-radius);
}
.has-rounded-corners-large {
  --border-radius: 24px;
  border-radius: var(--border-radius);
}

.has-drop-shadow-small {
  box-shadow: 0px 8px 30px 0px rgba(var(--theme-palette-color-rgb-9), 0.4) !important;
}
.has-drop-shadow-small.shadow-on-hover:hover {
  box-shadow: 0px 8px 30px 0px rgba(var(--theme-palette-color-rgb-9), 0.6) !important;
}
.has-drop-shadow-medium {
  box-shadow: 0px 12px 40px 0px rgba(var(--theme-palette-color-rgb-9), 0.3) !important;
}
.has-drop-shadow-medium.shadow-on-hover:hover {
  box-shadow: 0px 12px 40px 0px rgba(var(--theme-palette-color-rgb-9), 0.5) !important;
}
.has-drop-shadow-large {
  box-shadow: 0px 16px 60px 0px rgba(var(--theme-palette-color-rgb-9), 0.2) !important;
}
.has-drop-shadow-large.shadow-on-hover:hover {
  box-shadow: 0px 16px 60px 0px rgba(var(--theme-palette-color-rgb-9), 0.4) !important;
}
.has-drop-shadow-small.shadow-on-hover, .has-drop-shadow-medium.shadow-on-hover, .has-drop-shadow-large.shadow-on-hover {
  box-shadow: none !important;
}

.liquid-glass-light:where(:not(.elementor-widget-button)),
.liquid-glass-light > .elementor-button {
  background-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(30px) brightness(110%);
  -webkit-backdrop-filter: blur(30px) brightness(110%);
  border: 1.5px solid rgba(255, 255, 255, 0.5);
}
.liquid-glass-dark:where(:not(.elementor-widget-button)),
.liquid-glass-dark > .elementor-button {
  background-color: rgba(60, 60, 60, 0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1.5px solid rgba(200, 200, 200, 0.5);
}

/* Theme Presets */
.has-rounded-corners-small {
  --border-radius: 16px;
  border-radius: var(--border-radius);
}
.has-rounded-corners-medium {
  --border-radius: 32px;
  border-radius: var(--border-radius);
}
.has-rounded-corners-large {
  --border-radius: 48px;
  border-radius: var(--border-radius);
}
.has-rounded-corners- {
  /* Top Border */
}
.has-rounded-corners-top-small {
  --border-top-radius: 16px;
  border-top-left-radius: var(--border-top-radius);
  border-top-right-radius: var(--border-top-radius);
}
.has-rounded-corners-top-medium {
  --border-top-radius: 32px;
  border-top-left-radius: var(--border-top-radius);
  border-top-right-radius: var(--border-top-radius);
}
.has-rounded-corners-top-large {
  --border-top-radius: 48px;
  border-top-left-radius: var(--border-top-radius);
  border-top-right-radius: var(--border-top-radius);
}
.has-rounded-corners- {
  /* Bottom Border */
}
.has-rounded-corners-bottom-small {
  --border-bottom-radius: 16px;
  border-bottom-left-radius: var(--border-bottom-radius);
  border-bottom-right-radius: var(--border-bottom-radius);
}
.has-rounded-corners-bottom-medium {
  --border-bottom-radius: 32px;
  border-bottom-left-radius: var(--border-bottom-radius);
  border-bottom-right-radius: var(--border-bottom-radius);
}
.has-rounded-corners-bottom-large {
  --border-bottom-radius: 48px;
  border-bottom-left-radius: var(--border-bottom-radius);
  border-bottom-right-radius: var(--border-bottom-radius);
}

.has-drop-shadow-small {
  box-shadow: 0px 8px 30px -10px rgba(var(--theme-palette-color-rgb-9), 0.4) !important;
}
.has-drop-shadow-small.shadow-on-hover:hover {
  box-shadow: 0px 8px 30px -10px rgba(var(--theme-palette-color-rgb-9), 0.2) !important;
}
.has-drop-shadow-medium {
  box-shadow: 0px 12px 40px -16px rgba(var(--theme-palette-color-rgb-9), 0.3) !important;
}
.has-drop-shadow-medium.shadow-on-hover:hover {
  box-shadow: 0px 12px 40px -16px rgba(var(--theme-palette-color-rgb-9), 0.2) !important;
}
.has-drop-shadow-large {
  box-shadow: 0px 10px 80px -20px rgba(var(--theme-palette-color-rgb-9), 0.2) !important;
}
.has-drop-shadow-large.shadow-on-hover:hover {
  box-shadow: 0px 10px 80px -20px rgba(var(--theme-palette-color-rgb-9), 0.2) !important;
}

.has-inner-glow-light {
  box-shadow: 0px 0px 100px 0px rgba(var(--theme-palette-color-rgb-1), 0.5) inset !important;
}
.has-inner-glow-dark {
  box-shadow: 0px 0px 100px 0px rgba(var(--theme-palette-color-rgb-9), 0.5) inset !important;
}

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

/* Header
----------------------------------------------- */
[class*=header-menu] {
  height: auto;
}

[data-header] .ct-header [data-id=logo] .site-logo-container svg {
  fill: var(--theme-palette-color-10);
}

.ct-header-cta .ct-button {
  gap: var(--theme-button-gap, 0.5em) !important;
}

/* Main Menu - Offcanvas Panel
----------------------------------------------- */
#offcanvas .ct-panel-actions {
  min-height: unset;
}

/* Typography
----------------------------------------------- */
html {
  font-size: var(--theme-font-size);
}

/* 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));
}

article > .entry-content h4:not(:first-of-type) {
  margin-block-start: 1.33em;
}

/* Footer
----------------------------------------------- */
[data-footer] .ct-footer .site-branding {
  gap: 1em;
}
[data-footer] .ct-footer [data-row*=middle] > div {
  --grid-template-columns: 2fr 1fr 1fr 1fr auto;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  [data-footer] .ct-footer [data-row*=middle] > div {
    --grid-template-columns: repeat(4, auto);
  }
  [data-footer] .ct-footer [data-row*=middle] > div [data-column=logo] {
    grid-column: 1/span 4;
  }
  [data-footer] .ct-footer [data-row*=middle] > div .widget_nav_menu {
    width: auto;
  }
  [data-footer] .ct-footer [data-row*=middle] > div nav ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media (max-width: 698.98px) {
  [data-footer] .ct-footer [data-row*=middle] > div [data-column=logo] {
    grid-column: 1/span 2;
  }
}
[data-footer] .ct-footer {
  /*@media (min-width: globals.$mobile-max) {
  	[data-row*='bottom'] {
  		> div {
  			--grid-template-columns: 1fr 2fr;
  		}
  	}
  }*/
}
[data-footer] .ct-footer [class*=ct-contact-info] li:first-of-type {
  align-items: flex-start;
}
[data-footer] .ct-footer [class*=ct-contact-info] li:first-of-type .ct-icon-container {
  top: 4px;
}
@media (min-width: 690px) {
  [data-footer] .ct-footer .ct-footer-copyright br {
    display: none;
  }
}

[class*=repocean-slider-main-] .review-box-parent .review-box, [class*=repocean-slider-main-] .review-box-parent .review-box:before, [class*=repocean-slider-main-] .review-box-parent .review-box:after {
  --star-color: var(--theme-palette-color-2) !important;
}
[class*=repocean-slider-main-] .bottom-review-us .bottom-review-us-btn {
  font-family: var(--theme-button-font-family, var(--theme-font-family)) !important;
  font-size: var(--theme-button-font-size) !important;
  font-weight: var(--theme-button-font-weight) !important;
  font-style: var(--theme-button-font-style) !important;
  line-height: var(--theme-button-line-height) !important;
  letter-spacing: var(--theme-button-letter-spacing);
  text-transform: var(--theme-button-text-transform) !important;
  -webkit-text-decoration: var(--theme-button-text-decoration) !important;
          text-decoration: var(--theme-button-text-decoration) !important;
  color: var(--theme-button-text-initial-color) !important;
  background-color: var(--theme-button-background-initial-color) !important;
  fill: var(--theme-button-text-initial-color) !important;
  border: var(--theme-button-border) !important;
  border-top-left-radius: var(--theme-button-border-radius, 3px) !important;
  border-top-right-radius: var(--theme-button-border-radius, 3px) !important;
  border-bottom-right-radius: var(--theme-button-border-radius, 3px) !important;
  border-bottom-left-radius: var(--theme-button-border-radius, 3px) !important;
  min-height: var(--theme-button-min-height) !important;
  padding: var(--theme-button-padding) !important;
  transition: all 0.3s;
}
[class*=repocean-slider-main-] .bottom-review-us .bottom-review-us-btn:hover {
  color: var(--theme-button-text-hover-color) !important;
  fill: var(--theme-button-text-hover-color) !important;
  border-color: var(--theme-button-border-hover-color) !important;
  background-color: var(--theme-button-background-hover-color) !important;
}

/* Effects
----------------------------------------------- */
.sunbeams .sunbeams {
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: var(--theme-normal-container-max-width);
  z-index: 0;
}
.sunbeams .sunbeams > div {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  animation: sunbeams 15s ease infinite alternate;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, white 30%, white 50%, transparent 70%);
          mask-image: linear-gradient(to bottom, transparent 0%, white 30%, white 50%, transparent 70%);
}
.sunbeams .sunbeams > div.layer1 {
  background: linear-gradient(to right, transparent 39%, white 40%, transparent 41%, transparent 48%, white 50%, transparent 52%, transparent 53%, white 54%, transparent 55%, transparent 70%, white 71%, transparent 72%);
}
.sunbeams .sunbeams > div.layer2 {
  animation-delay: -2s;
  animation-duration: 7.8s;
  animation-direction: alternate-reverse;
  background: linear-gradient(to right, transparent 32%, white 33%, transparent 34%, transparent 38%, white 39%, transparent 40%, transparent 53%, white 54%, transparent 55%, transparent 63%, white 65%, transparent 67%);
}
.sunbeams .sunbeams > div.layer3 {
  animation-delay: -5s;
  animation-duration: 8.5s;
  background: linear-gradient(to right, transparent 38%, white 40%, transparent 42%, transparent 47%, white 48%, transparent 49%, transparent 52%, white 53%, transparent 54%, transparent 60%, white 61%, transparent 62%);
}

@keyframes sunbeams {
  0% {
    opacity: 0.1;
    transform: skew(5deg) scale3d(2, 1, 1);
  }
  50% {
    opacity: 0.08;
    transform: skew(0deg) scale3d(1.5, 1.5, 1);
  }
  100% {
    opacity: 0.2;
    transform: skew(-5deg) scale3d(3, 1, 1);
  }
}