/*
 Theme Name:   QMS Child Theme
 Theme URI:    https://algenix.axiomthemes.com/
 Description:  Algenix Child Theme
 Author:       AxiomThemes
 Author URI:   https://axiomthemes.com/
 Template:     algenix
 Version:      1.0.0
 Tested up to: 6.8
 Requires at least: 5.5
 Requires PHP: 7.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 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-styles, wide-blocks
 Text Domain:  algenix
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* Account settings */

.um-profile-photo, 
.um-profile-photo-overlay {
    display: none !important;
}

.real_url[href*="um_action=edit"] {
    display: none !important;
}


.um-profile-body.main.main-default,
.um-field-area {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.veriff-description {
	display: none;
}

.elementor-element.elementor-element-133f72e.e-flex.e-con-boxed.sc_layouts_column_icons_position_left.e-con.e-parent.trx_addons_parallax_layers_inited.trx_addons_parallax_blocks_inited.e-lazyloaded{
	display: none;
}

.um-header.no-cover{
	padding-bottom: 0px;
}

.page_content_wrap{
	padding-top: 0px !important;
}

.um-profile-nav{
	display: none;
}

.um-header.no-cover {
    min-height: 20px; 
    padding: 20px 0;
}

/* Language flag */
.trp-flag-image {
  width: 40px !important;
  height: auto;
}

input#veriff-submit-btn.veriff-submit{
	border-radius: 7px;
}

#veriff-root{
	max-width: 100% !important;
}

.veriff-submit:hover{
	background-color: #000000 !important;
}

#um-submit-btn{
	width: 100% !important;
}

.slicker-instagram-placeholder.fts-instagram-wrapper{
	border-radius: 15px !important;
}

header {
  position: sticky !important;
	background-color: white !important;
  top: 0 !important;
  z-index: 9999 !important;
}

.elementor-element.elementor-element-437ffc9d.e-con-full.e-flex.sc_layouts_column_icons_position_left.e-con.e-parent.e-lazyloaded.trx_addons_parallax_layers_inited.trx_addons_parallax_blocks_inited {
	padding-top: 0px !important;
	margin-top: 0px !important;
}

@media (max-width: 768px) {
  .e-con-inner {
    padding-top: 30px !important;
  }
}

#um-submit-btn {
    background-color: #791616 !important;
    border-color: #791616 !important;
}

#um-submit-btn:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* 2FA button styling */
.button.wp-2fa-button-primary,
.button.wp-2fa-button-secondary {
    background-color: #791616 !important;
    border-color: #791616 !important;
    color: #fff !important;

    border-radius: 7px !important;
    height: 45px;                     
    line-height: 45px;               
    padding: 0 25px !important;            display: inline-block !important;
    width: auto !important;                text-align: center;
}
.button.wp-2fa-button-primary:hover,
.button.wp-2fa-button-secondary:hover {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

a.um-link-alt[href*="password-reset"] {
    color: #791616 !important;
}
/* When checkbox is checked */
.um-field-checkbox input:checked + .um-field-checkbox-state i {
    color: #791616 !important;
}

.posts_container.classic_wrap.classic_3.columns_wrap.columns_padding_bottom.inited_open_full_post{
	margin-top: 10px !important;
}


/* Target the FIRST real paragraph inside this page content */
article#post-6814 .entry-content > p:first-of-type{
  position: relative !important;
  display: block !important;

  padding: 14px 16px 14px 44px !important;
  margin: 0 auto 18px auto !important;

  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 7px !important;
  background: rgba(0,0,0,.04) !important;

  font-size: 16px !important;
  line-height: 1.45 !important;
	color: #791616 !important;
}

/* "!" icon bubble */
article#post-6814 .entry-content > p:first-of-type::before{
  content: "!" !important;
  position: absolute !important;
  left: 14px !important;
  top: 14px !important;

  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-weight: 700 !important;
  border: 1px solid rgba(0,0,0,.25) !important;
  background: rgba(255,255,255,.7) !important;
}

/* Not full-width on desktop */
@media (min-width: 992px){
  article#post-6814 .entry-content > p:first-of-type{
    max-width: 400px !important;
  }
}


/* Container  Bottom Form*/
.rsnap-wrap{
  width: 100%;
  padding: 18px 14px;
}

/* Form layout */
.rsnap-form{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* 3 inputs row */
.rsnap-row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}

/* Inputs */
.rsnap-input{
  width: 100%;
  max-width: 280px;              /* keeps them from stretching too wide */
  height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.85) !important;
  font-size: 16px;
  outline: none;
    justify-content: center;
  align-items: center;
}


/* Responsive: stack inputs on mobile */
@media (max-width: 800px){
  .rsnap-row{
    flex-direction: column;
    gap: 10px;
  }
  .rsnap-input{
    max-width: 100%;
  }
}

li {
  margin-bottom: 10px;
}

/* All home page hero buttons buttons */
.elementor-element-d18123b .elementor-button,
.elementor-element-98dd1dd .elementor-button,
.elementor-element-14af350 .elementor-button {
    width: 220px;
    min-width: 220px;
    display: inline-flex;
    justify-content: center;
}

/* Mobile */
@media (max-width: 768px) {
    .elementor-element-d18123b .elementor-button,
    .elementor-element-98dd1dd .elementor-button,
    .elementor-element-14af350 .elementor-button {
        width: 200px !important;
        min-width: 200px !important;
        display: inline-flex !important;
        justify-content: center;
        text-align: center;
    }
}

.post_title.entry-title a {
    color: #000000;
}

.post_title.entry-title a:hover {
    color: #791616;
}

/* Reserve space for the logo so it can't shift the layout */
.logo_image {
  width: 250px;
  height: auto;
  aspect-ratio: 250 / 141;
  display: block;
}