﻿/* Content styles start */


/* Home styles start */

/* Home Hero styles  */


#home-hero-container {
	max-width: 100%; 
	min-height: 900px; 
	background-color: #EF59A1; 
	margin-bottom: 0px; 
	display: flex; 
	flex-direction: column; 
	align-items: stretch;
}

#home-hero-row-1 { 
	width: 100%; 
	height: 450px;
	background-image: url("/site-elements/images/home-hero-banner-image.png"); 
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;
}

#home-hero-row-2 {
	width: 90%;
	margin: 70px 5% 0px 5%;
	padding: 0px 0px 80px 0px; 
}

#home-hero-row-2 h1{ 
	padding: 0px; 
	margin: 0px 0px 40px 0px; 
	font-size: 52px;
}

#home-hero-row-2 h2{ 
	padding: 0px; 
	margin: 0px 0px 40px 0px; 
	font-size: 30px;
}
	
#home-hero-row-2 p { 
	padding: 0px 0px 0px 0px; 
	margin: 25px 0px 0px 0px; 
	font-size: 18px; 
	line-height: 1.4;
	font-weight: 600;
}


/* Responsive styles for hero styles */

@media all and (max-width: 900px) {
	
	#home-hero-container {
		min-height: 600px; 
	}

	#home-hero-row-1 { 
		height: 350px;
	}

	#home-hero-row-2 {
		padding: 0px 0px 50px 0px; 
		margin: 40px 5% 0px 5%;
	}

	#home-hero-row-2 h1{ 
		font-size: 36px;
	}

	#home-hero-row-2 h2{ 
		font-size: 26px;
	}
		
	#home-hero-row-2 p { 
		font-size: 18px; 
	}
	
}

@media all and (max-width: 700px) {
	
	#home-hero-container {
		min-height: 600px; 
	}

	#home-hero-row-1 { 
		height: 200px;
	}
	
}


/* Home Tile styles  */

.home-tile-container {
	max-width: 90%; 
	min-height: 600px; 
	background-color: #ffffff; 
	display: flex; 
	flex-wrap: wrap; 
	padding: 20px 5% 80px 5%;
	gap: 5%;
}

.home-tile-container a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
}
.home-tile-container .grow {
	flex-grow: 1;
}
.home-tile-content-tile {
	max-width: 47.5%;
	background-color: #92278e;
	min-height: 200px;
	margin: 50px auto 0px auto;
	border-radius: 25px;
	color: #ffffff;
	padding: 15px 0px 20px 0px;
}


/*
.home-tile-content-tile {
	max-width: 47.5%;
	background-color: #f5f5f5;
	min-height: 200px;
	margin: 50px auto 0px auto;
	border-radius: 25px;
	color: #000000;
}
*/

.home-tile-content-tile:hover {
	background-color: #EF59A1;
	color: #000000;
	cursor: pointer;
	transition: 0.3s;
}
.home-tile-content-tile:hover img {
	filter: invert(100%);
}

.home-tile-content-tile h3 {
	width: 80%;
	font-size: 32px;
	margin: 30px auto 0px auto;
}

.home-tile-content-tile p {
	width: 80%;
	font-size: 18px;
	margin: 30px auto 0px auto;
	line-height: 1.4;
}

.home-tile-content-tile p.small {
	font-size: 16px;
	margin: 30px auto 30px auto;
}


/* Responsive styles for home tiles styles */

@media all and (max-width: 900px) {
	
	.home-tile-container {
		width: 100%;
		padding: 20px 5% 20px 5%;
	}

	.home-tile-content-tile {
		width: 100%;
		max-width: none;
		margin: 20px auto 20px auto;
	}
	
}


/* Home Contact styles  */

.home-contact-container {
	max-width: 90%; 
	min-height: 300px; 
	background-color: #f3ecf6; 
	margin-bottom: 60px; 
	display: flex; 
	flex-direction: row;
	margin: 0px auto 60px auto;
	gap: 5%;
	border-radius: 25px;
}

.home-contact-column-1 {
	width: 47.5%;
    margin: 0px 0px 0px 0px;
}

.home-contact-column-1 h2 {
	width: 80%;
    font-size: 32px;
    margin: 50px 10% 40px 10%;
}

.home-contact-column-1 p {
	width: 90%;
    font-size: 18px;
    margin: 20px 0% 20px 10%;
    line-height: 1.4;
}

.home-contact-column-1 a {
	margin: 20px 10% 50px 10%;
    display: inline-block;
    border-radius: 8px;
    background-color: #92278e;
    padding: 20px 30px 20px 30px;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;
}

.home-contact-column-1 a:hover {
	background-color: #EF59A1;
    color: #000000 !important;
    transition: 0.3s;
}	


.home-contact-column-2 {
	width: 47.5%;
    margin: 0px 5% 0px 0px;
}

.home-contact-column-2-image {
	width: 90%;
    margin: 50px 10% 50px 10%;
	border-radius: 25px;
}

    
/* Responsive styles for home tiles styles */

@media all and (max-width: 1000px) {
	
	.home-contact-container {
		max-width: 90%;  
		flex-direction: column;
	}

	.home-contact-column-1 {
		width: 90%;
		margin: 20px auto 30px auto;
	}

	.home-contact-column-1 h2 {
		margin: 20px 5% 20px 5%;
	}

	.home-contact-column-1 p {
		margin: 20px 5% 20px 5%;
	}
	
	.home-contact-column-1 a {
		margin: 20px 5% 20px 5%;
	}

	.home-contact-column-2-image {
		display: none;
	}
	.home-partners-container h2 {
		margin: 50px 10% 40px 10% !important;
	}
	
}



/* Home partners styles  */

.home-partners-container {
	max-width: 90%; 
	min-height: 200px; 
	background-color: #f5f5f5; 
	margin: 0px auto 60px auto;
	border-radius: 25px;
}

.home-partners-container h2 {
	width: 90%;
    font-size: 32px;
    margin: 50px 5% 40px 5%;
	padding: 45px 0px 0px 0px;
}

.home-partners-container p {
	width: 90%;
    font-size: 18px;
    margin: 20px 5% 20px 5%;
    line-height: 1.4;
}

.home-partners-logo-container {
	max-width: 90%;
    min-height: 200px;    
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto 60px auto;
    gap: 5%;
}

.home-partners-logo-image {
	width: 21%;
	height: 100%;
	margin-bottom: 60px;
}

/* Responsive styles for home tiles styles */

@media all and (max-width: 1350px) {
	
	.home-partners-logo-image {
		width: 30%;
		height: 100%;
		margin-bottom: 60px;
	}
	
}

@media all and (max-width: 1030px) {
	
	.home-partners-logo-container {
		align-items: center;
  		justify-content: center;
	}

	.home-partners-logo-image {
		width: 35%;
		height: 100%;
		margin-bottom: 60px;
	}
	
}

@media all and (max-width: 900px) {

	.home-partners-logo-container {
		align-items: center;
  		justify-content: center;
	}
	
	.home-partners-logo-image {
		margin-bottom: 30px;
	}

	.home-partners-logo-container {
    max-width: 90%;
    min-height: 100px;
    display: grid;
    margin: 0px auto 60px auto;
    gap: 0%;
	}
	
}

@media all and (max-width: 550px) {

	.home-partners-logo-container {
  		justify-content: center;
	}
	
	.home-partners-logo-image {
		margin-bottom: 30px;
	}
	
}


/* Home Section 1 styles */

#home-section-1-container { 
	max-width: 90%; 
	margin: auto; 
	min-height: 600px; 
	background-color: #fcefe6; 
	margin-bottom: 60px; 
	display: flex; 
	flex-direction: row; 
	align-items: stretch; 
	justify-content: center;  
	border-radius: 60px; 
	background-image: url(../images/structural-images/swirly-pattern-1-image.png), url(../images/structural-images/swirly-pattern-2-image.png); 
	background-position: top left, bottom right; 
	background-repeat: no-repeat, no-repeat;
}

#home-section-1-column-1 { 
	width: 70%; 
	padding: 80px 0px 130px 0px;
}

#home-section-1-column-1 h2 { 
	color: #004650; 
	font-size: 48px; 
	margin: 0px 0px 40px 0px; 
	text-align: center; 
}

#home-section-1-column-1 h3 { 
	color: #000000; 
	font-size: 24px; 
	font-weight: 400; 
	margin: 20px 0px 0px 0px; 
	text-align: center; 
}

#home-section-1-column-1 p { 
	line-height: 1.4; 
	color: #000000; 
	font-size: 16px; 
	margin: 20px 0px 0px 0px; 
	text-align: center; 
}

#home-section-1-column-1-button-container { 
	margin: 20px 0px 50px 0px; 
	text-align: center; 
}

#home-section-1-column-1-button-container a { 
	text-decoration: none; 
}

#home-section-1-column-1-button { 
	font-weight: 700; 
	width: 28%; 
	color: #000000; 
	font-size: 24px; 
	margin: 20px 20px 20px 20px; 
	padding: 40px 60px 40px 60px; 
	text-align: center; 
	background-color :#5cc9bd; 
	display: inline-block; 
	border-radius: 15px;
}

#home-section-1-column-1-button:hover { 
	color: #ffffff !important; 
	background-color :#004650; 
    transition: 0.3s;
}

#home-section-1-column-1-treatment-container { 
	margin: 20px 0px 0px 0px; 
	text-align: center; 
}

#home-section-1-column-1-treatment-container-button { 
	color: #000000; 
	font-size: 16px; 
	margin: 10px 2px 0px 2px; 
	padding: 2px 7px 2px 7px; 
	text-align: center; 
	background-color :#e0f4f2; 
	display: inline-block; 
	border-radius: 20px; 
}

#home-section-1-column-1-treatment-container-button p { 
	margin: 5px;
	font-size: 14px;
}


/* Home Section 2 styles */

#home-section-2-container { 
	max-width: 90%; 
	margin: auto; 
	min-height: 600px; 
	background-color: #86cbc4; 
	margin-bottom: 60px; 
	display: flex; 
	flex-direction: row; 
	align-items: stretch; 
	border-radius: 60px; 
	background-image: url("../images/structural-images/swirly-pattern-3-image.png"); 
	background-position: left 95%; 
	background-repeat: no-repeat;
}

#home-section-2-column-1 { 
	width: 50%; 
	margin: 40px 0px 0px 60px;
}

#home-section-2-column-1 h2 { 
	color: #004650;
	font-size: 48px;
}

#home-section-2-column-1 p { 
	font-size: 16px; 
	line-height: 1.8;
}

#home-section-2-column-2 { 
	width: 50%; 
	background-image: url("../images/structural-images/home-section-2-background-image.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
}


/* Home Section 3 styles */

#home-section-3-container { 
	max-width: 90%; 
	margin: auto; 
	min-height: 600px; 
	background-color: #fad5c3; 
	margin-bottom: 60px; 
	display: flex; 
	flex-direction: row; 
	align-items: stretch; 
	border-radius: 60px; 
	background-image: url("../images/structural-images/swirly-pattern-4-image.png"); 
	background-position: right 95%; 
	background-repeat: no-repeat;
}

#home-section-3-column-1 { 
	width: 50%; 
	background-image: url("../images/structural-images/home-section-3-background-image.png"); 
	background-position: left bottom; 
	background-repeat: no-repeat;
}

#home-section-3-column-2 { 
	width: 50%; 
	margin: 40px 60px 0px 0px;
}

#home-section-3-column-2 h2 { 
	color: #004650; 
	font-size: 48px;
}

#home-section-3-column-2 p { 
	font-size: 16px; 
	line-height: 1.8;
}


/* Home Section 4 styles */

#home-section-4-container {
	max-width: 90%; 
	margin: auto; 
	min-height: 600px; 
	background-color: #86cbc4; 
	margin-bottom: 60px; 
	display: flex; 
	flex-direction: row; 
	align-items: stretch; 
	border-radius: 60px; 
	background-image: url("../images/structural-images/swirly-pattern-3-image.png"); 
	background-position: left 95%; 
	background-repeat: no-repeat;
}

#home-section-4-column-1 { 
	width: 50%; 
	margin: 40px 0px 0px 60px;
}

#home-section-4-column-1 h2 { 
	color: #004650; 
	font-size: 48px;
}

#home-section-4-column-1 p { 
	font-size: 16px; 
	line-height: 1.8;
}

#home-section-4-column-2 { 
	width: 50%; 
	background-image: url("../images/structural-images/home-section-4-background-image.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
}


/* Home Section 5 styles */

#home-section-5-container { 
	max-width: 90%; 
	margin: auto; 
	min-height: 600px; 
	background-color: #fad5c3; 
	margin-bottom: 60px; 
	display: flex; 
	flex-direction: row; 
	align-items: stretch; 
	border-radius: 60px; 
	background-image: url("../images/structural-images/swirly-pattern-4-image.png"); 
	background-position: right 95%; 
	background-repeat: no-repeat;
}

#home-section-5-column-1 { 
	width: 50%; 
	background-image: url("../images/structural-images/home-section-5-background-image.png"); 
	background-position: left bottom; 
	background-repeat: no-repeat;
}

#home-section-5-column-2 { 
	width: 50%; 
	margin: 40px 60px 0px 0px;
}

#home-section-5-column-2 h2 { 
	color: #004650; 
	font-size: 48px;
}

#home-section-5-column-2 p { 
	font-size: 16px; 
	line-height: 1.8;
}

/* Responsive styles for home */

@media all and (max-width: 1400px) {
	
    #home-section-1-container { 
        background-image: none;

    }
	
}

@media all and (max-width: 1300px) {

    #home-section-2-container { 
		flex-direction: column;
	}

	#home-section-2-column-1 { 
		width: 85%; 
		margin: 40px auto 0px auto;
	}

	#home-section-2-column-2 { 
		width: 100%; 
		min-height: 550px; 
	}

    #home-section-3-container { 
        flex-direction: column-reverse;
	}

	#home-section-3-column-2 { 
		width: 85%; 
		margin: 40px auto 0px auto;
	}

	#home-section-3-column-1 { 
		width: 100%; 
		min-height: 550px; 
	}

    #home-section-4-container { 
		flex-direction: column;
	}

	#home-section-4-column-1 { 
		width: 85%; 
		margin: 40px auto 0px auto;
	}

	#home-section-4-column-2 { 
		width: 100%; 
		min-height: 550px; 
	}

    #home-section-5-container { 
        flex-direction: column-reverse;
	}

	#home-section-5-column-2 { 
		width: 85%; 
		margin: 40px auto 0px auto;
	}

	#home-section-5-column-1 { 
		width: 100%; 
		min-height: 550px; 
	}

}

@media all and (max-width: 1200px) {
	
    #home-section-1-column-1-button {
        width: 40%;
		font-size: 20px;
    }

    #home-section-1-column-1-button:hover {
        width: 40%;
    }
	
}

@media all and (max-width: 900px) {

    #home-hero-column-1 { 
		width: 85%; 
		padding: 30px 0px 10px 0px; 
		margin: auto;
	}

    #home-hero-column-1 h1{ 
        padding: 0px; 
        margin: 0px 0px 40px 0px; 
        font-size: 36px;
    }

    #home-hero-column-1 p{ 
        font-size: 20px;
    }

    #home-section-1-container {
        max-width: 90%;
    }    

    #home-section-1-column-1 {
        width: 80%;
        padding: 40px 0px 40px 0px;
    }

    #home-section-1-column-1 h2 {
        font-size: 36px; 
    }

    #home-section-1-column-1 h3 {
        font-size: 20px; 
    }

    #home-section-2-column-1 h2 {
        font-size: 36px;
        margin: 0px 0px 30px 0px;
    }

    #home-section-3-column-2 h2 {
        font-size: 36px;
        margin: 0px 0px 30px 0px;
    }

    #home-section-4-column-1 h2 {
        font-size: 36px;
        margin: 0px 0px 30px 0px;
    }

    #home-section-5-column-2 h2 {
        font-size: 36px;
        margin: 0px 0px 30px 0px;
    }


}

@media all and (max-width: 600px) {

    #home-section-2-column-2 {
		width: 100%;
		min-height: 550px;
		background-position: center bottom;
	}

    #home-section-3-column-1 {
		width: 100%;
		min-height: 550px;
		background-position: center bottom;
	}

    #home-section-4-column-2 {
		width: 100%;
		min-height: 550px;
		background-position: center bottom;
	}

    #home-section-5-column-1 {
		width: 100%;
		min-height: 550px;
		background-position: center bottom;
	}

	#home-section-1-column-1-button-container {
		margin: 20px 0px 20px 0px;
    }

	#home-section-1-column-1-button {
		font-size: 18px;
		width: 50%;
    }
	
	#home-section-1-column-1-button:hover {
		width: 50%;
    }

}

/* Home styles finish */

/* Other page styles start */

/* Content hero styles start */

#content-hero-container {
    max-width: 100%;
    min-height: 155px;
    background-color: #EF59A1;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#content-hero-breadcrumbs-container {
    width: 90%;
    margin: 30px auto 0px auto;
}

#content-hero-breadcrumbs-container p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#content-hero-breadcrumbs-container p a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    color: #000000;
	font-weight: 600;
}

#content-hero-breadcrumbs-container p a:hover {
    text-decoration: underline;
}

#content-hero-title-container {
    width: 90%;
    margin: 15px auto 0px auto;
}

#content-hero-title-container h1 {
	color: #000000;
    margin: 0px 0px 20px -3px;
    padding: 0px 0px 0px 0px;
    font-size: 52px;
	font-weight: 600;
}

.content-introduction-container {
    max-width: 90%;
    margin: auto;
    min-height: 100px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    line-height: 1.8;
	border-radius: 25px;
}

.content-introduction-container-medium-purple {
	background-color: #f3ecf6;
	background-size: auto, auto;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url(/site-elements/images/background-image-logo-small.png);
	background-blend-mode: soft-light;
}

.content-introduction-container-light-orange {
	background-color: #f7c2a6;
}

.content-introduction-content {
    width: 90%;
    padding: 40px 0px 20px 0px;
    margin: 0px auto 0px auto;
}
.content-introduction-content-school {
	width: 90%;
    padding: 40px 0px 20px 0px;
    margin: 0px auto 0px auto;
	display: flex;
	justify-content: center;
}

.content-introduction-content p {
    color: #000000;
    font-size: 18px;
    margin: 0px 0px 25px 0px;
}

.content-introduction-content p a {
    color: #000000;
    font-size: 18px;
    margin: 0px 0px 0px 0px;
}


/* Child page links image right */
.container-2column {
	width: 90%;
	margin: auto;
}

.container-2column h2{
	color: #000000;
    font-size: 36px;
    width: 100%;
	margin: 0 0 20px 5%;
	font-weight: 600;
}
.container-2column p{
	color: #000000;
	margin: 0 0 20px 5%;
}


.content-child-page-list-container-image-right {
	max-width: 90%;
    margin: auto;
    min-height: 600px;
    background-color: #ffffff;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-radius: 25px;
}
.content-child-page-list-container-image-right-special {
    min-height: 600px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.content-child-page-list-image-right-column-1 {
	width: 45%;
    margin: 50px 0 0px 5%;
	padding-bottom: 50px;
}

.content-child-page-list-image-right-column-1 h2 {
    color: #000000;
    font-size: 36px;
    width: 100%;
    margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 600;
}

.content-child-page-list-image-right-column-1 h3 { 
	color: #000000;
	font-size: 26px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 600;
}

.content-child-page-list-image-right-column-1 p { 
	font-size: 16px; 
	line-height: 1.8;
	width:100%;
}

.content-child-page-list-image-right-column-1 a { 
	color: #000000;
}

.content-child-page-list-image-right-column-1 a:hover { 
	color: #000000;
}

.content-child-page-list-image-right-column-1 ul {
    margin-top: 20px;
}

.content-child-page-list-image-right-column-1 ul li {
    line-height: 1.8;
    margin-bottom: 10px;
}

.content-child-page-list-image-right-column-1-button {
	display: inline-block;
	border-radius: 8px;
    background-color: #92278e;
    padding: 20px 30px 20px 30px;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;
	margin-top: 20px;
}

.content-child-page-list-image-right-column-1-button:hover {
	background-color: #EF59A1; 
	color: #000000 !important; 
	transition: 0.3s;
}

.content-child-page-list-image-right-column-2 {
	border-radius: 25px;
    width: 50%;
	min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
} 

.content-child-page-list-image-right-column-2-content {
	border-radius: 25px;
    max-width: 500px;
    min-height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
	width: 100%;
	margin: 10%;
}

/* Child page links image left */

.content-child-page-list-container-image-left {
	max-width: 90%;
    margin: auto;
    min-height: 600px;
    background-color: #ffffff;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-radius: 25px;
}

.content-child-page-list-image-left-column-1 {
	border-radius: 25px;
    width: 50%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-child-page-list-image-left-column-1-content {
	border-radius: 25px;
    max-width: 500px;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
	width: 100%;
	margin: 10%;
}

.content-child-page-list-image-left-column-2 {
	width: 45%;
    margin: 50px 5% 0px 0;
	padding-bottom: 50px;
}

.content-child-page-list-image-left-column-2 h2 {
    color: #000000;
    font-size: 36px;
    width: 100%;
    margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 600;
}

.content-child-page-list-image-left-column-2 h3 { 
	color: #000000;
	font-size: 26px;
	width:100%;
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 600;
}

.content-child-page-list-image-left-column-2 h4 { 
	color: #000000;
	font-size: 20px;
	width:100%;
	margin-top: 40px;
	margin-bottom: 30px;
	font-weight: 600;
}

.content-child-page-list-image-left-column-2 p { 
	font-size: 16px; 
	line-height: 1.8;
	width:100%;
}

.content-child-page-list-image-left-column-2 a { 
	color: #000000;
}

.content-child-page-list-image-left-column-2 a:hover { 
	color: #000000;
}

.content-child-page-list-image-left-column-2 ul {
    margin-top: 20px;
}

.content-child-page-list-image-left-column-2 ul li {
    line-height: 1.8;
    margin-bottom: 10px;
}

.content-child-page-list-image-right-column-2-button {
	display: inline-block;
	border-radius: 20px;
    background-color: #5cc9bd;
    padding: 20px 30px 20px 30px;
    text-decoration: none;
    color: #000000 !important;
    margin-top: 20px;
    font-weight: bold;
}

.content-child-page-list-image-right-column-2-button:hover {
	background-color: #004650; 
	color: #ffffff !important;
	transition: 0.3s;
}

/* Child page links colour schemes  */

.content-child-page-list-light-purple {

	background-color: #f3ecf6;

}

.content-child-page-list-white {

	background-color: #F5F5F5;

}

/* Child page 1 column container */
.content-child-page-list-container-1-column {
	max-width: 90%;
    margin: auto;
	margin-bottom: 60px;
    border-radius: 25px;
	display: flex;
	flex-direction: column;
}
.content-child-page-list-content-1-column {
	margin: 30px 5%;
}
.content-child-page-list-content-1-column h3 {
	color: #000000;
	font-size: 26px;
	width:100%;
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 600;
}
.content-child-page-list-content-1-column h2 {
    color: #000000;
    font-size: 36px;
    width: 100%;
    margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 600;
}

.content-child-page-list-content-1-column p {
	margin: 25px 0px 25px 0px;
	font-size: 16px;
    line-height: 1.8;
    width: 100%;
}
.content-child-page-list-container-1-column ul {
	margin-top: 20px;
}

.content-child-page-list-container-1-column ul li {
	line-height: 1.8;
    margin-bottom: 10px;
}
.content-child-page-list-container-1-column a {
	color: #000000;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}

.margin0 {
	margin: 0px !important;
}

/* Child page links image  */

.content-child-page-list-image-grid {
	background-image: url(/site-elements/images/Grid.jpg);
	background-size: contain;
}

.content-child-page-list-image-drp {
	background-image: url(/site-elements/images/DRP.jpg);
	background-size: contain;
}
.content-child-page-list-image-rehab {
	background-image: url(/site-elements/images/rehab.png);
	background-size: contain;
}

.content-child-page-list-image-drinkingApp {
	background-image: url(/site-elements/images/drinking-app.png);
	background-size: contain;
}
.content-child-page-list-image-targeted {
	background-image: url(/site-elements/images/targeted-support.jpg);
	background-size: contain;
}

.content-child-page-list-image-special {
	background-image: url(/site-elements/images/special-support.jpg);
	background-size: contain;
}
.content-child-page-list-image-children {
	background-image: url(/site-elements/images/children-support.jpg);
	background-size: contain;
}
.content-child-page-list-image-referralHub {
	background-image: url(/site-elements/images/referral-hub.png);
	background-size: contain;
}

.content-child-page-list-image-afterReferral {
	background-image: url(/site-elements/images/afterReferral.png);
	background-size: contain;
}
.content-child-page-list-image-substance {
	background-image: url(/site-elements/images/substance.jpg);
	background-size: contain;
}
.content-child-page-list-image-students {
	background-image: url(/site-elements/images/students.jpg);
	background-size: contain;
}

.content-child-page-list-image-staff {
	background-image: url(/site-elements/images/staff.png);
	background-size: contain;
}
.content-child-page-list-image-parents {
	background-image: url(/site-elements/images/parents.jpg);
	background-size: contain;
}

.content-child-page-list-image-login {
	background-image: url(/site-elements/images/login.jpg);
	background-size: contain;
}

.content-child-page-list-image-young {
	background-image: url(/site-elements/images/young.jpg);
	background-size: contain;
}

.content-child-page-list-image-adults {
	background-image: url(/site-elements/images/adults.jpg);
	background-size: contain;
}



/* Responsive styles for others */

@media (max-width: 1200px) {

	.content-child-page-list-container-image-right {
		flex-direction: column;
	}
	.content-child-page-list-container-image-right-special {
		flex-direction: column;
	}

	.content-child-page-list-image-right-column-1 {
		width: 90%;
		margin: 0px auto 20px auto;
		padding-bottom: 20px;
	}

	.content-child-page-list-image-right-column-1 h2 {
    	margin-top: 40px;
	}

	.content-child-page-list-image-right-column-1 h3 {
    	margin-top: 40px;
	}

	.content-child-page-list-image-right-column-2 {
		width: 80%;
		min-height: 500px;
		margin: auto;
	}

	.content-child-page-list-container-image-right {
		margin-bottom: 60px;
	}
	.content-child-page-list-container-image-right-special {
		margin-bottom: 60px;
	}

	.content-child-page-list-image-right-column-2-content {
		min-height: 500px;
		max-width: none;
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
		margin: 10px 7% 11% 7%;
	}

	.content-child-page-list-container-image-left {
		flex-direction: column-reverse;
	}

	.content-child-page-list-image-left-column-1 {
		width: 80%;
		min-height: 500px;
		margin: auto;
	}

	.content-child-page-list-image-left-column-2 {
		width: 90%;
		margin: 0px auto 20px auto;
		padding-bottom: 20px;
	}

	.content-child-page-list-image-left-column-1 h2 {
    	margin-top: 40px;
	}

	.content-child-page-list-image-left-column-2 h3 {
    	margin-top: 40px;
	}

	.content-child-page-list-container-image-left {
		margin-bottom: 60px;
	}

	.content-child-page-list-image-left-column-1-content {
		min-height: 500px;
		max-width: none;
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
		margin: 10px 7% 11% 7%;
	}
	
	.content-child-page-list-image-grid {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-drp {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-rehab {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-drinkingApp {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-targeted {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-special {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-children {
	background-size: cover;
	width: 90%;
	}
	.content-child-page-list-image-referralHub {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-afterReferral {
	background-size: cover;
	width: 90%;
	}

	.content-child-page-list-image-substance {
	background-size: cover;
	width: 90%;
	}
	.content-child-page-list-image-students {
	background-size: cover;
	width: 90%;
}

.content-child-page-list-image-staff {
	background-size: cover;
	width: 90%;
}
.content-child-page-list-image-parents {
	background-size: cover;
	width: 90%;
}

.content-child-page-list-image-login {
	background-size: cover;
	width: 90%;
}
.content-child-page-list-image-young {
	background-size: cover;
	width: 90%;
}

.content-child-page-list-image-adults {
	background-size: cover;
	width: 90%;
}

}	

@media (max-width: 900px) {

	#content-hero-container {
    	min-height: 135px;
		margin-bottom: 30px;
	}

    #content-hero-title-container h1  {
        font-size: 36px;
		margin: 0px 0px 20px -3px;
    }

	#content-introduction-content {
    	width: 80%
	}

	.content-child-page-list-image-right-column-2 {
		width: 95%;
	}	

	.content-child-page-list-image-right-column-2-content {
		max-width: 800px;
	}

	.content-child-page-list-image-right-column-1 h2 {
		font-size: 32px;
		margin-top: 30px;
	}

	.content-child-page-list-image-right-column-1 h3 {
		font-size: 26px;
		margin-top: 40px;
	}

	.content-child-page-list-image-right-column-1-button {		
		display: block;
		float: none;
		margin: 40px auto 0;
		width: fit-content;
	}

	.content-child-page-list-image-left-column-1 {
		width: 95%;
	}	

	.content-child-page-list-image-left-column-1-content {
		max-width: 800px;
	}

	.content-child-page-list-image-left-column-2 h2 {
		font-size: 32px;
		margin-top: 30px;		
	}

	.content-child-page-list-image-left-column-2 h3 {
		font-size: 26px;
		margin-top: 40px;
	}

	.content-child-page-list-image-right-column-2-button {
		display: block;
		float: none;
		margin: 40px auto 0;
		width: fit-content;
	}

}	

@media (max-width: 600px) {

    .content-child-page-list-image-right-column-2 {
        min-height: 250px;
		
    }

	.content-child-page-list-image-right-column-2-content {
        min-height: 300px;		
    }

	.content-child-page-list-image-left-column-1 {
        min-height: 250px;
		
    }

	.content-child-page-list-image-left-column-1-content {
        min-height: 300px;		
    }

}

/* Contact the service styles */

.content-contact-container {
	max-width: 70%;
    margin: auto;
    min-height: 380px;
    background-color: #5cc9bd;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    border-radius: 60px;
}

.content-contact-content {
	width: 80%;
    padding: 60px 0px 80px 0px;
}

.content-contact-content h2 {
    color: #004650;
    font-size: 48px;
    margin: 0px 0px 30px 0px;
    text-align: center;
}

.content-contact-content h3 {
	color: #004650;
    font-size: 24px;
    font-weight: 400;
    margin: 20px 0px 0px 0px;
    text-align: center;
}

.content-contact-content p {
    line-height: 1.4;
    color: #004650;
    font-size: 16px;
    margin: 20px 0px 0px 0px;
    text-align: center;
}

.content-contact-content a {
	text-decoration: none;
}

.content-contact-icon {
	width: 80px;
    height: 80px;
    margin: 0px 20px -20px 0px;
}

.content-contact-button-container {
	margin: 20px 0px 0px 0px;
    text-align: center;
}

.content-contact-button-button {
	font-weight: 700;
    width: 35%;
    color: #000000;
    font-size: 20px;
    margin: 20px 20px 20px 20px;
    padding: 20px 30px 20px 30px;
    text-align: center;
    background-color: #f7c2a6;
    display: inline-block;
    border-radius: 15px;
}

.content-contact-button-button:hover {
	color: #000000 !important; 
	background-color :#f9e1d4; 
	transition: 0.3s;
}

@media (max-width: 960px) {

	.content-contact-container {
		max-width:90%;
	}

	.content-contact-content {
		width: 80%;
		padding: 40px 0px 40px 0px;
	}

	.content-contact-content h2 {
    	font-size: 24px;
		width:100%;
		 text-align: center;
	}

	.content-contact-content h3 {
    	font-size: 18px;
	}

	.content-contact-button-button {
		font-size: 16px;
		width: 40%;
	}

}	

/* Content content start */

.content-body-container {
	max-width: 90%;
    margin: auto;
    min-height: 500px;
    background-color: #ffffff;
    margin-bottom: 100px;
    border-radius: 60px;
	/*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: stretch;*/
}

.content-body-container h2 {
	color: #004650;
    font-size: 32px;
    width: 100%;
    margin-top: 50px;
	margin-bottom: 20px;
}

.content-body-container h3 {
	color: #004650;
    font-size: 26px;
    width: 100%;
    margin-top: 50px;
	margin-bottom: 20px;
}

.content-body-container p {
	font-size: 16px;
    line-height: 1.8;
    width: 100%;
	margin-bottom: 20px;
}

.content-body-container a {
	color: #004650;
}

.content-body-container ul {
	margin-top: 20px;
	margin-bottom: 50px;
}

.content-body-container ul li {
	line-height: 1.8;
    margin-bottom: 10px;
}

.content-body-image-container-right {
	float: right; 
	margin: 0px 0px 100px 100px;
	border-radius: 60px;
    height: 480px;
	width: 600px;	
	background-size: auto, auto;
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;	
}

.content-body-image-container-left {
	float: left; 
	margin: 0px 100px 100px 0px;
	border-radius: 60px;
    height: 480px;
	width: 600px;
	background-size: auto, auto;
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;	
}

.content-body-image-light-green {
	background-color: #5cc9bd;
    background-image: url(../images/structural-images/child-page-list-decoration-left-light-green.png), url(../images/structural-images/child-page-list-decoration-right-light-green.png);
}

.content-body-image-dark-green {
	background-color: #003840;
    background-image: url(../images/structural-images/child-page-list-decoration-left-dark-green.png), url(../images/structural-images/child-page-list-decoration-right-dark-green.png);
}

.content-body-image-image {
	border-radius: 60px;
	height: 480px;
	width: 480px;
	margin: 9% 9% 9% 9%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}



@media (max-width: 1200px) {

	.content-body-image-container-right {
		height: 350px;
		width: 420px;
		margin: 0px 0px 50px 60px;
	}

	.content-body-image-container-left {
		height: 380px;
		width: 420px;
		margin: 0px 60px 50px 0px;
	}

	.content-body-image-image {	
		height: 350px;
		width: 350px;
		margin: 8% 8% 8% 8%;	
	}

}

@media (max-width: 900px) {

	.content-body-image-container-right {
		display:none;
	}

	.content-body-image-container-left {
		display:none;
	}

	.content-body-image-image {	
		display:none;	
	}

}


/* Content image start */

.content-large-image-container {
	width: 80%;
	margin: 0px auto 50px auto
}


.content-large-image-image {
	width: 100%;
	height: auto;
	border-radius: 25px;
}


/* Content link list start */

.content-link-list-area-container {
	width: 90%;
	margin: 0px auto 50px auto;	
	border-radius: 25px;
	padding-bottom: 40px;
}

.content-link-list-area-container-light-grey {
	background-color: #F5F5F5;
}

.content-link-list-area-container-light-purple {
	background-color: #f3ecf6;
}

.content-link-list-area-content {
	width: 90%;
	padding: 40px 0px 20px 0px;
	margin: 50px 5% 0px 5%;
}

.content-link-list-area-content a {
	text-decoration: none;
}

.content-link-list-area-content h2 {
    font-size: 36px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 600;
}

.content-link-list-area-content h3 {
    font-size: 26px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 600;
}
.content-link-list-area-content .margin {
    margin-top: 0px;
}

.content-link-list-area-content p {
    font-size: 16px;
    width: 100%;  
	line-height: 1.8;  
}

.content-link-list-container {
	max-width: 100%;
    margin: auto;
    min-height: 100px;
	margin-top: 40px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1.8;
    border-radius: 25px;
	background-color: #92278e;
	transition: 0.3s;
}

.content-link-list-container:hover {
	background-color: #EF59A1;
	cursor: pointer;
}

.content-link-list-title {
	width: 20.5%;
    margin: 0px 0 0px 5%;
	
}

.content-link-list-title h3 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}

.content-link-list-title h4 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}

.content-link-list-description {
	width: 52.5%;
    margin: 20px 0 20px 5%;
	border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;	
}

.content-link-list-description p {
	color: #ffffff;
	width: 85%;
	padding: 0px 40px 0px 40px;

}

.content-link-list-link {
	width: 6.5%;
    margin: 0px 0 0px 5%;
	justify-items: center;
}

.content-link-list-link-icon {
	background-size: contain;
	min-width: 40px;
	min-height: 40px;
    background-image: url(/site-elements/images/content-link-list-link-icon.png);
    background-repeat: no-repeat;
}


@media (max-width: 900px) {

	.content-link-list-area-container {
		padding-bottom: 20px;
	}

	.content-link-list-area-content {
		width: 90%;
		padding: 20px 0px 20px 0px;
		margin: 50px 5% 0px 5%;
	}

    .content-link-list-area-content h2 {
        font-size: 32px;
		margin-top: 10px;
    }

	.content-link-list-area-content h3 {
        font-size: 26px;
		margin-top: 20px;

    }

	.content-link-list-container {
		flex-direction: column;
	}

	.content-link-list-title {
		width: 90%;	
		margin: 0px 5% 0px 5%;		
	}

	.content-link-list-description {
		width: 90%;
		margin: 0px 5% 0px 5%;
		border-right: none;
		border-left: none;	
	}

	.content-link-list-description p {
		color: #ffffff;
		width: 100%;
		padding: 0px 0px 0px 0px;
	}

	.content-link-list-title h4 {
		color: #ffffff;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 0px;
	}

	.content-link-list-link-icon {
		background-size: contain;
		min-width: 35px;
		min-height: 35px;
		background-image: url(/site-elements/images/content-link-list-link-icon.png);
		background-repeat: no-repeat;
		background-position: left middle;
		margin-top: 10px;
		justify-self: center;
	}

	.content-link-list-link {
		width: 90%;
		margin: 0px 5% 30px 5%;
	}

}


/* News styles start */

/* News listing styles */

.news-article-list-container {
	max-width: 90%;
    margin: auto;
    min-height: 500px;
    background-color: #ffffff;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
    border-radius: 60px;
	gap: 4rem;
}

.news-article-list-item {
	border-radius: 60px;
    background-color: #f7c2a6;
    min-width: 47.25%;
    min-height: 50px;
    padding-bottom: 40px;
}

.news-article-list-item-image {
	border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    max-width: 700px;
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
	background-image: url(../images/news-images/news-listing-images/news-listing-image-1.png);
    margin-bottom: 30px;
}

.news-article-list-item p {
    margin-left: 10%;
}

.news-article-list-item h3 {
    margin-left: 10%;
    font-size: 24px;
}

.news-article-list-item-button {
	display: inline-block;
	border-radius: 20px;
    background-color: #5cc9bd;
    padding: 20px 30px 20px 30px;
    text-decoration: none;
    color: #000000 !important;
    font-weight: bold;
	margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10%;
}

.news-article-list-item-button:hover {
	background-color: #004650; 
	color: #ffffff !important; 
	transition: 0.3s;
}

@media (max-width: 1320px) {

	.news-article-list-container {
		max-width: 90%;
		margin: auto;
		min-height: 500px;
		flex-direction: column;
		margin-bottom: 100px;
	}

	.news-article-list-item {
		width: 60%;
        min-height: 550px;
        margin: auto auto 0px auto;	
	}

}	

@media (max-width: 850px) {

	.news-article-list-container {
		margin-bottom: 70px;
	}

	.news-article-list-item {
		width: 90%;
	}
}


/* Coriell introduction styles */

.content-coriell-introduction-container {
	width: 90%;
	background-color: #1A2241;
	margin: 0px auto 60px auto;
	border-radius: 25px;
	padding: 40px 0px 40px 0px;
}

.content-coriell-introduction-container h2 {
	color: #ffffff;
	font-size: 36px;
    width: 90%;
    margin: 0px 5% 30px 5%;
    font-weight: 600;
}

.content-coriell-introduction-container h3 {
	color: #ffffff;
	font-size: 26px;
    width: 90%;
    margin: 40px 5% 30px 5%;
    font-weight: 600;
}

.content-coriell-introduction-container p {
	color: #ffffff;
	font-size: 16px;
    width: 90%;
	margin: 40px 5% 30px 5%;
	line-height: 1.8;
}

.content-image-right {
    float: right;
    margin: 0px 65px 00px 65px;
    border-radius: 25px;
    height: 89px;
    width: 319px;
}

.content-button-left {
	margin: 0px 5% 30px 5%;
    display: inline-block;
    border-radius: 8px;
    background-color: #92278e;
    padding: 20px 30px 20px 30px;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;
}

.content-button-left:hover {
    background-color: #EF59A1;
    color: #000000 !important;
    transition: 0.3s;
}

.content-container {
	width: 90%;
	margin: 0px auto 60px auto;
	border-radius: 25px;
	padding: 40px 0px 40px 0px;
}

.content-container-white {
	background-color: #F5F5F5;
}

.content-container-light-purple {
	background-color: #f3ecf6;
}

.content-container h2 {
	color: #000000;
	font-size: 36px;
    width: 90%;
    margin: 0px 5% 30px 5%;
    font-weight: 600;
}

.content-container h3 {
	color: #000000;
	font-size: 26px;
    width: 90%;
    margin: 40px 5% 30px 5%;
    font-weight: 600;
}

.content-container p {
	color: #000000;
	font-size: 16px;
    width: 90%;
	margin: 30px 5% 30px 5%;
	line-height: 1.8;
}



@media screen and (min-width:550px) and (max-width: 900px) {

	.content-coriell-introduction-container {
		padding: 30px 0px 40px 0px;
	}

    .content-coriell-introduction-container h2 {
        font-size: 32px;
        margin-top: 0px;
    }

	.content-coriell-introduction-container h3 {
        font-size: 22px;
    }

	.content-image-right {
    float: right;
    margin: 0px 25px 00px 25px;
	}
}

@media (max-width: 550px) {

	.content-image-right {
	float: right;
	margin: 0px 25px 15px 25px;
	border-radius: 25px;
	width: 85%;
	height: auto;
	}
	
}

/* Other page styles finish */

/* Content styles end */