/* ===================================================================================

* Theme Name: Wonderpack Child
* Theme URI: #
* Author: Sikto
* Author URI: #
* Description: Wonderpack Child Theme
* Version: 1.4
* Template: lexend
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* Image Masking */

.mask-img .elementor-wrapper {
  -webkit-mask-image: url('/wp-content/uploads/2025/11/Union-3@2x.png');
  mask-image: url('/wp-content/uploads/2025/11/Union-3@2x.png');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  overflow: hidden;
}

.mask-img .elementor-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Container Width Adjustment */
@media (min-width: 1400px) {
  .container {
    max-width: 1282px;
  }
}
/* Button Underline */
.btn-underline span.elementor-button-text {
  text-decoration: underline;
}

/* maring-bottom zero */

.mb-0 p {
  margin-bottom: 0 !important;
}

/* Breadcrumb */

.breadcrumb-area {
  padding: 10px 0;
  background: #000;
  color: #fff;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: var(--e-global-typography-text-line-height);
}

.breadcrumb-area a {
  color: #fff;
  text-decoration: none;
}

.breadcrumb-area span.current-item {
  font-weight: 500;
}

/* Image Full Height */

.img-full .elementor-element,
.img-full .elementor-element img {
  height: 100%;
  object-fit: cover;
}

/* Unset BG */

.icon-box-item {
  background: unset;
}

.slider-area-inner:before {
  border: none !important;
}

.icon-box-item {
  margin: 0px !important;
}

/* Page Title */

.page-title:after {
  content: '';
  position: absolute;
  left: -100px;
  top: 5px;
  width: 437px;
  height: 790px;
  background: url('/wp-content/uploads/2025/12/shape.svg') 0% 0% no-repeat
    padding-box;
  display: block;
  opacity: 1;
  z-index: 9;
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .page-title:after {
    height: 100% !important;
    width: 250px !important;
    background-size: cover !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .page-title:after {
    height: 100% !important;
    width: 200px !important;
    background-size: cover !important;
  }
}

@media screen and (max-width: 767px) {
  .page-title:after {
    height: 300px !important;
    width: 200px !important;
    background-size: cover !important;
  }
}

/* Form Css */

.fluentform.ff-default .ff-el-input--label label {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: 500;
  line-height: var(--e-global-typography-text-line-height);
}

.ff-default .ff-el-form-control {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: var(--e-global-typography-text-line-height);
  resize: none;
}

.fluentform label.ff-el-form-check-label span {
  font-family: var(--e-global-typography-7b80de0-font-family), Sans-serif;
  font-size: var(--e-global-typography-7b80de0-font-size);
  font-weight: 400;
  color: var(--e-global-color-c69f461);
}

.fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
  font-family: var(--e-global-typography-7b80de0-font-family), Sans-serif;
  font-size: var(--e-global-typography-7b80de0-font-size);
  font-weight: var(--e-global-typography-7b80de0-font-weight);
  line-height: var(--e-global-typography-7b80de0-line-height);
  letter-spacing: var(--e-global-typography-7b80de0-letter-spacing);
  word-spacing: var(--e-global-typography-7b80de0-word-spacing);
}

.fluentform .ff-text-center {
  margin: 0px;
}
.fluentform .ff-el-group.ff_list_inline .ff-el-form-check {
  display: flex;
}

.fluentform label.ff-el-form-check-label {
  display: flex;
  gap: 15px;
  align-items: self-start;
}

.fluentform .ff-el-form-check-label .ff-el-form-check-input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 22px !important;
  height: 22px !important;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #000;
  top: 4px;
}

.fluentform .ff-el-form-check-label span {
  flex-basis: calc(100% - 30px);
}

.fluentform
  .ff-el-form-check.ff-el-form-check-.ff_item_selected
  .ff-el-form-check-input[type='checkbox'] {
  background-color: var(--e-global-color-primary);
  background-image: url(/wp-content/uploads/2025/12/checkbox.svg);
  background-size: 12px 10px;
  background-position-x: 4px;
  background-position-y: 48%;
  background-repeat: no-repeat;
  z-index: 3;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
  color: #000;
}

.fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
  box-shadow: 0 0 0 0 #000 !important;
  transition: all 0.3s ease-in-out;
}

.fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover,
.fluentform-widget-wrapper .ff-el-group .ff-btn-submit:focus {
  box-shadow: 3px 3px 0px 0 #000 !important;
}

select.ff-el-form-control:not([size]):not([multiple]) {
  padding-left: 10px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
select.ff-el-form-control {
  background-image: url('/wp-content/uploads/2025/12/angle-down.svg') !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
}

/* Video Section */

.video-wrapper > .elementor-element {
  height: 100%;
}

.video-wrapper > .elementor-element > .elementor-wrapper {
  height: 100%;
}

.video-wrapper .elementor-widget-video .elementor-custom-embed-image-overlay {
  height: 100% !important;
}

@media screen and (min-width: 768px) {
  .video-wrapper .elementor-custom-embed-play {
    inset-inline-start: 0 !important;
  }

  .video-wrapper .elementor-widget-video {
    overflow: visible !important;
  }
}

.video-wrapper .elementor-wrapper {
  --video-aspect-ratio: 1 !important;
}
.elementor-widget-video .elementor-custom-embed-image-overlay img {
  aspect-ratio: 1 !important;
}



.breadcrumbs.panel {
    display: none !important;
}



/* Single Blog Style */

/* Headings */
body.wp-singular.post-template-default.single.single-post h1,
body.blog h1,
body.search h1,
body.archive h1,
body.wp-singular.post-template-default.single.single-post h2,
body.blog h2,
body.search h2,
body.archive h2,
body.wp-singular.post-template-default.single.single-post h3,
body.blog h3,
body.search h3,
body.archive h3,
body.wp-singular.post-template-default.single.single-post h4,
body.blog h4,
body.search h4,
body.archive h4,
body.wp-singular.post-template-default.single.single-post h5,
body.blog h5,
body.search h5,
body.archive h5,
body.wp-singular.post-template-default.single.single-post h6,
body.blog h6,
body.search h6,
body.archive h6 {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}

/* Widget links */
body.wp-singular.post-template-default.single.single-post .widget_block ul li a,
body.wp-singular.post-template-default.single.single-post .widget.widget_pages ul li a,
body.wp-singular.post-template-default.single.single-post .widget.widget_nav_menu ul li a,
body.wp-singular.post-template-default.single.single-post .widget.widget_meta ul li a,
body.wp-singular.post-template-default.single.single-post .widget.widget_categories ul li a,
body.wp-singular.post-template-default.single.single-post .widget.widget_archive ul li a {
    font-family: var(--e-global-typography-1b71681-font-family), Sans-serif !important;
}

/* Root variables */
:root {
    --unit-body-font-family: var(--e-global-typography-1b71681-font-family), Sans-serif !important;
    --unit-heading-font-family: var(--e-global-typography-1b71681-font-family), Sans-serif !important;
}

/* Paragraphs, links, spans */
body.wp-singular.post-template-default.single.single-post p,
body.wp-singular.post-template-default.single.single-post a,
body.wp-singular.post-template-default.single.single-post span,
body.blog p,
body.search p,
body.archive p,
body.blog a,
body.search a,
body.archive a,
body.blog span,
body.search span,
body.archive span {
    font-family: var(--e-global-typography-1b71681-font-family), Sans-serif !important;
}

/* Heading links */
body.wp-singular.post-template-default.single.single-post h1 a,
body.wp-singular.post-template-default.single.single-post h2 a,
body.wp-singular.post-template-default.single.single-post h3 a,
body.wp-singular.post-template-default.single.single-post h4 a,
body.wp-singular.post-template-default.single.single-post h5 a,
body.wp-singular.post-template-default.single.single-post h6 a,
body.blog h1 a,
body.search h1 a,
body.archive h1 a,
body.blog h2 a,
body.search h2 a,
body.archive h2 a,
body.blog h3 a,
body.search h3 a,
body.archive h3 a,
body.blog h4 a,
body.search h4 a,
body.archive h4 a,
body.blog h5 a,
body.search h5 a,
body.archive h5 a,
body.blog h6 a,
body.search h6 a,
body.archive h6 a {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}


/* Blog post bottom buttons */
body.blog .blog-post-content .blog__post-bottom a,
body.archive .blog-post-content .blog__post-bottom a,
.blog__post-bottom a {
    color: #fff !important;
    border-radius: 50px;
    border: 1px solid #000;
    transition: all .3s ease-in;
    box-shadow: 0 0 0 0 #000;
}

body.blog .blog-post-content .blog__post-bottom a:hover,
body.archive .blog-post-content .blog__post-bottom a:hover,
body.blog .blog-post-content .blog__post-bottom a:focus,
body.archive .blog-post-content .blog__post-bottom a:focus {
    box-shadow: 3px 3px 0 0 #000;
}




/* Blog Page Design Changed */


.wp-block-search__button-outside .wp-block-search__label {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
    font-weight: var(--heading-font-weight, 700) !important;
    letter-spacing: var(--heading-font-spacing, normal) !important;
    font-style: var(--heading-font-style, normal) !important;
    text-transform: var(--heading-font-transform, initial) !important;
}

.wp-block-search .wp-block-search__button,
aside.blog__sidebar .wp-block-search__input {
    font-family: var(--e-global-typography-1b71681-font-family), Sans-serif !important;
}

html:root {
    --bs-secondary-rgb: 245, 238, 233;
    --bs-secondary: #e7f8ec !important;
    --unit-secondary-color: #e7f8ec !important;
}