/*
Theme Name: Hello Elementor Child - Conetop
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.3.1748879648
Updated: 2025-06-02 15:54:08

*/

#mc_embed_signup{
	background:transparent;
	false;clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
	width: 600px;    
}
#mc_embed_signup .indicates-required{
   width:50%;
}
 #mc_embed_signup form{
     margin: 0px
     width:100% !important;
 }
#mc_embed_signup input.email{
    background-color:#EFEAD71A;
    border:#EFEAD7 1px solid;
    width:50% !important;
}
#mc_embed_signup .button{
    background-color: var(--e-global-color-97dfd6c) !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-primary-font-size) !important;
    font-weight: var(--e-global-typography-primary-font-weight) !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: var(--e-global-color-4c1ac5e) !important;
    padding: 10px 60px 10px 60px !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0px !important;
    color:black !important;
}
#mc_embed_signup label{
    color:white;
}
#mc_embed_signup .indicates-required{
    color:white!important;
}

/* Elementor Forms */

.elementor-form label{
	display: none;
}
.grecaptcha-badge{
	z-index: 200 !important;
}

/* catalogit */

.catalogit-items__name, .catalogit-catalog__title{
	color: #1D1D1D !important;
	font-size: 18px!important;
}
.catalogit-items__name, .catalogit-items__title, .catalogit-items__back{
	color: #1D1D1D !important;
	font-size: 14px!important;
}

.catalogit-catalog__navigation, .catalogit-catalog__back_nav, .catalogit-catalog__back, catalogit-catalog__next{
	color: #1D1D1D !important;
	font-size: 14px !important;
}
.catalogit-search__button{
	    font-weight: 300!important;
    text-transform: none!important;
    font-style: italic!important;
    color:#1D1D1D !important;
}

/* --- 1) Stop theme button styling from bleeding into PhotoSwipe UI --- */
.pswp .pswp__button,
.pswp .pswp__button--arrow {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font: inherit !important;
  color: inherit !important;
  text-transform: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* --- 2) Put the whole PSWP UI layer above the overlay/slide --- */
.pswp__ui { position: relative; z-index: 999999 !important; }
.pswp__top-bar { z-index: 999999 !important; }
.pswp__button--arrow { z-index: 999999 !important; }

/* Optional: if controls still feel "unclickable" during fade */
.pswp--ui-visible .pswp__hide-on-close { pointer-events: auto !important; }
/* FORCE PhotoSwipe UI visible + clickable */
.pswp .pswp__hide-on-close {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Make sure the UI layer can receive clicks */
.pswp__top-bar,
.pswp__ui,
.pswp__button--arrow {.pswp__top-bar { pointer-events: auto !important; }

.pswp .pswp__button,
.pswp .pswp__button--arrow {
  background: none !important;
  background-color: var(--pswp-icon-color) !important;
}

  pointer-events: auto !important;
}
/* PhotoSwipe v5 icons are masks — they need a background-color fill */
.pswp .pswp__button,
.pswp .pswp__button--arrow {
  background: none !important; /* keep background-image off */
  background-color: var(--pswp-icon-color) !important; /* this makes icons visible */
}

/* (Optional) ensure masks render crisply */
.pswp .pswp__button {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.pswp { --pswp-icon-color: #fff; }
/* Make PSWP controls clickable (Elementor/theme sometimes kills pointer events) */
.pswp__ui,
.pswp__top-bar,
.pswp__button--arrow {
  pointer-events: auto !important;
}

/* PhotoSwipe v5 icons need a background-color fill (mask-based icons) */
.pswp .pswp__button,
.pswp .pswp__button--arrow {
  background: none !important;
  background-color: var(--pswp-icon-color) !important;
}
/* PhotoSwipe UI must be clickable */
.pswp__top-bar,
.pswp__ui,
.pswp__button,
.pswp__button--arrow,
.pswp__counter {
  pointer-events: auto !important;
}
/* Make sure the button is the positioning context */
.pswp .pswp__button,
.pswp .pswp__button--arrow {
  position: relative !important;
  overflow: hidden; /* pswp uses this */
}

/* Put icon back to pswp default behavior */
.pswp .pswp__icn {
  position: absolute !important;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
  fill: var(--pswp-icon-color) !important;
}
.pswp .pswp__button {
  display: block !important;
  width: 50px !important;
  height: 60px !important;
}/* 1) Hard-isolate PhotoSwipe buttons from Elementor/global button styling */
.pswp button,
.pswp [type="button"],
.pswp [type="submit"] {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font: inherit !important;
  color: inherit !important;
}

/* 2) Make sure arrow buttons are positioned correctly */
.pswp .pswp__button--arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 70px !important;
  height: 70px !important;
  opacity: 0.9;
}

/* Left / Right placement */
.pswp .pswp__button--arrow--prev { left: 0 !important; }
.pswp .pswp__button--arrow--next { right: 0 !important; }

/* 3) Ensure the SVG/icon is visible and centered inside the arrow button */
.pswp .pswp__button--arrow .pswp__icn {
  position: absolute !important;
  margin-top: auto!important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 44px !important;
  height: 44px !important;
  fill: var(--pswp-icon-color) !important;
}

/* Optional: make sure arrows are clickable (sometimes pointer-events gets weird) */
.pswp .pswp__button--arrow {
  pointer-events: auto !important;
}
/* Keep base centering for arrow icons */
.pswp .pswp__button--arrow .pswp__icn{
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  margin-top: 0 !important;
  transform: translate(-50%, -50%) !important;
}

/* Flip ONLY the NEXT arrow, while preserving centering */
.pswp .pswp__button--arrow--next .pswp__icn{
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) scale(-1, 1) !important;
}

/* Prev arrow: no flip */
.pswp .pswp__button--arrow--prev .pswp__icn{
  transform: translate(-50%, -50%) !important;
}