/*
 Theme Name:   Qwery Child Theme
 Theme URI:    http://qwery.ancorathemes.com
 Description:  Qwery Child Theme
 Author:       AncoraThemes
 Author URI:   http://ancorathemes.com
 Template:     qwery
 Version:      1.3
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  qwery
*/


/* ----------------------------------------------------------------
    BOXED SLIDER
-----------------------------------------------------------------*/

.boxed-slider {
    height: 600px;
    width: 100%;
}


/* --------------------------------
	Logo Slideshow
-------------------------------- */

#slideshow {
    overflow: hidden;
}

#slideshow .heading-text {
    padding-bottom: 4.2em;
}

.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000;
    perspective: 1000;
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.bx-controls-direction {
    position: absolute;
    right: 1em;
    bottom: -42px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #dce1e4;
    text-indent: -9999px;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
    font-size: 1em;
    line-height: 0
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    z-index: 9999;
    display: inline-block;
    width: 25px;
    height: 25px;
    bottom: 43px;
    margin-top: -16px;
    backface-visibility: hidden;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    opacity: 0.5;
    transition: all 0.7s;
}

.bx-wrapper .bx-prev:before,
.bx-wrapper .bx-next:before {
    font-family: "fontello"; 
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px; /* Match height for vertical alignment */
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 10px;
    color: #6c6f76;
    vertical-align: middle; /* Align the pseudo-element with its parent */
}

.bx-wrapper .bx-prev::before {
    content: "\e908";
    transform: scaleX(-1);
}

.bx-wrapper .bx-next:before {
    content: "\e908";
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-size: .85em;
    padding: 10px
}

@media (max-width: 991.98px) {
    .bx-wrapper .bx-controls-direction {
        display: none;
    }
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

@media (max-width: 1199.98px) {
    .bx-wrapper {
        margin-bottom: 0;
    }
    .bx-wrapper .bx-prev {
        right: 35px;
    }
    .bx-wrapper .bx-next {
        right: 10px;
    }
    .container#slideshow {
        padding-right: 0!important;
        padding-left: 0!important;
        width: auto!important;
        max-width: none!important;
    }
    .container#slideshow .row div {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    .container#slideshow .row div.noslides {
        margin: 0 auto!important;
        padding-right: 30px!important;
        padding-left: 30px!important;
    }
    .container#slideshow .row div.noslides .container {
        padding-right: 30px!important;
        padding-left: 30px!important;
    }
}

@media only screen and (min-width:1200px) {
    .container#slideshow .container {
        margin: 0 auto!important;
        padding-right: 0!important;
        padding-left: 0!important;
        width: auto!important;
    }
}


.container#slideshow {
    display: none;
    visibility: hidden;
}


/* ----------------------------------------------------------------
    Single Portfolio
-----------------------------------------------------------------*/

.tmc-portfolio-hero {
  position: relative;
  min-height: 420px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tmc-portfolio-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25);
}
.tmc-portfolio-hero__inner {
  position: relative;
  padding: 80px 24px;
}
.tmc-portfolio-hero__title {
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.15;
}

/* Details under hero */
.single-cpt_portfolio .portfolio-meta.under-title {
  max-width: 1100px;
  margin: 0 auto 2rem;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
}
.single-cpt_portfolio .portfolio-meta.under-title .trx_addons_options_item_title {
  opacity: .7;
  font-weight: 500;
}


/* ----------------------------------------------------------------
    Gravity Form
-----------------------------------------------------------------*/

.gform_wrapper .gform_fields {
  row-gap: 24px;
}

.gform_wrapper {
  --gf-ctrl-shadow: none !important;
  --gf-local-shadow: none !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="search"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper .gfield_consent_description {
  --gform-accent: #349777;               
  border: 1px solid #c4c5ca;             
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
	padding: 8px 12px;
  font-size: 14px;
  font-family: 'Poppins';
}

.gform_wrapper .select_container:after {
	right: 7px;
}

p.gform_required_legend {
	font-size: 14px;
}

/* Focus and keyboard focus only */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper textarea.wp-editor-area:focus,
.gform_wrapper select:focus,
.gform_wrapper .select_container select:focus,
.gform_wrapper input[type="text"]:focus-visible,
.gform_wrapper input[type="number"]:focus-visible,
.gform_wrapper input[type="email"]:focus-visible,
.gform_wrapper input[type="url"]:focus-visible,
.gform_wrapper input[type="tel"]:focus-visible,
.gform_wrapper input[type="search"]:focus-visible,
.gform_wrapper input[type="password"]:focus-visible,
.gform_wrapper textarea:focus-visible,
.gform_wrapper textarea.wp-editor-area:focus-visible,
.gform_wrapper select:focus-visible,
.gform_wrapper .gfield_consent_description:focus,
.gform_wrapper .gfield_consent_description:focus-visible {
  outline: none;
  border-color: var(--gform-accent);
  box-shadow: 0 0 0 3px rgba(52, 151, 119, 0.15);
}

input[type="radio"] + label:before, input[type="checkbox"] + label:before {
    border-color: #919191!important;
}

.gform_button.button {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 30px!important;
  padding: 20px 45px !important;
	margin-top: 8px!important;
  font-size: 16px !important;
  cursor: pointer !important;
  display: inline-block;
  text-align: center;
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}

.gform_button.button:hover {
  background-color: #333 !important;
}

.gform_button.button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.gform-theme--framework .gform-field-label--type-inline {
    --gf-local-margin-x: unset;
}

.gform-theme--framework .gfield_consent_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    max-height: 200px;
}
.gform_wrapper .gfield_consent_description {
    color: #767676;
}

.gform_wrapper .gfield_consent_description h2 {
    font-size: 20px;
    color: #767676;
}

.gform_wrapper .gfield_consent_description ul {
    list-style: disc;
}

/* ----------------------------------------------------------------
    #workflow 
-----------------------------------------------------------------*/

#workflow hr.space { border: 0; height: 24px; }
#workflow .heading-section h2 { margin: 0 0 8px; font-weight: 700; }
#workflow .heading-section p { margin: 0 auto 24px; max-width: 720px; color: #555; }

#workflow .board { padding: 28px 0; }
#workflow .board-inner { position: relative; }

/* Tabs line */
#workflow ul.nav.nav-tabs.liner { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0 0 28px; position: relative; border: 0; }
#workflow ul.nav.nav-tabs.liner::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%;
  height: 2px; background: #D0D0D0; transform: translateY(-50%); z-index: 1;
}

/* Steps */
#workflow .nav-tabs.liner li { position: relative; z-index: 2; }
#workflow .nav-tabs.liner .nav-link { display: inline-block; text-decoration: none; outline: 0; border: 0; padding: 0; background: transparent; }
#workflow .round-tabs { width: 70px; height: 70px; border-radius: 50%; background: #fff; border: 2px solid #d0d0d0; display: flex; align-items: center; justify-content: center; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }
#workflow .round-tabs i { font-size: 22px; color: #d0d0d0; transition: transform .25s ease, color .25s ease; }
#workflow .nav-tabs.liner .nav-link:hover .round-tabs { transform: none; box-shadow: none; }
#workflow .nav-tabs.liner .nav-link.active .round-tabs,
#workflow .nav-tabs.liner .nav-link[aria-selected="true"] .round-tabs { background: #349777; border-color: #349777; }
#workflow .nav-tabs.liner .nav-link.active i,
#workflow .nav-tabs.liner .nav-link[aria-selected="true"] i { color: #fff; transform: scale(1.05); }

/* Panes */
#workflow .tab-content { padding: 10px 8px 0; }
#workflow .tab-pane { display: none; }
#workflow .tab-pane.active.show { display: block; animation: wf-fade .25s ease; }
#workflow .tab-pane .head { font-weight: 700; margin-bottom: 10px; }
#workflow .tab-pane .narrow { max-width: 820px; margin: 0 auto; color: #444; line-height: 1.7; }

/* Tooltip */
#workflow .wf-tooltip { position: absolute; background: #1f2337; color: #fff; font-size: 12px; padding: 6px 8px; border-radius: 6px; white-space: nowrap; transform: translate(-50%, -8px); pointer-events: none; opacity: 0; transition: opacity .15s ease; z-index: 9999; }
#workflow .wf-tooltip.show { opacity: 1; }
#workflow .wf-tooltip::after { content: ""; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #1f2337; }

/* Responsive */
@media (max-width: 768px) {
  #workflow .container { padding-right: 0; padding-left: 0; }
  #workflow ul.nav.nav-tabs.liner { gap: 5px; }
  #workflow ul.nav.nav-tabs.liner::before { left: 0; right: 0; }
  #workflow .round-tabs { width: 56px; height: 56px; }
  #workflow .tab-pane .narrow { padding: 0 6px; }
}

@keyframes wf-fade { from { opacity: 0 } to { opacity: 1 } }


#workflow .wf-tip {
  position: absolute;
  transform: translate(-50%, -100%); /* move it fully above the icon */
  margin-bottom: 16px;               /* optional spacing fine-tune */
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.18s;
  z-index: 9999;
  pointer-events: none;
}
#workflow .wf-tip.show {
  opacity: 1;
}

#workflow .wf-tip::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}

/* ----------------------------------------------------------------
    Portfolio Tiles Animation
-----------------------------------------------------------------*/

.sc_blogger .tmc-portfolio-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* visible state */
.sc_blogger .tmc-portfolio-item.tmc-portfolio-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ----------------------------------------------------------------
    Force 3 columns between desktop and tablet
-----------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1199px) {
    .sc_blogger .trx_addons_column-1_4 {
        width: 33.3333% !important;
    }
}