/* Clinic 2023 Update */

.clinic-top, .clinic-top2, .clinic-top3 {
	display:flex;
	flex-flow:row nowrap;
	gap:35px;
	align-items:flex-start;
	background:#f9f9f9;
	overflow:hidden;
}
.clinic-top {
	margin:-30px -30px 0 -30px;
	padding:35px 30px 0 30px;
}
.clinic-top2 {
	margin:0 -30px 0 -30px;
	padding:0 30px 0 30px;
}
.clinic-top3 {
	margin:0 -30px 30px -30px;
	padding:0 30px 30px 30px;
	margin-bottom:40px !Important;
}

.clinic-full-image {
	display:block;
	margin:-30px -30px 0px -30px;
	background:#f9f9f9;
	position:relative;
}
.clinic-full-image img {
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.clinic-full-image p {
	margin:0 !important;
	padding:0 !important;
	position:absolute;
	z-index:2;
	top:15px;
	right:15px;
	font-size:0.9rem;
}

.clinic-photo {
	width:45%;
}
.clinic-data {
	width:50%;
}
#clinicImage {
	width:100%;
	max-width:none !important;
}
.sub-head {
	display:block;
	font-weight:700;
	margin-top:10px;
	color:#03405b !important;
}
ul + .sub-head, .pmcp-Element-show_content + .sub-head {
	margin-top:20px;
}
.pmcp-Element-show_content + .contact-list {
	margin-top:20px;
}

.clinic-top .twitter-x-content {
	width:45px;
    height:45px;
	border-radius:22px;
}
.clinic-top .twitter-x-content:before {
    width:45px;
    height:45px;
    border-radius:22px;
}

.clinic-top .instagram-content {
	width:45px;
    height:45px;
	border-radius:22px;
}
.clinic-top .instagram-content:before {
	width:45px;
    height:45px;
	border-radius:22px;
}
.clinic-top .instagram-content > i:before {
	font-size:1.7rem;
	margin:8px 0 0 11px;
}
.clinic-top .pm-icon-list {
	margin-bottom:0px;
}


.sub-link, .sub-link:visited {
	display:block;
	font-weight:700;
	color:#4338fe !important;
	text-decoration:none !Important;
}
.sub-link:hover, .sub-link:focus, .sub-link:active {
	color:#fff !important;
}

.hour-list, .contact-list {
	padding-left:0 !Important;
	margin-left:0 !Important;
	list-style:none !Important;
}
.hour-list {
	margin:-6px 0 15px !important;
}
.contact-list {
	margin-bottom:15px !important;
}
.clinic-social-links {
	display:block;
	margin:0;
	padding:0;
	font-weight:700;
	color:#000;
	margin-top:-15px;
}
.clinic-social-links span {
	display:block;
	margin-bottom:10px;
}
.clinic-social-links a {
	float:left;
	margin:5px;
}

/* 360 Webpart Tweaks*/
#launch360Btn {
	display:inline-block;
	height:86px !important;
	width:84px;
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
	background:url("/PrincessMargaret/Custom%20Code/CSS/Images/view_360.png") no-repeat !important;
	font-size:0.1rem !important;
	color:#0071bc !important;
	border-top:0 !important;
	bottom:20px;
	left:20px;
	position:absolute !important;
}
#s4-workspace #launch360Btn:hover, #s4-workspace #launch360Btn:focus, #s4-workspace #launch360Btn:hover {
	color:#0071bc !important;
}

/* Hide & Show Icon Version */
.pm-icon-list .pmcp-Element-show_trigger {
	background:none;
	border:0;
	margin:-5px 0 0 0;
	padding:0;
	font-weight:700;
	color:#4338fe;
}
.pm-icon-list .pmcp-Element-show_trigger:hover, .pm-icon-list .pmcp-Element-show_trigger:focus, .pm-icon-list .pmcp-Element-show_trigger:active {
	background-color:#0f2749;
	color:#fff;
	border-left: 6px solid #0f2749;
}
.pm-icon-list .pmcp-Element-show_trigger:hover::before, .pm-icon-list .pmcp-Element-show_trigger:focus::before, .pm-icon-list .pmcp-Element-show_trigger:active::before {
	color:#fff;
}

.pm-icon-list .pmcp-Element-show_trigger::before {
	margin:0 10px 0 0;
}
.pm-icon-list .active_trigger {
	background:none !important;
	border:0 !important;
	display:none !important;
}
.pm-icon-list .pmcp-Element-show_content {
	border:0;
	margin:0;
	padding:0;
}





/* Tweaks to Exisitng Styles */
.twitter-content, .instagram-content {
	float:none;
	margin:0 5px 20px 5px;
}
#MSO_ContentTable .pana_cont {
	overflow:hidden;
	margin-right:0 !important;
	position:relative;
}
#MSO_ContentTable .donor_name {
	margin:-11px 0 40px 0;
}


@media screen and (min-width: 1600px) {
	.clinic-top {
		margin:-55px -60px 0 -60px;
		padding:55px 60px 0 60px;
		gap:45px;
	}
	.clinic-top2 {
		margin:0 -60px 0 -60px;
		padding:0 60px 0 60px;
		gap:45px;
	}
	.clinic-top3 {
		margin:0 -60px 0 -60px;
		padding:0 60px 26px;
		gap:45px;
	}
	.clinic-full-image {
		margin:-55px -60px 0 -60px;
		padding:0;
	}
}
@media screen and (min-width: 1200px) {
	
}
@media screen and (max-width: 768px) {
	.clinic-top, .clinic-top2, .clinic-top3 {
		flex-flow:column nowrap;
		gap:0px;
	}
	.clinic-photo {
		width:100%;
	}
	.clinic-data {
		width:100%;
		margin-top:-10px;
	}
	#MSO_ContentTable .pana_cont {
		margin-left:-30px !important;
		margin-right:-30px !important;
		margin-top:-100px !important;
		width:130% !important;
		max-height:480px;
		position:relative;
	}
	#launch360Btn {
		bottom:20px;
		left:50px;
	}
	#MSO_ContentTable .tab-pane .pm-icon-list ul {
		margin-bottom: 0 !important;
	}
	.clinic-top3 .col:nth-child(3) {
		max-width:100% !important;
		max-width:100% !important;
	}
	.clinic-full-image {
		margin: 0px -30px 0px -30px;
	}
	.clinic-full-image p {
		font-size:0.8rem;
		top:0;
	}
}
@media screen and (max-width: 550px) {
	#MSO_ContentTable .pana_cont {
		margin-top:-100px !important;
		width:120% !important;
		
	}
}
@media screen and (max-width: 500px) {
	.aya-fix {
		width:65px;
	}
}


/* Overrides */
.pm-icon-list > div {
	gap:20px;
}

.pm-icon-list > div > span {
    min-width:40px !Important;
    max-width:40px !Important;
    height:40px !Important;
	margin-top:3px;
}
.pm-icon-list > div > div {
	margin-top:-8px;
}
.pm-icon-list > div > span > i::before {
	font-size:1.3rem;
}
.ms-rtestate-field p, p.ms-rteElement-P {
	line-height:1.5;
}

.clinic-top .ms-webpartzone-cell {
	margin:auto auto 20px !important;
}

/* AYA Tweaks */
.aya-fix {
	margin-top:2px;
}
.aya-donate {
	margin:0 auto;
	display:block;
	text-align:center;
}
.aya-button-fix {
	margin:25px auto 0;
	display:inline-block;
	font-weight:700;
	background:#679b45;
	padding:15px 15px 15px 20px;
	min-width:200px;
	margin-bottom:30px !important;
}
.aya-button-fix[target=_blank]::after {
	content:"";
	display:inline-block;
	background:url("/PrincessMargaret/Custom%20Code/Images/overlapping_hands.svg") no-repeat;
	width:36px;
	height:19px;
	float:right;
	margin-top:2px;
}


.clinic-top2 hr {
	margin:20px 0 !important;
}
.aya-flex {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	width:100%;
	gap:30px;
}
.clinic-top3 .col:nth-child(3) {
	max-width:28%;
	min-widht:28%;
}


/* UL Tweak */
#MSO_ContentTable .tab-pane .pm-icon-list ul {
	margin-bottom:20px !important;
}

/* Social Media Tweaks */
.clinic-top2 .instagram-content > i:before {
	margin:8px 0 0 10px;
	font-size:1.8rem;
}
.clinic-top2 .twitter-x-content:before {
	width:45px;
	height:45px;
	margin:0 0 0 1px;
}
.clinic-top2 .qr-content:before {
	width:32px;
	height:32px;
	margin:7px 0 0 7px;
}