/**
Theme Name: Clinician - OpenLoop Health
Author: OpenLoop Health
Author URI: https://clinician.openloophealth.com
Description: Clinicians website for OpenLoop Health
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clinician-openloop-health
Template: astra
*/

.site-main a {
	text-decoration: none !important;
}

.site-main p a, .site-main p a mark {
	color: #E90054 !important;
}

.getting-started-is-simple-number p {
	width: 40px;
    height: 40px;
    background: #ffffff;
    color: rgb(11, 11, 11);
    border: 1px solid #CCD3E2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
}

.getting-started-is-simple-number p:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 80px;
    height: 2px;
    border-top: 2px dashed #CCD3E2;
}

.getting-started-is-simple-number::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    width: 2px;
    height: 300px;
    border-left: 2px dashed #CCD3E2;
}

.getting-started-is-simple-number-last::before {
    content: none !important;
}

/* Ball */
.getting-started-is-simple-text-container::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #CCD3E2;
    border-radius: 50%;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.elementor-widget-button, .elementor-button {
		width: 100% !important;
	}
	
	.getting-started-is-simple-number {
		display: none !important;
	}
	
	.getting-started-is-simple-text-container::after {
		display: none !important;
	}
	
	.elementor-element.getting-started-is-simple-card-container::before {
		height: 10%;
		transform: translateY(-33%);
		left: 49.75%;
		content: "";
		position: absolute;
		top: 0;
		width: 2px;
		height: 12%;
		border-left: 2px dashed #CCD3E2;
	}
	
	.elementor-element.getting-started-is-simple-card-container::after {
        bottom: 0px;
        transform: translateX(-50%);
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background: #CCD3E2;
        border-radius: 50%;
        left: 49%;
        top: -25px;
        transform: translateY(-50%);
	}
}