/**
Theme Name: codefilx
Author: codefilx.com
Author URI: https://www.codefilx.com
Description: Codefilx is a child theme of Hello Elementor, created by Codefilx team
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Theme URI: https://www.codefilx.com
Text Domain: codefilx
Template: hello-elementor
*/

body {
  margin: 0px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* this to make "wp-page" content section hight fill entire page hight , So footer will remain at Bottom. */
div[data-elementor-type="wp-page"] {
  flex-grow: 1;
}

/* This is to make all the dot's vertically centered, in related articles, in single post page at the bottom of the page */
#related-articles-loop-carousel .swiper-pagination-bullets {
  display: flex;
  align-items: center;
}

/* This to Fix Elementor Lightbox buttons falling at the edge of the screen */
.elementor-slideshow__footer,
.elementor-slideshow__header {
  box-sizing: border-box;
}

/* This To show an image with text message indicating that there is no result to display, on the main article display page, loop-grid */
#cf-main-post-loop .e-loop-nothing-found-message__text:before {
  content: url("/wp-content/themes/codefilx/assets/images/no-result-search-icon-small.webp");
  position: absolute;
  left: 44%;
  margin-left: 0px;
  top: 0px;
}

/* .elementor-field-group .elementor-field-textual:focus {
  box-shadow: inset 0 0 0 2px var(--e-global-color-accent);
  outline: 0;
} */
button {
  cursor: pointer;
}

.elementor-icon-list-icon svg {
  fill: var(--e-global-color-accent);
}

input:autofill,
input:autofill:focus,
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
  box-shadow: inset 0 0 0px 20px #151726 !important;
  border: 2px solid #223355 !important;
}

/*  ---------------------------- code-block-pro ---------------------------------   */
div.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code {
  overflow-wrap: break-word !important;
  /*  In some cases you may need the max()  */
  padding: 0 2rem 0 max(var(--cbp-line-number-width), 2rem) !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}
div.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code .line {
  min-height: 1.625rem;
  position: static !important;
}
div.wp-block-kevinbatdorf-code-block-pro.cbp-has-line-numbers:not(.code-block-pro-editor) pre code .line:not(.cbp-line-number-disabled):before {
  position: absolute;
  left: 0.5rem;
  /*  In some cases you may need the max()  */
  width: max(var(--cbp-line-number-width), 2rem) !important;
}
/*  ---------------------------- code-block-pro ---------------------------------   */