/*
Theme Name: Mouno Child
Theme URI: http://demo.casethemes.net/mouno
Template: mouno
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio
Description: Mouno is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Tags: Blog,E-Commerce,Portfolio,Grid Layout,One Column,Two Columns,Three Columns,Four Columns,Left Sidebar,Right Sidebar,Custom Background,Custom Colors,Custom Header,Custom Logo,custom-menu,Editor Style,Featured Image Header,Featured Images,flexible-header,Footer Widgets,Full Width Template,microformats,Post Formats,Sticky Post,Theme Options,threaded-comments,translation-ready,Block Editor Styles,Wide Blocks
Version: 1.0.0.1763477203
Updated: 2025-11-18 14:46:43

*/

ul li{margin-bottom:6px;}

.elementor-counter-title{
	line-height:1.5em !important;
	text-align:center !important;
}


/* =========================================================
   HOVER CARD
   Desktop: Directional fold on hover
   Mobile: Static content, no interaction
========================================================= */

/* ---------- Base card ---------- */
.hover-card{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
}

/* ---------- Front ---------- */
.hover-card .card-front{
  position: relative;
  z-index: 1;
  transition: opacity .18s ease;
}

/* ---------- Back ---------- */
.hover-card .card-back{
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

 
  background: #fff;
  border-radius: inherit;

  pointer-events: none;
}

/* ---------- Desktop / laptop (real hover) ---------- */
@media (hover: hover) and (pointer: fine){

  /* folded default state */
  .hover-card .card-back{
    opacity: 1;
    transform: scaleY(0);
    transform-origin: bottom center;
    transition:
      transform .36s cubic-bezier(.2,.8,.2,1),
      box-shadow .28s ease;
  }

  /* direction decides hinge edge */
  .hover-card.from-top .card-back{
    transform: scaleY(0);
    transform-origin: top center;
  }

  .hover-card.from-bottom .card-back{
    transform: scaleY(0);
    transform-origin: bottom center;
  }

  .hover-card.from-left .card-back{
    transform: scaleX(0);
    transform-origin: center left;
  }

  .hover-card.from-right .card-back{
    transform: scaleX(0);
    transform-origin: center right;
  }

  /* unfold on hover */
  .hover-card:hover .card-back{
    transform: scale(1);
    pointer-events: auto;
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
  }

  /* keep front faintly visible so fold reads */
  .hover-card:hover .card-front{
    opacity: .08;
  }
}

@media (hover: none), (max-width: 1024px){

  /* show both sides, no overlay */
  .hover-card{
    overflow: hidden;
  }

  .hover-card .card-front{
    opacity: 1 !important;
  }

  .hover-card .card-back{
    position: relative !important;
    inset: auto !important;
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    pointer-events: auto !important;
   background-color:#fff !important;
	 p{color:#000 !important;}
    box-shadow: none !important;
  }
}


/* ---------- Mobile / touch (no hover, no tap) ---------- */
@media (hover: none){

  /* card grows naturally */
  .hover-card{
    overflow: hidden;
  }

  /* front always visible */
  .hover-card .card-front{
    opacity: 1;
  }

  /* back becomes normal flow content */
  .hover-card .card-back{
    position: relative;
    inset: auto;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    margin-top: 10px;
	   
  }
	
}

/* ---------- Optional height tuning ---------- */
@media (min-width: 768px){
  .hover-card{ min-height: 260px; }
}
@media (max-width: 1024px){
  .hover-card{ min-height: auto; }
}

/* ---------- Optional grid helper ---------- */
.cards-3up{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}
@media (max-width: 1024px){
  .cards-3up{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px){
  .cards-3up{ grid-template-columns: 1fr; gap: 16px; }
}

.pxl-icon-box-wrapper.icon-box-style1 {
	    box-shadow: none !important;
	  -webkit box-shadow: none !important;
	-moz-box-shadow:  none !important;
	-ms-box-shadow:  none !important;
	-o-box-shadow:  none !important;
}
pxl-title-text{text-decoration:none !important;}

.pxl-icon-box-wrapper.icon-box-style1 .pxl-icon-box-title .pxl-title-text {
	font-family: "Quad Graphik Condensed" !important;
    --pxl-height: 0px !important;
}


.award-card{ position: relative !important; cursor: pointer; }
.award-card .award-overlay-button{
  position: absolute !important;
  inset: 0 !important;
  z-index: 99999 !important;
}

.award-card .award-overlay-button .elementor-button-wrapper,
.award-card .award-overlay-button a.elementor-button{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* hide label but keep it for screen readers */
.award-card .award-overlay-button .elementor-button-text{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.award-card{ user-select: none; }
.pxl-link-text{color:#24c96a !important}
.big-icon{font-size:40px !important;}

/* hide the index for solutions page. Use ID with them if you ever want to use the index numbers somewhere else */
.pxl-icon-box-index{display:none !important}

.elementor-author-box__name::before{
  content: "by ";
	font-weight:normal !important;
	font-family: 'Roboto';
	font-size:.8em;
}

/* kill parent checkbox functionality */
.jet-list-tree__parent > label.jet-checkboxes-list__item {
	pointer-events: none !important;
	cursor: default !important;
}

/* hide the actual checkbox input */
.jet-list-tree__parent > label.jet-checkboxes-list__item input.jet-checkboxes-list__input {
	display: none !important;
}

/* hide the visible checkbox square */
.jet-list-tree__parent .jet-checkboxes-list__decorator {
	display: none !important;
}

/* hide the parent count */
.jet-list-tree__parent .jet-filters-counter {
	display: none !important;
}

/* make the parent text look like a heading */
.jet-list-tree__parent .jet-checkboxes-list__label {
	font-weight: 700 !important;
	padding-top:10px;
}

/* keep child items working normally */
.jet-list-tree__children,
.jet-list-tree__children * {
	pointer-events: auto !important;
}

    .blog #pxl-main, .archive #pxl-main, .search.search-results #pxl-main {
       padding-block-end: 0px !important;
    }

.single-video-playlist .e-tabs,
.single-video-playlist .e-tabs-content {
  width: 100% !important;
  max-width: 100% !important;
}

.single-video-playlist .e-tabs-content,
.single-video-playlist .e-tab-content,
.single-video-playlist .elementor-wrapper,
.single-video-playlist iframe,
.single-video-playlist video {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.single-video-playlist .e-tabs-wrapper {
  border: 0 !important;
  box-shadow: none !important;
}

/* DROPDOWNS */
.jet-smart-filters-select {
  width: 350px !important; /* adjust to taste */
}

.jet-smart-filters-select .jet-select {
  width: 350px !important;
  margin: 0 auto;
}

/*outline for select and search */
.jet-select select:focus,
.jet-search-filter__input-wrapper input[type="search"]:focus {
  outline: none;
  border-color: #21aa04 !important;
  box-shadow: 0 0 0 2px rgba(33, 170, 4, 0.25);
}

/*gravity forms styling*/
/* ---------- FORM 1 MODERN UNDERLINE STYLE ---------- */

#gform_wrapper_1 {
  --line-color: #8a9098;
  --line-focus: #1f1f1f;
  --text-color: #000 !important;
  --required-color: #d86a4a;
}

/* overall field spacing */
#gform_wrapper_1 .gfield {
  margin-bottom: 20px;
}

/* labels */
#gform_wrapper_1 .gfield_label {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-color);
  margin-bottom: 12px;
}

/* required asterisk */
#gform_wrapper_1 .gfield_required {
  color: var(--required-color);
  margin-left: 4px;
  font-weight: 400;
}

/* inputs and textarea */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 textarea {
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line-color) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 12px 0 !important;
  font-size: 18px;
  color: #8e8e8e !important;
  min-height: auto !important;
}

/* focus */
#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 input[type="number"]:focus,
#gform_wrapper_1 input[type="url"]:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom-color: var(--line-focus) !important;
}

/* textarea */
#gform_wrapper_1 textarea {
  min-height: 160px;
  resize: vertical;
}

/* remove background wrappers */
#gform_wrapper_1 .ginput_container,
#gform_wrapper_1 .gform-theme-field-control,
#gform_wrapper_1 .ginput_container_text,
#gform_wrapper_1 .ginput_container_email,
#gform_wrapper_1 .ginput_container_phone,
#gform_wrapper_1 .ginput_container_textarea,
#gform_wrapper_1 .ginput_container_name,
#gform_wrapper_1 .ginput_complex {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------- NAME FIELD FIX ---------- */
/* give first/last their own spacing so they don't visually crash together */
#gform_wrapper_1 .ginput_complex {
  column-gap: 22px !important;
  row-gap: 0 !important;
}

#gform_wrapper_1 .ginput_complex span {
  display: block;
}

#gform_wrapper_1 .ginput_complex input {
  border: 0 !important;
  border-bottom: 1px solid var(--line-color) !important;
  padding: 8px 0 12px 0 !important;
  width: 100% !important;
}

/* hide sublabels under first/last if Gravity Forms is outputting them */
#gform_wrapper_1 .ginput_complex label {
  display: none !important;
}

/* ---------- SELECT FIX ---------- */
#gform_wrapper_1 .ginput_container_select {
  position: relative;
}

#gform_wrapper_1 select {
  width: 100%;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line-color) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 28px 12px 0 !important;
  font-size: 18px;
  color: #1f1f1f;
  line-height: 1.3;
  height: auto !important;
	margin-bottom:20px;
}

/* custom arrow */
#gform_wrapper_1 .ginput_container_select::after {
  content: "⌄";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--text-color);
  pointer-events: none;
}

/* hide IE default arrow just in case */
#gform_wrapper_1 select::-ms-expand {
  display: none;
}

/* placeholder option tone */
#gform_wrapper_1 select:invalid {
  color: var(--text-color);
}

/* ---------- CHECKBOX AREA ---------- */
#gform_wrapper_1 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border: 1px solid var(--line-color);
  border-radius: 2px;
  background: transparent;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
}

#gform_wrapper_1 input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #1f1f1f;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* ---------- BUTTON ---------- */
#gform_wrapper_1 .gform_footer input[type="submit"],
#gform_wrapper_1 .gform_page_footer input[type="submit"] {
  background: #2f57e5;
  color: #000 !important;
  border: 0;
  border-radius: 4px;
  padding: 14px 22px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
  #gform_wrapper_1 .ginput_complex {
    column-gap: 16px !important;
  }
}

/* ---------- RISE GREEN BUTTON ---------- */

#gform_wrapper_1 .gform_footer input[type="submit"],
#gform_wrapper_1 .gform_page_footer input[type="submit"] {
  background: #32e775 !important; /* Rise green */
  color: #000 !important;
  border: none !important;
  border-radius: 999px !important; /* capsule */
  padding: 14px 28px !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none !important;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* hover */
#gform_wrapper_1 .gform_footer input[type="submit"]:hover,
#gform_wrapper_1 .gform_page_footer input[type="submit"]:hover {
  background: #3bff55 !important; /* slightly darker green */
 
}

/* active (click) */
#gform_wrapper_1 .gform_footer input[type="submit"]:active,
#gform_wrapper_1 .gform_page_footer input[type="submit"]:active {
  transform: translateY(0);
}

/* optional: align left like your mock */
#gform_wrapper_1 .gform_footer {
  text-align: left;
}

#gform_wrapper_1 .gform_fields {
  row-gap: 0px; /* or whatever you want */
}

.pxl-blockquote-icon {display:none !important;}
.single #pxl-main{
	padding-block: 0 !important; 
}

.jet-radio-list__decorator{display:none!important;}