/*-----------------------------*/
/*------- Global Styles -------*/
/*-----------------------------*/
/* navbar general */
.navbar {
	box-shadow: rgba(0,0,0,0.15) 0px 1px 15px;
}
#page > article:first-of-type,
#page > div:first-of-type,
#page > section:first-of-type {
	overflow: hidden;
}
/* footer general */
#menu-socials {
	display: flex;
	gap: 1rem;
	margin-top: 1.5rem;
}

/* counters */
.counter-number {
	width: 25%;
	align-self: center;
}
.counter-number span {
	color: var(--lk-primary);
	font-weight: 700;
	font-size: 2.75rem;
}
.counter-text {
	width: 70%;
}

/* youtube video embeded */
.yt-video-embed {
  height: 350px;
}
@media (max-width: 768px) {
	.yt-video-embed {
		height: 210px;
	}
}

/* 3 column steps/features */
.step__icon {
	padding: 0.8rem;
	border-radius: 99px;
	background-color: var(--lk-primary-soft);
}
.bump-b5 > svg {
	transform: translateY(5px);
}

/* border-radius rounded */
.rounded-xl {
	border-radius: 1rem;
}

/*-----------------------------*/
/*------- Page Specific -------*/
/*-----------------------------*/
/* homepage logo carousel */
#lgx_logo_slider_app_386 .lgx_app_item .lgx_app_item_img {
	height: 150px;
}
.flickity-slider {
	display: flex;
	align-items: center;
}
/* homepage testimonial carousel */
.lk-testimonial-slide-content span {
	color: var(--lk-dark-primary);
}
.lk-testimonial-slide-content:before{
  content: '“';
  display: block;
  position: absolute;
  z-index: -1;
  color: var(--lk-primary-soft-d);
  font-family: serif;
  font-size: 350px;
  top: -70px;
  left: 40px;
}
@media (max-width: 768px) {
	#testimoial-slider-5bf9b89 .card-body {
    padding-left: 2rem !important;
	  padding-right: 2rem !important;
  }
}
/* homepage cta */
.cta-section {
	background-image: url(//srv/htdocs/wp-content/uploads/2023/11/bg-pattern.svg);
}

/* homepage specialty cards 12-2024 */
.card-img-top .rounded-circle .card-icon {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 3rem;
	line-height: 1;
	text-align: center;
}
.card-img-top .rounded-circle .card-icon svg {
	width: 3rem;
	height: 3rem;
}

/* privacy policy */
.privacy-policy-list li {
	line-height: 1.75;
	padding-bottom: 1.5rem;
}

/* rare disease - feature list */
.landkit-elementor-icon-list__subtitle span{
	color: var(--lk-primary);
	font-weight: bold;
}
.landkit-elementor-icon-list__icon {
	padding: 0.75rem;
	height: auto;
}
.landkit-elementor-icon-list__icon i {
	font-size: 1.75rem;
}

/* book a demo - modals */
.password-group{
  position: relative;
}

.show-password-button{
  display: block;
  position: absolute;
  top: 20px;
  right: 24px;
  color: $gray-500;
}
.password-requirement{
  color: $gray-600;
}

#submit-button{
  transition: all 0.25s;
}

.password-req-achieved{
  color: $primary;
  span{
    color: #1ab3ff;
  }
}

select [disabled], select:invalid {
  color:$gray-600;
}
select option {
  color: $black;
}

.custom-control-label::before {
    background-color: #ffffff;
    border: #ABBCD5 solid 1px;
}

.fancybox-container .fancybox-bg {
  background-color: #161C2D;
  opacity: 0.8;
}
.fancybox-close-small{
  color: black;
}

.blog-standout{
  color: #869AB8 !important;
  font-size: 1.5rem;
  padding: 30px 0px;
}

/* press-releases */
img.card-img-top.lk-elementor-price-table-skin__image {
    padding: 3rem 1rem;
}

/*-----------------------------*/
/*----------- Blogs -----------*/
/*-----------------------------*/
/* Blog cover image */
article .post-cover-img {
	width: 60%;
	margin: auto;
	margin-top: 3rem;
	background-size: contain;
}
@media (max-width: 768px) {
	article .post-cover-img {
		width: 85%;
		margin-top: 2rem;
	}
}
article .bg-cover.jarallax > div > div {
	background-size: contain;
}

/* Headers */
article .wp-block-heading {
	color: var(--lk-primary);
}

/* Buttons */
a.wp-block-button__link, a.wp-element-button {
    color: var(--lk-primary);
    background-color: var(--lk-primary-soft);
    border-radius: 6px;
    text-decoration: none;
    transition: box-shadow .25s ease, transform .25s ease;
    padding: 0.8125rem 1.25rem;
		margin-bottom: 2rem;
}
a.wp-block-button__link:hover, a.wp-element-button:hover {
    box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, 0.1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, 0.1) !important;
    transform: translate3d(0, -3px, 0);
}

/* Blockquotes */
blockquote.wp-block-quote {
    color: var(--lk-primary-outline-75);
    font-size: 1.2rem;
    font-weight: 600;
    border-color: var(--lk-primary-soft);
}

.qodef-qi-swiper-container {
    visibility: visible;
}

.qodef-qi-device-carousel .qodef-device-carousel-device .qodef-device-carousel-device-image {
    box-shadow: none !important;
}



/* OJB commenting out on 2024-09-17
.mdp-progress-elementor-count-value::after {
		 margin-left: 12px;
	   margin-top: -10px;
     content: "users";
		 font-size: 12px;
		 color: #506690;
	   display: block;
	   overflow-wrap: break-word;
}	
*/

/*-----------------------------*/
/*- Contractor Customizations -*/
/*-----------------------------*/

.mdp-progress-elementor-count-value {
    display: block !important;
}

.progress-chart svg {
    width: 66px;
    height: 66px;
    margin-right: 10px;
}

.progress-spiral-path {
    stroke-dasharray: 1600;
    stroke-dashoffset: 4785;
    -webkit-transition-property: stroke-dashoffset;
    transition-property: stroke-dashoffset;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.progress-spiral-path.fadeIn {
    stroke-dashoffset: 2200
}

.progress-spiral-svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 40% 50%;
    transform-origin: 40% 50%;
    -webkit-transition: all 1.1s ease;
    transition: all 1.1s ease
}

.progress-spiral-svg.fadeIn {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.progress-spiral-middle {
    fill: #d9e2ef;
    -webkit-transition: all 1s cubic-bezier(.365,.905,.23,1.395);
    transition: all 1s cubic-bezier(.365,.905,.23,1.395)
}

.progress-spiral-middle.fadeIn {
    fill: #069
}

.counter-number span {
    color: #000000;
    font-weight: 400;
    font-size: 2rem;
}

#page > div > div.elementor-element.elementor-element-dc757b7.pt-md-11.pt-8.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > div > div > div:nth-child(1) > div > div > div > a.card-meta > p > time {
		display: none;
}

#page > div > div.elementor-element.elementor-element-dc757b7.pt-md-11.pt-8.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > div > div > div:nth-child(2) > div > div > div > a.card-meta > p > time {
		display: none;
}

#menu-item-3295 > ul {
		padding: 0px;
    width: 80%;
}

.step__icon {
    background-color: #f1f4f8;
		padding: 1rem;
}

.btn:not([class*="btn-outline"]) {
    border-color: white !important;
}

@media (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.container  {
        max-width: 100%;
				padding: 0px;
    }

.py-md-11 {
        padding-top: 0rem !important;
				padding-bottom: 0rem !important;
    }

.mb-md-8 {
				padding-bottom: 0rem !important;
    }

    .mb-md-8, .my-md-8 {
        margin-bottom: 0rem !important;
    }

.mb-md-n8 {
		display: none;
}

.dropdown-item {
    white-space: pre-wrap;
}

.hoverbox{
    transition: transform .9s cubic-bezier(0.19, 1, 0.22, 1);
}

.hoverbox .elementor-icon{
            transition: color .9s cubic-bezier(0.19, 1, 0.22, 1);
}
.hoverbox .elementor-icon-box-title{
         transition: color .9s cubic-bezier(0.19, 1, 0.22, 1);
}

.hoverbox .elementor-icon-box-description{
         transition: color .9s cubic-bezier(0.19, 1, 0.22, 1);
}
.hoverbox:hover {
    transform: scale(1.1);
}

.hoverbox:hover .elementor-icon{
        color: #4f4f4f;
}

.hoverbox:hover .elementor-icon-box-title{
    color: #4f4f4f;
}

.hoverbox:hover .elementor-icon-box-description{
     color: #4f4f4f;
}

.fancybox-slide--html {
    display: none;
}

.fancybox-container .fancybox-bg {
    opacity: 0;
}


.progress-spiral-path {
    stroke-dasharray: 1600;
    stroke-dashoffset: 4785;
    -webkit-transition-property: stroke-dashoffset;
    transition-property: stroke-dashoffset;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.progress-spiral-path.fadeIn {
    stroke-dashoffset: 2200
}

.progress-spiral-svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 40% 50%;
    transform-origin: 40% 50%;
    -webkit-transition: all 1.1s ease;
    transition: all 1.1s ease
}

.progress-spiral-svg.fadeIn {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.progress-spiral-middle {
    fill: #d9e2ef;
    -webkit-transition: all 1s cubic-bezier(.365,.905,.23,1.395);
    transition: all 1s cubic-bezier(.365,.905,.23,1.395)
}

.progress-spiral-middle.fadeIn {
    fill: #069
}
.order-2 {
    order: 1;
}

.elementor-299 .elementor-element.elementor-element-b4d2cb2 .btn .btn__icon--right {
     margin-left: 0px  !important; 
}


a.header-button.navbar-btn.btn.lift.ml-auto.btn-primary.btn-sm {
    margin-right: 1rem  !important;
}


.elementor-2994 .elementor-element.elementor-element-d4a9709 > .elementor-widget-container {
    background-image: url(https://phenotips.com/wp-content/uploads/2025/07/Screenshot-2024-05-26-at-84447-PM.webp) !important;
    padding: 15% 5% 5% 5%;
    background-position: 0% 30%;
    background-repeat: no-repeat;
    background-size: 30% auto;
}

.elementor-2967 .elementor-element.elementor-element-eabf57a > .elementor-widget-container {
    background-image: url(https://phenotips.com/wp-content/uploads/2025/07/Screenshot-2024-05-26-at-84447-PM.webp) !important;
    padding: 5% 5% 0% 5%;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 20% auto;
}

.elementor-4480 .elementor-element.elementor-element-1c9614d > .elementor-widget-container {
    background-image: url(https://phenotips.com/wp-content/uploads/2025/07/Screenshot-2024-05-26-at-84447-PM.webp) !important;
    padding: 5% 5% 0% 5%;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 20% auto;
}

.card-body .blockquote {
  text-align: left !important;
}

/* Gravity Forms submit buttons – IDs 1, 2, and 3 */
input#gform_submit_button_1.gform-button.gform-button--white,
input#gform_submit_button_2.gform-button.gform-button--white,
input#gform_submit_button_3.gform-button.gform-button--white {
  background-color: #006699 !important;
  border-color:     #006699 !important;
  color:            #ffffff !important;
}

/* Hover state */
input#gform_submit_button_1.gform-button.gform-button--white:hover,
input#gform_submit_button_2.gform-button.gform-button--white:hover,
input#gform_submit_button_3.gform-button.gform-button--white:hover {
  background-color: #005580 !important;
  border-color:     #005580 !important;
}

input#gform_submit_button_1 {
  background:   #006699 !important;
  display:      block      !important;
  width:        100%       !important;
  text-align:   center     !important;
}


/* 1. Change the two 50/50 columns into a 33/67 split at ?md */
@media (min-width: 768px) {
  .card-row .row.no-gutters > .col-12.col-md-6:first-child {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .card-row .row.no-gutters > .col-12.col-md-6:last-child {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
}


/* 2. Add horizontal padding to the card?body like px-4 px-md-10 */
.card-row .card-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .card-row .card-body {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
/* OVERRIDE the 33.33%/66.67% rule specifically for page ID 1872 */
@media (min-width: 768px) {
    .page-id-1872 .card-row .row.no-gutters > .col-12.col-md-6:first-child {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .page-id-1872 .card-row .row.no-gutters > .col-12.col-md-6:last-child {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* 3. Left?align blockquotes (remove the default text-center) */
.card-row blockquote.text-center {
  text-align: left !important;
}

/* 4. Force the testimonial slider to a fixed height (adaptiveHeight: false) */
#testimoial-slider-4c8b4dd {
  height: 470px;            /* match your new desired height */
}
#testimoial-slider-4c8b4dd .flickity-viewport {
  height: 100% !important;  /* ensure the inner viewport fills that height */
}

/* --- Match the “nav” (thumbnail) slider height --- */
.card-img-slider .flickity-viewport {
  height: 457.547px !important;
}

/* --- Match the main testimonial slider height (disable adaptiveHeight) --- */
#testimoial-slider-cda07ec .flickity-viewport {
  height: 457.562px !important;
}

/* Optional: ensure each slide fills the container vertically */
#testimoial-slider-cda07ec .flickity-slider > .w-100 {
  height: 100%;
}
/* 1. Add the same horizontal padding as “px-4 px-md-10” */
#testimoial-slider-cda07ec .card-body {
  /* px-4 = 1.5rem on all viewports */
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (min-width: 768px) {
  #testimoial-slider-cda07ec .card-body {
    /* px-md-10 ? 2.5rem (adjust if your theme uses a different value) */
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

/* 2. Remove the center?align on the blockquote */
#testimoial-slider-cda07ec .card-body .blockquote {
  text-align: left !important;
}

    .gform-theme--foundation .gform_fields {
        -moz-column-gap: var(--gf-form-gap-x);
        column-gap: var(--gf-form-gap-x);
        row-gap: 12px !important;
    }