/*

    Theme Name:		 CILI Child
    Theme URI:		 https://themeforest.net/user/utillz
    Description:	 Heilz Child is a child theme of Heilz
    Author:			 Utillz
    Author URI:		 http://utillz.com/
    Template:		 heilz
    Version:		 1.0.0.7.4
    Text Domain:	 cili-child

*/

/*
 * add your custom styles here
 *
 */

/* The headers' logos are 32 high at their own width since 2026-10-14 (assets/css/layout-frame.css, the owner's request
   that the logo have one size everywhere): they are no longer capped here. */
.ulz-mobile-header .ulz-site-logo img, .ulz-mobile-nav .ulz--header .ulz-site-logo img, .ulz-submission .ulz-site-logo img {
    max-width: 130px !important;
}
#display_count , #word_left, #display_count_text {
    font-size:var(--lcr-type-meta-font-size);
    color:var(--lcr-color-muted);
}
/*
.ulz-select2 select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
body .select2-container .select2-selection--single{
    border-radius:0;
    height:var(--form-field-height);
    border:0!important;
    background-color:var(--form-background);
    box-shadow:var(--form-border);
    border-radius:6px
}
body .select2-container .select2-selection--single .select2-selection__rendered{
    position:relative;
    padding-left:15px;
    padding-right:38px;
    line-height:var(--form-field-height);
    color:var(--form)
}
body .select2-container .select2-selection--single .select2-selection__rendered:after{
    position:absolute;
    top:50%;
    right:1rem;
    content:"\F107";
    font-family:Font Awesome\ 5 Free;
    display:block;
    margin-top:-10px;
    font-size:20px;
    line-height:20px;
    font-weight:600;
    pointer-events:none
}
body .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__clear{
    margin-right:20px;
    color:var(--form);
    opacity:.5
}
.ulz-repeater body .select2-container .select2-container .select2-selection--single{
    background-color:var(--form-background)
}
body .select2-container.select2-container--open .select2-selection__arrow,body .select2-container .select2-selection .select2-selection__arrow{
    display:none
}
body .select2-container.select2-container--open .select2-selection__rendered:after{
    transform:rotate(180deg)
}
body .select2-container .select2-search--dropdown .select2-search__field{
    border:1px solid var(--border)
}
.woocommerce .select2-container .select2-selection--single{
    height:41px;
    border:0;
    background-color:#f1f1f1
}
.select2-search__field{
    line-height:100%!important
}
*/

/*
 * The buttons on a member's cover: Contact on the /u/ page (Heilz author.php)
 * and "View public profile" on the account dashboard (WEB-406).
 * Heilz's compiled assets/dist/css/theme.css gives `.ulz-author-cover .ulz--cover`
 * `z-index: -1`, a rule its SCSS source does not have: the cover then sits under
 * the page's blocks, and `.ulz-author-cover` takes every click and tap meant for
 * those buttons. `z-index: 0` lifts the cover above those blocks and still keeps it
 * its own stacking context, so its `.ulz--inner` layer stays inside it. `body`
 * makes the rule more specific than theme.css's, whichever of the two
 * stylesheets WordPress prints last. Stacking only, no colour.
 */
body .ulz-author-cover .ulz--cover {
    z-index: 0;
}

/*
 * The account dashboard's cover (templates/account/dashboard/dashboard.php) hands its picture over as an escaped
 * custom property instead of an inline background, as the token check requires (ADR-0023); this draws it.
 */
.ulz-author-cover .ulz--cover.ulz--has-cover[style*="--lcr-cover-image"] {
    background-image: var(--lcr-cover-image);
}