/* Senior Company Plugin
------------------------------------------- 

Table of contents
	- Single Page
	- Page Loop
	- Media Queries

------------------------------------------- */

/* Single Page
-------------------------------------------- */

.service-content-wrap,
.individual-service-container .wrap,
.blog-single-container {
	padding: 40px 24px;
}

.list-of-services {
	padding: 0 24px;
}

.blog-main-container {
	padding: 40px 24px;
	width: 100%;
}

.blog-main-container .blog-header-content {
	margin-bottom: 40px;
}

.post-type-archive-services .image-text-cta {
	padding: 40px 24px;
}

.post-type-archive-services .image-text-cta .service-pg-full-image {
	min-height: 250px;
}

.post-type-archive-services .image-text-cta .service-pg-full-image img {
	min-height: 250px;
	object-fit: cover;
}

.post-type-archive-services .image-text-cta .block-pic-side {
	border-radius: 30px;
	margin: 0 auto -80px;;
	padding: 24px;
	position: relative;
	top: -80px;
	width: calc(100% - 16px);
}

/*Service Pages*/
.service-content h2 {
	font-size: 30px;
}

h3.service-title {
	color: var(--purple);
	font-size: 24px;
	font-weight: 600;
}

.individual-service-container .wrap {
	padding: 40px 24px;
}


hr.red-service { 
	border: 0;
	border-bottom: 1px solid var(--red);
	margin: 20px 0 30px;
	width: 60px;
}


.service-content {
	padding: 15px 20px;
	width: 100%;
}

.stars {
    float: right;
    position: relative;
    right: 20px;
    top: -30px;
}

.testimonial-wrap {
	background-color: var(--light-purple);
	border-radius: 30px;
	margin-top: 45px;
	padding: 60px 20px 30px 25px;
	width: 100%;
}

.testimonial {
	color: var(--purple)!important;
	font-weight: 600;
	font-size: 24px;
	padding-top: 30px;
}

.quotes {
	position: relative;
	top: -45px;
	width: 50px;
}

.individual-service-container .service-image-list,
.individual-service-container .service-bottom {
    padding: 60px 24px;
    margin: 0 auto;
    max-width: 1140px;
    width: 100%;
}

.full-image img {
	border-radius: 30px 30px 0 0 ;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.expect-wrap {
    background-color: var(--purple);
    border-radius: 0 0 30px 30px;
    padding: 30px 15px;
}

.expect-title {
	color: var(--mid-purple);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3em;
	margin: 0 auto;
	padding: 30px 15px 20px;
	width: 100%;
}

.expect-bullets {
	color: var(--white);
	margin: 0 auto;
	width: 100%;
}

.expect-bullets li {
    font-size: 17px;
    margin-bottom: 18px;
    margin-right: 45px;
    margin-left: 40px;
    line-height: 1.3em;
}

.expect-bullets li:before {
	color: var(--blue);
	content: '\f058';
	font: var(--fa-font-solid);
	font-size: 15px;
	padding-right: 6px;
	margin-left: -25px;
	margin-right: 5px;
}

.service-bottom {
	padding: 40px 24px 80px;
}

input#nf-field-53 {
    margin-top: 30px;
    background-color: var(--purple);
}

/*Form - Individual Services*/
.get-started-services-form {
	background-color: var(--light-purple);
	padding: 60px 24px;
}

.service-bottom-three-cta {
	padding: 40px 24px;
}

.service-bottom-three-cta h2 {
	color: var(--light-purple);
	font-size: 23px;
	padding-top: 15px;
}

.service-faqs,
.service-about,
.service-all {
	background-color: var(--purple);
	border-radius: 30px;
	color: var(--light-purple);
	padding: 30px;
}

.service-faqs,
.service-about {
	margin-bottom: 24px;
}

.bottom-left h2 {
	color: var(--light-purple);
    font-size: 23px;
    padding-top: 15px;
}

.bottom-left a.links-arrows {
color: var(--light-purple);
}

.bottom-left a.links-arrows:hover {
	color: var(--orange);
}

.bottom-right {
	border-radius: 30px;
	border: 1px solid #EDEDED;
	background: #FFF;
	box-shadow: 0 0 20px 0 rgba(20, 14, 64, 0.07);
	margin-bottom: 24px;
	padding: 30px;
}

.service-cta-icons {
    font-size: 35px;
}

.nf-field h3 {
	font-size: 22px;
	font-weight: 600;
}

.nf-field h4 {
	font-size: 18px;
}

p.asterisk {
	font-size: 14px;
}

.list-of-services .wrap {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}

.service-category-header {
    text-align: center;
}

.service-jump-nav {
	display: flex;
	justify-content: center;
	padding: 30px;
}

.service-jump-nav a {
	color: var(--purple);
	text-decoration: none;
}

.service-jump-nav a:focus,
.service-jump-nav a:hover {
	color: var(--white);
}

.service-jump-nav .wrap {
	background-color: var(--mid-blue);
	border-radius: 10px;
	font-size: 24px;
	font-weight: 600;
	margin: 0 auto;
	padding: 20px 45px 15px;
}

.service-category-section {
    scroll-margin-top: 180px;
}

.care-accommodation,
.care-frequency {
	border-bottom: 1px solid;
	margin-bottom: 25px;
	padding-bottom: 30px;
}

.care-accommodation a:before,
.care-frequency a:before,
.specialized-care a:before {
	color: var(--purple);
	font: var(--fa-font-solid);
	font-size: 24px;
	padding-right: 10px;
}

.care-accommodation a:before {
	content: '\e3b2';
}
.care-frequency a:before {
	content: '\f4bc';
}
.specialized-care a:before {
	content: '\f0fa';
}

.services-list {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.service-item {
	border-radius: 20px;
	box-shadow: 0 0 20px 0 rgba(20, 14, 64, 0.07);
	padding: 24px;
	margin-block: 15px;
	max-width: 1000px;
}

a.service-learn-more {
	color: var(--blue);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

a.service-learn-more:after {
	content: '\f0a9';
	font: var(--fa-font-solid);
	padding: 7px;
	border-radius: 200px;
	margin-right: 6px;
	color: var(--mid-blue);
	font-size: 16px;
}

a.service-learn-more:hover,
a.service-learn-more:active {
	color: var(--purple);
}

.service-category-section {
	margin-top: 60px;
}

hr.category-divider {
	border: 0;
	border-bottom: 1px solid var(--red);
	text-align: center;
	width: 70px;
}

.category-accommodation-title:before {
	content: '\e3b2';
	color: var(--purple);
	font: var(--fa-font-solid);
	font-size: 35px;
	padding-right: 15px;
}

.category-frequency-title:before {
	content: '\f4bc';
	color: var(--purple);
	font: var(--fa-font-solid);
	font-size: 35px;
	padding-right: 15px;
}

.category-specialized-title:before {
	content: '\f0fa';
	color: var(--purple);
	font: var(--fa-font-solid);
	font-size: 35px;
	padding-right: 15px;
}

h1.entry-title {
	font-size: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h1.entry-title:after {
	background-color: var(--red);
	content: '';
	display: block;
	height: 1px;
	margin-bottom: 30px;
	margin-top: 10px;
	width: 60px;
}


/*Shortcodes*/

.blog-homepage-wrap .individual-blog .blog-title {
	padding: 24px;
}

.blog-homepage-wrap .individual-blog .blog-excerpt {
	padding: 0 24px 24px 24px;
}

.home-block-cta.e-flex {
	padding-top: 0px;
	padding-bottom: 0px;
}

.individual-blog {
	border-radius: 20px;
	box-shadow: 0 0 20px 0 rgba(20, 14, 64, 0.07);
	margin-bottom: 24px;
}


/*Archive Blog*/

.learn-more {
    margin-top: auto; /* Pushes the button to the bottom */
}

.learn-more a {
    border-radius: 0 0 20px 20px;
    background: var(--blue);
    padding: 15px;
    text-align:right;
    color: var(--white);
    width: 100%;
    display: block;
}

.learn-more a:hover {
    background: var(--orange);
}

.learn-more a:after {
    border-radius: 200px;
    color: var(--white);
    content: '\f0a9';
    font: var(--fa-font-solid);
    font-size: 16px;
    margin-right: 6px;
    padding: 7px; 
}

.blog-image img {
	border-radius: 20px 20px 0 0;
}

.blog-title {
	color: var(--purple);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3em;
	padding: 15px;
}

.blog-excerpt {
	font-size: 16px;
	line-height: 1.3em;
	padding: 0 15px 15px;
}

 
/*Individual Blog*/

.blog-top {
	margin-bottom: 24px;
}

.top-image img {
	border-radius: 30px;
}

.back-arrow {
	margin-top: 24px;
}

.blog-date {
    font-size: 15px;
}

.blog-content {
    margin-top: 60px;
}

ul.blog-list li,
ul.wp-block-list li {
    list-style: circle;
    margin-left: 30px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

ul.wp-block-list li:first-of-type,
ol.wp-block-list li:first-of-type {
    margin-top: -15px;
}

ul.wp-block-list li:last-of-type,
ol.wp-block-list li:last-of-type {
    margin-bottom: 35px;
}

ol.wp-block-list,
ol.list {
    margin-left: 30px;
}

ol.list li,
ol.wp-block-list li {
    list-style: decimal;
}

ol.list li ul.blog-list li {
    list-style: circle;
}

/*Table*/
tr.header {
    background-color: var(--mid-purple);
    font-weight: 600;
}

tr.sub {
    background-color: var(--light-purple);
    border-top: 1px solid #B3AAEA;
}

tr.sub td {
    line-height: 1.5em;
    width: 33.3%;
}

/* NJ MAP
-------------------------------------------- */








/* Media Queries
------------------------------------------- */
@media only screen and (min-width: 961px) {

	.blog-main-container {
		padding: 80px 24px;
		margin: 0 auto;
		max-width: 1140px;
		width: 100%;
	}

	.service-content-wrap,
	.individual-service-container .wrap,
	.individual-blog-container {
		align-items: center;
		flex-direction: row;
		display: flex;
		justify-content: center;
		margin: 0 auto;
		max-width: 1140px;
		width: 100%;
	}

	.service-content-wrap {
		padding: 80px 0;
	}

	.individual-service-container .wrap {
		margin: 0 auto;
		max-width: 1140px;
		width: 100%;
	}

	.post-type-archive-services .image-text-cta,
	.blog-single-container {
		padding: 80px 24px;
	}

	.post-type-archive-services .image-text-cta .wrap {
		margin: 0 auto;
		max-width: 1140px;
		position: relative;
	}

	.post-type-archive-services .image-text-cta .service-pg-full-image {
		min-height: 450px;
		width: 65%;
	}

	.post-type-archive-services .image-text-cta .service-pg-full-image img {
		min-height: 450px;
		object-position: -40px center;
	}

	.post-type-archive-services .image-text-cta .block-pic-side {
		padding: 30px 40px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50%;
	}

	.service-item {
		padding: 45px;
	}

	.service-faqs,
	.service-about,
	.service-all {
		width: 40%;
	}

	.bottom-right,
	.service-faqs,
	.service-about {
		margin-bottom: 0;
	}

	.post-type-archive-services .get-started-services-form .bottom-form,
	.single-services .get-started-services-form .bottom-form {
		margin: 0 auto;
		max-width: 700px;
	}

	.service-jump-nav .wrap {
		display: flex;
	}

	.care-accommodation,
	.care-frequency {
		border-bottom: none;
		border-right: 1px solid;
		margin-bottom: 0;
		margin-right: 25px;
		padding-bottom: 0;
		padding-right: 30px;
	}

	.expect-bullets ul {
		column-count: 1;
		padding-left: 15px;
	}

	.service-bottom-three-cta {
	    display: flex;
		gap: 40px;
	    margin: 0 auto;
		padding: 80px 24px;
	    width: 1140px;
	}

	.individual-service-container .service-image-list,
	.individual-service-container .service-bottom {
	    flex: 1;
	    display: flex;
	}

	.full-image {
		width: 50%;
	}
	
	.full-image img {
		border-radius: 30px 0 0 30px;
	}

	.expect-wrap {
	    border-radius: 0px 30px 30px 0;
		width: 50%;
	}

	.individual-blog-container h2 {
		font-size: 24px;
		padding-top: 30px;
	}

	.individual-blog-container h2:after {
		content: '';
	    display: block;
	    width: 60px;
	    height: 1px;
	    background-color: var(--red);
	    margin-top: 10px;
	}

	h3.wp-block-heading {
		font-size: 20px;
        font-weight: 600;
	}




	.service-content {
		padding: 15px 40px 15px 20px;
		width: 55%;
	}

	.testimonial-wrap {
		background-color: var(--light-purple);
		border-radius: 30px;
		padding: 60px 20px 30px 25px;
		width: 45%;
	}

	.service-bottom.service-pg {
	    padding-top: 80px;
	}

	.service-bottom {
		padding: 0px 24px 60px;
	}

	.bottom-left,
	.bottom-right {
		width: 100%;
	}

	.bottom-left {
		display: flex;
		justify-content: center;
		gap: 40px;
		margin: 0 auto;
		max-width: 1140px;
	}

	section.main-services-page-container .block-pic {
		border-radius: 30px;
		padding: 60px 75px 30px 60px;
		position: absolute;
		right: 50px;
		top:250px;
		width: 650px;
	}

	/*Archive Blog*/
	.blog-container {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
		justify-content: space-between;
		gap: 24px;
	}

	.blog-loop-inner {
	    display: flex;
	    align-items: stretch; /* Makes all children the same height */
	    flex-direction: column;
	}

	.individual-blog {
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
	    width: calc( ( 100% / 3 ) - 16px );
	}

	.blog-homepage-wrap {
	    display: flex;
	    justify-content: space-between;
		gap: 4%;
	}
	
	.blog-homepage-wrap .individual-blog {
		flex-grow: 1;
		width: 48%;
	}


	/*Blogs*/
	.blog-top {
	    align-items: center;
	    display: flex;
	    gap: 60px;
		margin-bottom: 0;
	}

	.top-image {
	    max-width: 550px;
	}

	.back-arrow {
	    margin-top: 60px;
	}


}


	

@media only screen and (max-width: 768px) {

	

}