/*
Theme Name: Hello Child
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* Common Start */
.heading--one .elementor-heading-title, .single-portfolio .ptb_post_title {
    font-size: clamp(30px, 5vw, 50px);
    line-height: 1.2;
}
.custm-head2 .elementor-heading-title {
    font-size: clamp(26px, 5vw, 40px);
    line-height: 1.2;
}
.heading--one .elementor-heading-title span, .custm-head2 .elementor-heading-title span {
    color: #542b94;
}
.main--post--featured-image .uael-post__content-wrap .uael-post__title {
    margin-bottom: 1rem !important;
    font-size: clamp(20px, 5vw, 45px);
    line-height: 1.2 !important;
}
/* Common end */

/* HEADER START */
header.elementor-sticky--active {
    border-color: #ddd !important;
}
/* HEADER END */

/* FOOTER START  */
.subscribe-form {
    display: flex;
	gap: 20px;
	justify-content: flex-end;
}
.subscribe-form .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
}
.subscribe-form .gchoice label {
    max-width: unset !important;
}
/* FOOTER END  */

/* ABOUT PAGE */
.small-sub-text .elementor-heading-title {
    background: #9578c278;
    display: inline-block;
    padding: 11px 20px;
    border-radius: 50px;
    color: #673ea8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-left: 60px;
}

.small-sub-text .elementor-heading-title:before {
    content: "";
    background: #673ea8;
    width: 35px;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.key--points {
    background: #f7f7f7;
    padding: 30px;
    border-left: 4px solid #673ea8;
}
.absit--image {
    position: absolute !important;
    top: 39%;
    left: 12%;
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
}
.cstm--btn .elementor-button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.cstm--btn a.elementor-button:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    background: #111;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: 0.5s;
}
.cstm--btn a.elementor-button:hover:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.custom--slider .elementor-swiper-button {
    background: #8066a8;
    opacity: 1 !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.custom--testimonial {
    position: relative;
}
.custom--partner .elementor-widget-image {
    background: #f7f7f7;
    height: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border: 1px solid #ddd;
	transition:all 0.5s
}
.custom--partner .elementor-widget-image:hover {
    border-color: #542ba2;
}
.team-desgnation .elementor-heading-title {
    background: #fff;
    display: inline-block;
    padding: 10px 50px 10px 30px;
    border-radius: 0 30px 30px 0px;
	position:relative;
}
.team-desgnation .elementor-heading-title:after {
    content: "";
    height: 100%;
    width: 0;
    background: #9578c278;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 0px 30px 30px 0px;
    transition: 0.5s;
    position: absolute;
}
.custom-team-member:hover .team-desgnation .elementor-heading-title:after {
    width: 100%;
	z-index:1;
}
.team-desgnation .elementor-heading-title span {
    position: relative;
    z-index: 2;
}
.custom-team-member:hover .elementor-widget-image img {
    transform: scale(1.1) rotate(2deg);
}
.custom-team-member .elementor-widget-image {
    overflow: hidden;
}
.custom-team-member .elementor-widget-image img {
    transition: all 0.5s;
}
/* ABOUT PAGE end*/

/* Contact page  */
.contact--container .e-con-inner {
    background: #f7f7f7;
    padding: 50px !important;
    border: 1px solid #dddddd6b;
    border-radius: 30px;
}
.contact-form-custom .gfield_radio {
    display: flex;
    flex-wrap: wrap;
}
.contact-form-custom .gfield_radio .gchoice {
    width: 50%;
}
.contact-form-custom input:focus,
.contact-form-custom .ginput_container_select select:focus,
.contact-form-custom .ginput_container_textarea textarea:focus {
    outline: none;
}
.contact-form-custom .gform-body .gfield_label {
    font-weight: 500 !important;
    color: #191919;
}
.contact-form-custom input,
.contact-form-custom .ginput_container_select select,
.contact-form-custom .ginput_container_textarea textarea {
    background: #c9bbde69;
    outline: none !important;
    border: none !important;
    border-bottom: 2px solid #542b94 !important;
}
.contact-form-custom .gform_footer input {
    height: 50px;
    width: 250px;
    display: inline-block;
}
/* Hide default radio input */
.contact-form-custom .gfield_radio .gchoice .gfield-choice-input {
  display: none;
}

/* Custom label style */
.contact-form-custom .gfield_radio .gchoice label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

/* Custom radio circle */
.contact-form-custom .gfield_radio .gchoice label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #b6b2b2dd;
    border-radius: 50%;
    background-color: #e4deec;
    transition: all 0.3s ease;
}

/* Checked circle (filled center) */
.contact-form-custom .gfield_radio .gchoice .gfield-choice-input:checked + label::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #542b94;
    border-radius: 50%;
}
.contact-form-custom .gfield_radio .gchoice .gfield-choice-input:checked  label:before{
	border-color: #542b94;
}
/* Hover effect */
.contact-form-custom .gfield_radio .gchoice label:hover::before {
  border-color: #542b94;
}


/* Contact page end */

/* Blog page  */
.main--post--featured-image .uael-post__content-wrap {
    display: flex;
    flex-direction: column;
}
.main--post--featured-image .uael-post__meta-data {
    order: 1;
	display: flex;
    flex-direction: column;
}
.main--post--featured-image .uael-post__meta-data .uael-post__date {
    padding-left: 30px;
}
.main--post--featured-image .uael-post__meta-data span.uael-post__author svg {
    margin-right: 5px;
}
.main--post--featured-image span.uael-post__author a {
    font-weight: 600;
}
.main--post--featured-image .uael-post__content-wrap .uael-post__terms-wrap {
    margin: 0 !important;
}
.load--more--btn .uael-post__title {
    font-size: clamp(18px, 5vw, 26px) !important;
}
.featured--left--post .uael-post-image-left .uael-post-wrapper-featured {
    display: none !important;
}
.featured--left--post .uael-post-image-left .uael-post-grid__inner {
    width: 100% !important;
}
.featured--left--post .uael-post__content-wrap .uael-post__title {
    font-size: clamp(16px, 5vw, 22px) !important;
}
/* Blog page end */

/* Get Involved */
.custom--involved-image img {
    padding: 2px;
}

/* Get Involved end */

/* Project page */
.gradiant-text span {
    background: linear-gradient(to right, #c4b0f3, #542ba9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
}
.custom--portfolio-section .uael-post__content-wrap .uael-post__title {
    position: absolute;
    top: 150px;
    padding: 15px;
    width: 100%;
    text-align: center;
	color: #fff;
    font-weight: 600;
	z-index: 1;
}
.custom--portfolio-section .uael-post-wrapper:hover .uael-post__thumbnail img {
    transform: scale(1.1);
}
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap .uael-post__thumbnail,
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap .uael-post__content-wrap {
    width: 100%;
}
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap .uael-post__thumbnail {
    height: 400px;
	width: 100%;
	position: relative;
}
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap .uael-post__thumbnail:before {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.6;
	z-index: 1;
}
.custom--portfolio-section .uael-post-wrapper {
    padding: 0px !important;
    margin-bottom: 20px !important;
	width: calc(100% / 2 - 10px) !important;
}
.custom--portfolio-section .uael-post-grid__inner {
    gap: 20px;
	margin: 0 !important;
}
.custom--portfolio-section span.uael-post__terms, .custom--portfolio--grid span.uael-post__terms {
   display: flex;
    background-color: transparent !important;
    padding: 0 !important;
	gap: 10px;
}
.custom--portfolio-section span.uael-post__terms span.uael-listing__terms-link,
.custom--portfolio--grid span.uael-post__terms span.uael-listing__terms-link {
    background: #f7f7f7;
    padding: 7px 10px;
    display: inline-block;
}
.custom--portfolio-section span.uael-post__terms span.uael-listing__terms-link:after,
.custom--portfolio--grid span.uael-post__terms span.uael-listing__terms-link:after {
    visibility: hidden;
}

.custom--portfolio-section .uael-post__content-wrap {
    display: flex;
    flex-direction: column;
	padding: 20px 0 !important;
}
.custom--portfolio-section .uael-post__content-wrap .uael-post__terms-wrap {
    order: 1;
}
.custom--portfolio-section .uael-post__content-wrap a.uael-post__read-more {
    order: 2;
	width: max-content;
}
.key--featured-area .elementor-cta__bg {
    height: 200px;
    position: unset !important;
}
.key--featured-area .elementor-cta__bg-wrapper {
    min-height: unset !important;
}
.key--featured-area .elementor-cta__bg-wrapper .elementor-cta__bg {
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: left;
}
.key--featured-area .elementor-cta__bg-wrapper {
    min-width: unset !important;
    width: 200px !important;
}
.key--featured-area .elementor-cta__content {
    padding-left: 30px !important;
}
.team--griad-section .custom-team-member {
    width: calc(100% / 4 - 15px);
}
.portfolio--featured--image img {
    width: 100%;
    aspect-ratio: 1 / 0.4;
    object-fit: cover;
}
.single-portfolio {
    background: #9578c238;
}
.single-portfolio .ptb-post-nav {
    display: none;
}
.single-portfolio .ptb_portfolio_row {
    padding: 50px 0 !important;
}
.subscribe--modal .gform_footer input {
    border: none;
}
.custom--resourse--archive h5 {
    display: none;
}
.custom--resourse--archive .ptb_post_title {
    margin-bottom: 10px;
    font-size: clamp(22px, 5vw, 32px);
    font-weight: 600;
    line-height: 1.1;
}
.custom--resourse--archive a.ptb_link_button {
    border-radius: 0 !important;
    display: inline-block;
    padding: 15px 30px !important;
    transition: all 0.5s;
}
.custom--resourse--archive .ptb_loops_shortcode {
    gap: 30px;
}
.custom--resourse--archive .ptb_loops_shortcode .ptb_post {
    margin-bottom: 1rem;
}
.custom--resourse--archive .ptb_taxonomies_secondary_category {
    font-size: 0;
	display: flex;
    gap: 5px;
}
.custom--resourse--archive .ptb_taxonomies_secondary_category a {
    background: #9578c278;
    font-size: 13px;
    color: #673ea8;
    display: inline-block;
    padding: 5px 17px;
    font-weight: 600;
    border-radius: 30px;
	pointer-events: none;
}
/* Project page end */





/* Animations */
@keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}


@keyframes bounce {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}
/* Animations end */
@media only screen and (max-width:1024px){
.team--griad-section .custom-team-member {
    width: calc(100% / 3 - 15px) !important;
}	
}

@media only screen and (max-width:767px){
.ryt--semi-bod:before {
    width: 180px !important;
    height: 200px !important;
    border-left: 60px solid #9578c238 !important;
    border-bottom: 60px solid #9578c238 !important;
}
.main--header .e-con-inner {
    flex-wrap: nowrap !important;
}
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap, .key--featured-area .elementor-cta {
    flex-direction: column !important;
}
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap .uael-post__thumbnail {
    height: 250px !important;
}
.custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap .uael-post__thumbnail, .custom--portfolio-section .uael-post-grid__inner .uael-post__inner-wrap .uael-post__content-wrap {
    width: 100% !important;
}
.key--featured-area .elementor-cta__content {
    padding-left: 0px !important;
}
.key--featured-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.team--griad-section .custom-team-member {
    width: calc(100%) !important;
}
.subscribe--modal .gform-body .gform_fields {
    display: flex !important;
    flex-direction: column;
}
.subscribe-form .gchoice label {
    font-size: 13px !important;
}
.custom--portfolio-section .uael-post-grid__inner {
    flex-direction: column;
}
.custom--portfolio-section .uael-post-wrapper {
    width: 100% !important;
}
.custom--portfolio-section .uael-post__content-wrap .uael-post__title {
    position: unset;
    color: #111;
    text-align: left;
    padding: 0;
    font-size: 22px;
    line-height: 1.1;
}
.single-portfolio .ptb_portfolio_row {
    padding: 30px 0 !important;
}	
}