/* 
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
*/

/*
    Add your custom styles here
*/

/* Home Page Css */

.doctor-section .e-con-inner{
    position: relative;
}

.doctor-section .e-con-inner:before{
    position: absolute;
    content:"";
    width: 78.5%;
    height: 94.4%;
    background-color: #f0f5f8;
    top:49px;
    right: 0%;
    border-radius: 20px;
}




.footer-bold-link{
    font-weight: 700 !important;
}


.bold-text{
    font-weight: 700;
}

.blog-loop-grid .page-numbers:not(:first-child):not(:last-child){
    padding: 0;
    width: 35px;
    box-shadow: 0px 0px 0px 1px inset #6894A7;
    border-radius: 50%;
    height: 35px;
    align-items: center;
    justify-content: center;
    display: flex;
}
 
 .blog-loop-grid .page-numbers:hover{
     background: #D9E0E5;
     box-shadow: none;
}
 
 .blog-loop-grid .page-numbers.current{
    background: #D9E0E5;
    box-shadow: none !important;
}


.blog-line span:before {
    content: '';
    background: url(https://dev.wordpress-developer.us/creekside-dental/wp-content/uploads/2024/07/Group-1707482911.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 365px;
    width: 365px;
    height: 12px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: -1;
}

/* .video-box .elementor-custom-embed-image-overlay img{
    aspect-ratio: unset !important;
} */

.blog-loop-para .elementor-widget-container p{
     text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.invisalign-form .gfield_required{
    color: #2F2F2F !important;
}
.faq-teeth .e-n-accordion-item-title{
    background-image: url(https://dev.wordpress-developer.us/creekside-dental/wp-content/uploads/2024/07/Arrow-1.png);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    background-size: 18px;
}



/* gravity frm css */


.consulation-frm .gfield_required,
.invisalign-form .gfield_required{
    color: #2F2F2F !important;
}

.invisalign-form input[type = "tel"],
.invisalign-form input[type = "email"],
.invisalign-form input[type = "text"]{
	border:none;
	box-shadow: 0 0 0 1px inset #6894A7;
	border-radius:8px;
	padding:14px 13px !important;
}

.invisalign-form .ginput_complex {
	display:flex;
	column-gap:0px;
}

.invisalign-form .gform_fields{
	grid-column-gap: 2% !important;
	grid-row-gap:20px !important;
}

.invisalign-form input[type = "submit"]{
	margin-bottom:0;
}

.invisalign-form .gfield--type-radio:nth-child(2){
	padding-left:50px;
}

.consulation-frm .validation_message,
.visiting-frm .validation_message,
.invisalign-form .validation_message {
	display:none;
}

.consulation-frm .gfrom_required_legend,
.invisalign-form .gform_required_legend{
	display:none !important;
}

.consulation-frm .gform_fields{
	grid-column-gap: 2% !important;
    grid-row-gap: 33px !important;
}
.consulation-frm textarea{
	height: 180px !important;
}

.consulation-frm input[type = "tel"],
.consulation-frm input[type = "email"],
.consulation-frm input[type = "text"], .consulation-frm textarea{
	border:1px solid #6894A7;
	border-radius:8px;
	padding:14px 13px !important;
}
.consulation-frm input[type = "tel"]:focus-visible,
.consulation-frm input[type = "email"]:focus-visible,
.consulation-frm input[type = "text"]:focus-visible, .consulation-frm textarea{
	outline:none !important;
}
.invisalign-form input[type = "tel"]:focus-visible,
.invisalign-form input[type = "email"]:focus-visible,
.invisalign-form input[type = "text"]:focus-visible{
	outline:none !important;
}
.consulation-frm .gform_required_legend{
    display: none !important;
}
.consulation-frm .gform_footer{
	padding:0 !important;
	padding-top:27px !important;
}

.visiting-frm textarea,
.visiting-frm input[type = "text"],
.visiting-frm input[type = "email"]{
	border-radius:8px;
	padding:14px 30px !important;
	border:1px solid #6894A7;
}

.visiting-frm textarea:focus-visible,
.visiting-frm input[type = "text"]:focus-visible,
.visiting-frm input[type = "email"]:focus-visible{
	outline:none;
}

.consulation-frm .gfield--type-radio .gform-field-label:not(.gform-field-label--type-inline),
.invisalign-form .gfield--type-radio .gform-field-label:not(.gform-field-label--type-inline){
	padding-left:26px;
	background:url(https://dev.wordpress-developer.us/creekside-dental/wp-content/uploads/2024/07/Arrow-1.png);
	background-repeat:no-repeat;
	background-position-y: 4px;
}

.consulation-frm .gfield_radio,
.invisalign-form .gfield_radio{
	padding-left:26px;
}

.consulation-frm input[type="radio"],
.invisalign-form input[type="radio"]{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; /* Ensure no rounded corners */
    width: 10px; /* Adjust size as needed */
    height: 10px; /* Adjust size as needed */
    border: 1px solid #000; /* Border for the square shape */
    outline: none;
	margin-right:10px;
}

.consulation-frm input[type = "radio"]:checked,
.invisalign-form input[type="radio"]:checked{
	background-color: #000;
}





@media screen and (max-width:1200px){
    .doctor-section .e-con-inner:before{
        top:20px;
    }
	    
    .blog-line span:before {
        content: '';
        background: url(https://dev.wordpress-developer.us/creekside-dental/wp-content/uploads/2024/07/Group-1707482911.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 365px;
        width: 300px;
        height: 12px;
        display: block;
        position: absolute;
        bottom: -7px;
        right: 20px;
        z-index: -1;
    }
}


@media screen and (max-width: 1025px){
    .doctor-section .e-con-inner:before{
       top:20px;
       width:85%;
       left:7.5%;
       top:30px;
       
     }  
        
}

@media screen and (max-width:767px){
.invisalign-form .gfield--type-radio:nth-child(2){
	padding-left:0px;
}
.doctor-section .e-con-inner:before {
    left: -5px;
    width: calc(100% + 10px);
    top: 25px;
    height: 97%;
}
}