/* Cancer Education Strategy 2025 */

/* Intro */
.ces-top {
	border:0;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 22%, rgba(234,178,52,0.3337710084033614) 100%);
	margin:0 !important;
}
.ces-top .area-content {
	padding:0 60px 60px;
}
.ces-top h2 {
	color:#1D4C80 !important;
	margin:20px 0 30px 0 !important;
	font-size:1.6rem !important;
	line-height:130% !important;
}
.ces-top h2 > span {
	color:#EAB234;
}
.ces-intro {
	display:flex;
	flex-flow:row nowrap;
	gap:40px;
	justify-content:flex-start;
	align-items:flex-start;
	margin:28px 0 0 0;
}
.ces-intro img {
	margin-top:-10px;
	max-width:399px;
	width:25vw;
	min-width:300px;
	height:auto;
}
.ces-intro p:nth-child(2) {
	font-weight:700;
	border-bottom:3px solid #F4DE71;
	padding-bottom:6px;
	margin:25px 0 15px !important;
}
.ces-intro ul {
	list-style:none !important;
	padding-left:0 !important;
}
.ces-intro li {
	line-height:139% !important;
	display:flex !important;
	gap:5px !important;
}
.ces-intro > a {
	order:2;
}
.ces-intro > div {
	order:1;
}

.bullet-1, .bullet-2, .bullet-3, .bullet-4 {
	font-size:2.6rem;
	display:inline-block;
	margin:0 5px 0 0;
}
.bullet-1 {
	color:#762E82;
}
.bullet-2 {
	color:#BF1E46;
}
.bullet-3 {
	color:#CE361D;
}
.bullet-4 {
	color:#FF7B1D;
}

/* Intro Buttons */
#MSO_ContentTable .ces-intro a {
	background-color:transparent !important;
}
#MSO_ContentTable .ces-intro .pmcp-btn {
	background-color:#762E82 !important;
	padding:16px 20px 17px 23px;
	font-weight:700;
	margin:30px 0 0 0;
}
@media screen and (max-width: 768px) {
	.ces-intro {
		flex-flow:column nowrap;
		gap:20px;
	}
	.ces-intro > a {
		display:block;
		margin:0 auto;
		order:1;
	}
	.ces-intro > div {
		order:2;
	}
}
@media screen and (max-width: 400px) {
	.ces-top .area-content {
		padding:0 30px 45px;
	}
	#MSO_ContentTable .ces-intro .pmcp-btn {
		display:block;
		text-align:center;
		margin:40px 20px 20px;
	}
}


/* Middle */
.ces-middle {
	width:100%;
	margin:0 !important;
}
.pillar-intro {
	display:block;
	margin:0;
	padding:0 0 20px;
	border-bottom:1px solid #EAB234;
	font-size:1.0rem;
	text-align:center;
	color:#000;
	font-weight:700;
}
.pillar-content {
	width:100%;
	display:flex;
	flex-flow:column nowrap;
	gap:60px;
	padding:80px 40px;
	margin:0 !important;
	background:#fff url("/PrincessMargaret/Health_Professionals/Programs_Departments/Cancer_Education/PublishingImages/ces-ribbon.png") repeat-y;
}
.pillar-1, .pillar-2, .pillar-3 {
	display:flex;
	flex-flow:row nowrap;
	gap:30px;
	align-items:center;
}
#s4-workspace .pmcp-content .pillar-1 h3, #s4-workspace .pmcp-content .pillar-2 h3, #s4-workspace .pmcp-content .pillar-3 h3 {
	font-size:1.2rem !important;
	font-weight:700 !important;
	margin:0 0 6px 0 !important;
}
#s4-workspace .pmcp-content .pillar-1 h3 {
	color:#BF1E46 !important;
}
#s4-workspace .pmcp-content .pillar-2 h3 {
	color:#1592AF !important;
}
#s4-workspace .pmcp-content .pillar-3 h3 {
	color:#9B159B !important;
}

@media screen and (max-width: 600px) {
	.pillar-content {
		padding:80px 10px;
	}
/*	.pillar-1, .pillar-2, .pillar-3 {
		flex-flow:column nowrap;
		border:1px solid #d1d1d1;
		padding:40px 40px;
		background:#fff;
	}
*/
	.pillar-1, .pillar-2, .pillar-3 {
		flex-flow:column nowrap;
		gap:0;
	}
	.pillar-1 div, .pillar-2 div, .pillar-3 div {
		background:#fff;
		padding:30px 40px 10px;
		margin-top:-10px;
	}
	.pillar-1 > img, .pillar-2 > img, .pillar-3 > img {
		max-width:200px;
		width:100%;
		height:auto;
		z-index:9
	}
	.pillar-content {
		background:#fff url("/PrincessMargaret/Health_Professionals/Programs_Departments/Cancer_Education/PublishingImages/ces-ribbon2.png") repeat-y center;
	}
	.pillar-intro {
		padding:0 40px 20px;
	}
	#s4-workspace .pmcp-content .pillar-1 h3, #s4-workspace .pmcp-content .pillar-2 h3, #s4-workspace .pmcp-content .pillar-3 h3 {
		margin:0 0 10px 0 !important;
	}
}


/* Facebook Fix */
.facebook-content > i:before {
    color: #fff;
    display: inline-block;
    margin: 14px 0 0 20px;
    text-align: center;
    font-size: 2.0rem;
}

/* Bottom */
.ces-bottom {
	border:0;
	background:#FDF8EE;
	margin:-20px 0 0 0;
}
.ces-visual {
	float:right;
	margin:0 -30px 0 30px;
}
.ces-bottom .area-content {
	padding:0 60px 60px;
}
#s4-workspace .pmcp-content .ces-bottom h2 {
	color:#1D4C80 !important;
	padding:60px 0 0 0;
	margin:0;
	font-size:1.6rem !important;
}
@media screen and (max-width: 1199px) {
	.ces-visual {
		float:none;
		margin:0 auto;
		display:block;
		width:100%;
	}
	#s4-workspace .pmcp-content .ces-bottom h2 {
		paddgng:15px 0 0 0;
	}
	.clinic-social-links2 {
		padding:0;
		margin-bottom:15px;
	}
}
@media screen and (max-width: 991px) {
	.ces-visual {
		float:right;
		margin:0 -30px 0 30px;
	}	
	#s4-workspace .pmcp-content .ces-bottom h2 {
		color:#1D4C80 !important;
		padding:60px 0 0 0;
		margin:0;
		font-size:1.6rem !important;
	}
}
@media screen and (max-width: 900px) {
	.ces-visual {
		float:none;
		margin:0 auto;
		display:block;
		width:100%;
	}
	#s4-workspace .pmcp-content .ces-bottom h2 {
		padding:15px 0 0 0;
	}
	.clinic-social-links2 {
		padding:0;
		margin-bottom:15px;
	}
}
@media screen and (max-width: 800px) {
	.clinic-social-links2 {
		flex-flow:row wrap;
		justify-content:flex-start;
	}
	.ces-bottom .area-content {
		padding:0 30px 30px;
	}
}