/**handles:hello-elementor-child-style**/
/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*Home page*/
.cmn-btn a span.elementor-button-icon svg {
    height: 40px;
    width: 40px;
}
.cmn-btn a span,
.google-btn a span {
    display: flex;
    align-items: center;
}

.google-btn a span.elementor-button-icon svg {
    height: 22px;
    width: 22px;
}

.darkHeader {
    background-color: #1390C6;
}

.dual-header h2 span {
    color: #1390C6;
}

/*Blog Read Time */
p.read-time {
    margin: 0;
    padding-left: 31px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #535353;
    position: relative;
}

p.read-time::before {
    content: "";
    position: absolute;
    height: 21px;
    width: 21px;
    left: 0;
    top: 0;
    background-image: url(https://dev.wordpress-developer.us/action-chiropractic-and-sports-injury-center/wp-content/uploads/2025/02/Vector.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*Blog Loop Card*/
.our-blog-grid:hover h4.elementor-heading-title a {
    color: #1290c6 !important;
    transition: 0.4s;
}

.our-blog-grid:hover .elementor-icon-wrapper svg {
    rotate: 45deg;
    transition: 0.4s;
}

/*Footer*/
.footer-site-logo a {
    display: block !important;
}

/*Newsletter form*/

.newsletter-form input#input_1_1 {
    padding: 18px 18px 18px 49px !important;
    background-color: rgba(255, 255, 255, 0.4);
    background-image: url(https://dev.wordpress-developer.us/action-chiropractic-and-sports-injury-center/wp-content/uploads/2025/02/Frame.png);
    background-repeat: no-repeat;
    background-position: left 19px top 21px;
}

.newsletter-form input#input_1_1:focus {
    outline: none !important;
}

.newsletter-form input#input_1_1::placeholder,
.newsletter-form input#input_1_1 {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
}

.newsletter-form input[type="submit"] {
    background-color: #C4E1EF !important;
    border-color: #C4E1EF !important;
    border-radius: 50px;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #282924 !important;
    padding: 16px 29px !important;
}

.newsletter-form input[type="submit"]:hover {
    color: #C4E1EF !important;
    background-color: transparent !important;
}

.newsletter-form .gform-footer.gform_footer.top_label {
    padding: 0;
    margin-top: 15px;
}

.link-color a {
    color: #fff;
}

.link-color a:hover {
    color: #1390C6;
}

/*FAQ Page accordian*/

.custom-faq .e-n-accordion-item {
    border: 1px solid #c4c4c49e;
    border-radius: 20px;
    overflow: hidden;
}

.custom-faq .e-n-accordion-item[open] {
    border: #fff;
    box-shadow: 0 4px 60px rgb(0 0 0 / 8%);
}

.custom-faq summary.e-n-accordion-item-title {
    border-radius: 20px;
}

/*Contact page*/
.get-in-touch-form input[type="text"],
.get-in-touch-form input[type="email"],
div#field_2_5 textarea {
    padding: 17px 51px !important;
    border: 1px solid #E3E3E3 !important;
    border-radius: 10px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #525252 !important;
}

div#field_2_5 textarea {
    height: 145px !important;
    resize: none;
}

.get-in-touch-form .gform_wrapper.gravity-theme .gform_fields {
    row-gap: 29px !important;
}

.get-in-touch-form input[type="text"]:focus,
.get-in-touch-form input[type="email"]:focus,
div#field_2_5 textarea:focus {
    outline: none !important;
    border-color: #fff !important;
    box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.12);

}

.get-in-touch-form input[type="submit"] {
    padding: 15px 37px !important;
    background-color: #C4E1EF !important;
    border: 1px solid #C4E1EF !important;
    border-radius: 50px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #282924 !important;
}

.get-in-touch-form input[type="submit"]:hover {
    background-color: #1390C6 !important;
    color: #C4E1EF !important;
}

.get-in-touch-form .gform_wrapper.gravity-theme .gform_footer {
    margin-top: 11px !important;
}

.get-in-touch-form .gfield,
.newsletter-form .gfield{
    position: relative;
}
.get-in-touch-form .validation_message,
.newsletter-form .validation_message{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1;
    width: 30px !important;
	min-height: 25px !important;
    border-radius: 50px;
    padding: 5px 35px 5px 10px !important;
    overflow: hidden;
    font-size: 0 !important;
    background-color: #fff !important;
	line-height: 1.2 !important;
	cursor: help;
	background: url(https://dev.wordpress-developer.us/tonercast/wp-content/uploads/2024/12/infoicn.png) right center no-repeat #fff !important;
	background-size: 25px !important;
	margin: 0 !important;
	border: 1px solid transparent !important;
}
.get-in-touch-form .validation_message:hover,
.newsletter-form .validation_message:hover{
	font-size: 10px !important;
	max-width: calc(100% - 20px) !important;
	width: auto !important;
	border: 1px solid #c02b0a !important;
	transition: all 0.3s ease-in-out;
}

/*Blog details*/
.custom-post-content p a {
    color: #1290c6;
}

.custom-post-content p a:hover {
    color: #000;
}

.load-more-btn-loop .e-loop__load-more.elementor-button-wrapper a {
    background-image: url(https://dev.wordpress-developer.us/action-chiropractic-and-sports-injury-center/wp-content/uploads/2025/02/Group-1707486385.svg);
    background-repeat: no-repeat;
    background-position: right 6px center;
}

/*New patient center*/

.icon-box-shadow .elementor-icon {
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    padding: 24px;
    box-shadow: 10px 5px 34px rgba(0, 0, 0, 0.1) !important;
}
/*Our Videos Page*/
.Video-category-list search.e-filter button.e-filter-item {
    position: relative;
}
.Video-category-list search.e-filter button.e-filter-item::after{
    content: "";
    height: 1px;
    width: 100%;
    background-color:#CDCDCD;
    position: absolute;
    bottom: 0;
}
.Video-category-list .e-filter button.e-filter-item:nth-last-child(2)::after {
    display: none;
}
.custom-video-overlay .elementor-custom-embed-play {
    left: 86% !important;
    top: 82%;
}

.ftrd-img a {
    display: block;
}
.banner-slider .swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
}
.banner-slider .swiper-pagination .swiper-pagination-bullet-active::before{
	content: "";
	position: absolute;
	height: 29px;
	width: 29px;
	border:2px solid #fff;
	border-radius: 50%;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media only screen and (max-width:1024px) {
    .newsletter-form input[type="submit"] {
        padding: 8px 18px !important;
    }

    .newsletter-form input#input_1_1 {
        padding: 10px 10px 10px 30px !important;
        background-position: left 8px top 50%;
        background-size: 15px;
    }

    .get-in-touch-form input[type="text"],
    .get-in-touch-form input[type="email"],
    div#field_2_5 textarea {
        padding: 11px 25px !important;
    }

    .get-in-touch-form .gform_wrapper.gravity-theme .gform_fields {
        row-gap: 15px !important;
    }

    .get-in-touch-form .gform_wrapper.gravity-theme .gform_footer {
        padding-top: 0px !important;
    }
}

@media only screen and (max-width:880px) {
    .cmn-btn a span.elementor-button-icon svg {
        height: 30px;
        width: 30px;
    }

    .cmn-btn a span {
        gap: 10px !important;
    }
    
}


@media only screen and (max-width:767px){
	.banner-slider .swiper-pagination .swiper-pagination-bullet-active::before{
			height: 22px;
	width: 22px;
	}
	
}