/* - redesign.css - */
/* https://www.mountsinai.on.ca/portal_css/redesign.css?original=1 */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500&display=swap');
#content h1.documentFirstHeading{
padding-top:0;
}
.actionsCustom{
display:none;
}
p.hiddenStructure:focus-within {
border: 2px solid black;
width: 250px;
height: 100%;
}
a:focus {
text-decoration: underline;
}
h1 {
font-size:28px;
font-weight:600 !important;
}
h2 {
font-size:24px;
font-weight:600;
}
h3, .h3 {
font-size:20px;
font-weight:600;
font-family: 'Barlow', sans-serif;
}
div.row.alert-banner {
width: 910px!important;
margin: 0 auto!important;
float: none!important;
}
.alert-banner .alert-banner-inner{
background: #FCAF17;
background: #FDCF73;
color: #111;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
padding: 0.5em 5%;
margin: 0 1.125%;
}
.alert-banner-inner.light-yellow {
background: #FDCF73;
}
.alert-banner .alert-banner-inner p{
padding: 0 !important;
margin: 0 !important;
color: #111 !important;
font-weight: 500;
font-size: 1rem;
text-align:center;
max-width: 1400px;
}
.alert-banner .alert-banner-inner p a{
color:#111 !important;
text-decoration:underline !important;
font-weight: 600;
}
.alert-banner p a:hover, .alert-banner p a:focus{
color:#fff !important;
background: #000;
}
.red-alert{
background-color: #ffe2e3;
padding: 15px;
padding-bottom:0;
border: 2px solid #f59597;
border-radius: 7px;
margin-bottom: 15px;
width: 100%;
}
.yellow-alert {
margin-bottom: 10px;
border: 2px solid #ffeeba;
border-radius: 7px;
background-color: #fff3cd;
padding: 10px;
}
.yellow-alert h2, .yellow-alert h3 {
font-size: 18px;
}
.map-box {
margin-top: 20px;
background-color: #f3f3f3;
padding: 15px;
}
b, strong {
font-weight: 600;
}
img.alert-icon{
width: 50px;
height: 50px;
float: left;
margin-right: 10px;
}
.icons-on .contenttype-link{
padding-left: 5px !importannt;
}
dl.portlet ul.navTree li a{
padding-left: 5px !important;
}
#portal-column-one, #portal-column-two, #portal-column-content {
clear: inherit !important;
}
body, #visual-portal-wrapper{
min-width:910px !important;
}
.center{
text-align: center;
}
.header_quick_links {
top:10px;
right:15px !important;
left:auto !important;
margin-right:0;
}
.header_quick_links li{
font-size:14px;
}
.header_quick_links li a{
font-size:14px;
font-weight:500;
}
.header_quick_links li a:hover, .header_quick_links li a:focus{
text-decoration:underline;
}
li#donate{
padding-right:0;
}
li#donate a{
background: #ffc107;
padding: 5px 15px;
border-radius: 7px;
margin-left:5px;
font-weight:700;
}
li#donate a:hover, li#donate a:focus{
background: #000;
color: #fff !important;
text-decoration:none;
}
#portal-top {
height: 195px !important;
}
#portal-logo{
left:0;
top:30px;
display:block !important;
}
.LSBox{
background-color: #f3f3f3;
border: 1px solid #ddd;
border-radius: 7px;
padding: 2px;
}
#portal-searchbox {
top: 55px !important;
width:285px;
left:auto;
right:5px;
}
#searchGadget {
background: none !important;
border: 0 !important;
position: relative;
padding: 3px;
left:auto;
width:245px;
outline:none;
}
.LSBox input.searchButton{
margin-left:-10px;
background-color: transparent !important;
border: 0 !important;
left: auto;
position: relative;
padding: 3px;
background-image: url(https://cdn2.iconfinder.com/data/icons/font-awesome/1792/search-512.png) !important;
background-size: 20px;
background-repeat: no-repeat;
color: transparent !important;
width: 30px;
top: 1px;
}
#global_navigation_bar {
border-top:0 !important;
border-bottom: 1px solid #808080;
height: 50px;
position: absolute;
top: 131px;
width: 100%;
}
ul#menu-dev{
border:0 !important;
}
ul#menu-dev li{
border:0 !important;
font-weight: 600;
padding: 5px 10px;
}
ul#menu-dev li a{
min-width: 25px;
padding: 0;
color: #101010;
height:40px;
line-height:30px;
font-size:17px;
background: none;
font-family: 'Barlow',sans-serif!important;
}
li#patients-families-dev {
padding-left: 21px!important;
}
li#patients-families-dev:focus-within a, li#careers-dev:focus-within a {
border-top: 5px solid #00aee5;
}
li#patients-families-dev:hover a, li#careers-dev:hover a {
border-top: 5px solid #00aee5;
}
li#areas-care-dev:hover a, li#research-dev:hover a {
border-top: 5px solid #da291c;
}
li#areas-care-dev:focus-within a, li#research-dev:focus-within a {
border-top: 5px solid #da291c;
}
li#education-dev:hover a, li#about-dev:hover a {
border-top: 5px solid #fcaf17;
}
li#education-dev:focus-within a, li#about-dev:focus-within a {
border-top: 5px solid #fcaf17;
}
.home-button{
border: 2px solid #000 !important;
display: inline-block;
padding: 8px 20px;
width: auto;
border-radius: 7px;
font-weight: 600;
color: #000 !important;
font-size: 16px;
line-height: 18px;
}
#content a.home-button:hover, #content a.home-button:focus{
background: #dfdfdf;
color: #000!important;
border: 2px solid #dfdfdf !important;
text-decoration:none;
}
.card-home{
border-radius: 10px;
overflow: hidden;
border: 0;
height: 100%;
box-shadow: 0px 3px 2px #bbb, -6px 3px 10px #bbb, 3px 3px 7px #bbb;
}
div.card-body.bgc-white{
background-color: #fff;
}
.card-home:hover >.bgc-white{
background-color: #B4EBFF;
}
.homeFeaturedRow{
height:300px;
margin-left:-1px;
top:0;
width:100%;
margin-top:50px;
}
.bgc-yellow{
background-color: #FCAF17;
}
.bgc-orange{
background-color: #EB553A;
}
.homeFeaturedRowOverlayRight{
background-color:#fff;
margin: 25px;
width: 480px;
margin-left: -70px;
height: 250px;
padding: 25px;
text-align: center;
}
.homeFeaturedRowOverlayLeft{
background-color:#fff;
margin: 25px;
width: 480px;
margin-right: -50px;
height: 250px;
padding: 25px;
text-align: center;
position:relative;
}
.blue-table {
width: 95%;
}
.blue-table td {
background-color: #fff;
padding: 5px;
border: 1px solid #00aeef;
}
.blue-table th {
background-color: #fff;
padding: 5px;
border: 1px solid #00aeef;
border-bottom-width: 3px;
font-size: 18px;
font-weight: 600;
}
td.table1a {
background: #e5eff3!important;
}
#carousel--1946767266 .carousel-pager{
display:none;
}
#carousel--1946767266{
border-top:0 !important;
}
.carousel{
margin-top: 0 !important;
}
.donate-now{
margin-top: 15px;
margin-bottom:10px;
}
.social-nav {
left: 112px;
position: relative;
width: 300px;
}
.msh-footer-div{
width:285px;
border-right:1px solid #4d4d4d;
float:left;
padding-left:20px;
}
#msh-footer a:hover, #msh-footer a:focus {
text-decoration: underline!important;
}
#msh-footer a[href="https://www.nursingworld.org/organizational-programs/magnet/"]:hover img[src="https://www.mountsinai.on.ca/images/magnet/image"], #msh-footer a[href="https://www.nursingworld.org/organizational-programs/magnet/"]:focus img[src="https://www.mountsinai.on.ca/images/magnet/image"] {
border: 1px solid #da291c;
}
.msh-footer-div a:focus {
text-decoration: underline;
}
.msh-footer-div:last-of-type a img {
border: 1px solid #E6E6E6;
}
.msh-footer-div:last-of-type a:hover img, .msh-footer-div:last-of-type a:focus img {
border: 1px solid #da291c;
}
#msh-footer{
margin-bottom: 0px !important;
border-bottom: 1px solid #c1c1c1;
font-size: 13px;
margin: 1em 0;
line-height: 1.9em;
}
.navTreeItem img{
display:none;
}
.navTreeItem a.contenttype-formfolder{
padding-left:20px;
}
.gary-quote::before {
width: 40px;
content: " ";
background-image: url(https://i.pinimg.com/originals/b0/cd/55/b0cd55f1a8751216f35e40af1b206af3.png);
background-size: 40px;
position: absolute;
top: -20px;
left: 50%;
height: 40px;
background-repeat: no-repeat;
}
.card-3-col{
display:flex !important;
}
.width-2-column-left{
width: 49%;
margin-right: 1%;
margin-left: 0;
float: left;
}
.width-2-column-right{
width: 49%;
margin-right: 0;
margin-left: 1%;
float: left;
}
.dropdown-cancer {
float: none;
overflow: hidden;
}
#cancer_type, #cancer_program{
width: 95%;
padding: 10px;
height: 45px;
margin-bottom: 12px;
border-right: 10px solid #fff;
}
select.custom {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'%3E%3Cpath d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/%3E%3C/svg%3E");
background-size: 10px;
background-repeat: no-repeat;
background-position: right;
background-color:#fff;
padding-right:25px;
background-position: right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select.custom::-ms-expand {
display: none;
}
div.row.go_to_divs_parent{
width:90% !important;
margin-left:3% !important;
}
.go_to_divs{
background-image: url(https://www.mountsinai.on.ca/care/cancer/images/arrow-blue/image);
background-repeat: no-repeat;
background-size: 20px;
background-position: right;
position:relative;
padding-right:35px;
}
.go_to_divs:hover {
background-image: url(https://www.mountsinai.on.ca/care/cancer/images/arrow-black/image);
}
.go_to_divs:focus-within{
background-image: url(https://www.mountsinai.on.ca/care/cancer/images/arrow-black/image);
}
#content .go_to_divs> h3 > a,
#content .go_to_divs> h2 > a {
color:#000;
}
.card-cancer{
border-radius:10px;
overflow:hidden;
border:0;
height:100%;
}
#content .card-cancer > a,#content .card-related > a{
border-bottom:0;
}
#content .go_to_divs:hover > h3 > a,
#content .card-cancer:hover .card-body h3,
#content .card-related:hover > .card-body > h3.card-title,
#content .card-cancer:hover .card-body h2,
#content .card-cancer:focus-within .card-body h2,
.go_to_divs:hover h3,
.card-cancer:hover div h3,
.go_to_divs a:focus + h3,
.card-cancer:focus-within > div h3 {
text-decoration:underline;
color:black;
}
.link-spanner{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#content .card-cancer > .card-body > h3 > a, #content .card-related> .card-body > h3 > a{
color:#000;
}
.card-cancer:hover .card-body {
background-color: #b4ebff;
}
.card-cancer:focus-within .card-body {
background-color: #b4ebff;
}
.bg-light-grey{
background-color:#f3f3f3;
}
.marg-top{
margin-top:25px;
}
.cancer-landing-header{
margin-top:0;
margin-left:0;
background-color:#00aeef;
height:auto;
}
.big-blue-button{
width: 80%;
height: 145px;
margin: 0 auto;
margin-bottom: 20px;
display: flex;
border-radius: 15px;
}
.big-blue-button-left{
width:70%;
float:left;
background-color: #ACE4FA;
padding-left:20px;
padding-top:15px;
border-bottom-left-radius: 15px;
border-top-left-radius: 15px;
padding-right:15px;
}
.make-a-referral{
background-image: url(https://www.mountsinai.on.ca/care/cancer/images/referral-icon/image);
background-repeat: no-repeat;
background-position: top;
background-position-y: 10px;
background-size: 85px;
}
.make-a-donation{
background-image: url(https://www.mountsinai.on.ca/care/cancer/images/donate-icon/);
background-repeat: no-repeat;
background-position: top;
background-position-y: 5px;
background-size: 120px;
}
.join-the-team{
background-image: url(https://www.mountsinai.on.ca/nursing/images/main-page/team-blue-bg/image);
background-repeat: no-repeat;
background-position: top;
background-position-y: 10px;
background-size: 85px;
}
.big-blue-button-right{
width: 30%;
text-align: center;
background-color: #00aeef;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
}
.big-blue-button-right:hover,
.big-blue-button-right:focus-within{
background-color:#000;
}
.make-a-referral.big-blue-button-right:hover,
.make-a-referral.big-blue-button-right:focus-within{
background-image: url(https://www.mountsinai.on.ca/care/cancer/images/referral-icon-hover/image);
}
.make-a-donation.big-blue-button-right:hover,
.make-a-donation.big-blue-button-right:focus-within{
background-image: url(https://www.mountsinai.on.ca/care/cancer/images/donate-icon-hover/);
}
.join-the-team.big-blue-button-right:hover,
.make-a-donation.big-blue-button-right:focus-within{
background-image: url(https://www.mountsinai.on.ca/nursing/images/main-page/team-black-bg/image);
}
.big-blue-button-text{
font-weight: bold;
height: 125px;
}
#content .big-blue-button-right .big-blue-button-text > a {
height: 125px;
display: block;
padding-top: 95px;
color:#000;
border-bottom:0;
}
#content .big-blue-button-right:hover .big-blue-button-text > a,
#content .big-blue-button-right:hover .big-blue-button-text > a:link,
#content .big-blue-button-right:hover .big-blue-button-text > a:visited,
#contnet .big-blue-button-right .big-blue-button-text > a:focus{
color:#fff !important;
}
.width-40-column-left{
width: 39%;
margin-right: 1%;
margin-left: 0;
float: left;
}
.width-60-column-right{
width: 59%;
margin-right: 0;
margin-left: 1%;
float: left;
padding:20px;
}
.white-text-overlay{
background-color:#fff;
padding:15px;
}
.white-text-overlay > h1{
margin-top:0 !important;
}
div.card.card-related{
text-align:center;
border:2px solid #eee !important;
border-radius: 10px;
overflow:hidden;
height:100%;
}
div.card.card-related:hover {
border:2px solid #00aeef!important;
}
div.card.card-related:focus-within {
border:2px solid #00aeef!important;
}
.card-related > .card-img-top{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.card-related > .card-body{
background-color:#fff;
}
.testimonial-person-block{
margin-bottom: 30px;
width:100%;
display:inline-block;
}
.testimonial-avatar-cancer{
width: 18%;
float: left;
}
.testimonial-person-info-cancer{
width:82%;
float:left;
}
.dovigi-testimonial .testimonial-slider-content {
height: 300px;
}
.width-2-column-news{
width: 300px;
margin-right: 5px;
margin-left: 8px;
float: left;
}
.news-card{
display: inline-block;
background-color: #fff1bc;
padding: 10px;
height: 120px;
}
.news-card a:hover,
.news-card a:focus  {
color: #003872 !important;
text-decoration: underline;
}
.cancer-news-title{
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.icons-column {
display: flex!important;
text-align: center;
}
.icons-column .card-body.bg-light-grey {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#content a.blue-button, #content button.blue-button {
align-self: center;
}
.icon-left{
width: 40%;
background-color: #5ccdeb;
height: 60px;
margin: 0 auto;
padding-left: 8px;
margin-bottom: 20px;
display: flex;
border-radius: 10px;
}
.icon-left:hover{
background-color:#000;
}
.icon-left> h3 > a:link{
color:#000!important;
}
#content .icon-left:hover > h3 > a:link{
color:#fff !important;
}
.yellow-download-small{
width: 70%;
height: 110px;
margin: 0 auto;
margin-bottom: 20px;
margin-top:30px;
display: flex;
border-radius: 15px;
}
.download-desc-text-div{
width:70%;
float:left;
background-color: #ffe580;
padding-left:20px;
padding-top:15px;
padding-right:15px;
border-bottom-left-radius: 15px;
border-top-left-radius: 15px;
}
.download-icon-div{
width: 30%;
text-align: center;
background-color: #ffcc00;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
background-image: url(https://www.mountsinai.on.ca/patients/services/mychart/images/download-yellow-1/);
height: 110px;
background-repeat: no-repeat;
background-position: center;
background-position-y: 15px;
background-size: 60px;
}
.allograft-icon{
width: 30%;
text-align: center;
background-color: #fcaf17;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
background-image: url(https://www.mountsinai.on.ca/care/allograft-technologies/resources/order-yellow/);
height: 140px;
background-repeat: no-repeat;
background-position: center;
background-position-y: 10px;
background-size: 130px;
}
.download-icon-div:hover,
.download-icon-div:focus-within{
background-color: #000;
background-image: url(https://www.mountsinai.on.ca/patients/services/mychart/images/download-white/);
}
.allograft-icon:hover,
.allograft-icon:focus-within{
background-color: #000;
background-image: url(https://www.mountsinai.on.ca/care/allograft-technologies/resources/order-white/);
}
.download-button-text{
color: #000;
font-weight: bold;
font-size: 16px;
height: 110px;
}
.download-icon-div:hover  .download-button-text,
.allograft-icon:hover  .download-button-text{
color:#fff;
}
#content .download-icon-div .download-button-text > a{
height: 125px;
display: block;
padding-top: 80px;
color: #000;
border-bottom: 0;
}
#content .allograft-icon .download-button-text > a{
height: 125px;
display: block;
padding-top: 95px;
color: #000;
border-bottom: 0;
}
#content .download-icon-div:hover .download-button-text > a,
#content .download-icon-div:hover .download-button-text > a:link,
#content .download-icon-div:hover .download-button-text > a:visited,
#content .download-icon-div .download-button-text > a:focus,
#content .allograft-icon:hover .download-button-text > a,
#content .allograft-icon:hover .download-button-text > a:link,
#content .allograft-icon:hover .download-button-text > a:visited,
#content .allograft-icon .download-button-text > a:focus {
color:#fff !important;
}
#content a.blue-ghost-button{
display: inline-block;
border: 2px solid #5ccdeb;
padding: 15px 18px;
border-radius: 10px;
font-size: 15px;
color: #000;
font-weight: 600;
border-bottom-color:#5ccdeb
}
#content a.blue-ghost-button:hover {
color:#000 !important;
border: 2px solid #000;
border-bottom-color:#000;
}
.lang_download{
width:30%;
text-align: center;
background-color: #ffcc00;
border-bottom-right-radius:15px;
border-top-right-radius:15px;
}
.lang_download:hover{
background-color: #000;
}
.lang_button{
background-color: transparent;
border: 0;
background-image: url(https://www.mountsinai.on.ca/patients/services/mychart/images/download-yellow-1/);
height: 100px;
background-repeat: no-repeat;
background-position: center;
margin-top: 10px;
background-size: 70px;
}
.lang_download:hover .lang_button{
background-image: url(https://www.mountsinai.on.ca/patients/services/mychart/images/download-white/);
}
.lang_button_text{
color:#000;
font-weight:700;
font-size:16px;
margin-top:80px;
}
.lang_download:hover .lang_button .lang_button_text{
color:#fff;
}
option.grey{
background-color:#eee !important;
}
#news-homepage li{
background-image: url(https://www.mountsinai.on.ca/new-home-page/images-refresh/news-bullets-teal-bruce-mau-9x12.png/) !important;
}
ul#content-views {
margin-bottom:0 !important;
}
#content-views a{
line-height:22px !important;
}
#contentActionMenus dl.actionMenu{
margin-bottom:0;
line-height:22px !important;
}
li.navTreeTopNode > div > a.contenttype-plone-site{
padding-left: 0 !important;
display: inline-block !important;
font-size:19px!important;
line-height: 22px !important;
}
dl.portlet ul.navTree .navTreeCurrentItem{
background:none !important;
}
dl.portlet ul.navTreeLevel0 > li.navTreeItem {
padding-bottom:5px;
border-bottom:1px solid #eee!important;
}
.navTreeItem a, dd.portletItem .navTreeItem a {
font-size: 14px;
line-height: 20px;
}
dl.portlet ul.navTreeLevel1 .navTreeItem{
padding-left:15px !important;
}
ul.navTreeLevel1 > li > a.contenttype-document{
padding-left: 5px !important;
}
.pfg-form{
width:100%;
}
body.template-login_form div.actionsCustom{
display:none;
}
#pfg-fieldwrapper{
background-color: #f3f3f3;
padding: 15px;
}
#login-form{
background-color: #f3f3f3;
padding: 6%;
padding-bottom:10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 60%;
margin: 0 auto;
}
#login-forgotten-password{
background-color: #f3f3f3;
padding-bottom:5%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 60%;
margin: 0 auto;
margin-top:-40px;
}
#fieldset-openid-login label, #login-form label{
width:90px;
}
div.formControls{
background-color: #f3f3f3;
margin: 0;
margin-bottom: 15px;
padding-left: 10px;
padding-bottom: 50px;
}
.field input[type="text"][size],.field input[type="password"][size]{
width: 70%;
padding: 8px;
border-radius:7px;
}
input{
border:1px solid #ccc !important;
}
label.formQuestion{
width:100%;
}
select, select#service-requested{
width:70%;
min-height:35px;
border: 1px solid #eee;
border-radius:7px;
}
#content select option{
height:35px !important;
}
option[value="Acupuncture"], option[value="Chiropractic Therapy"],
option[value="Nutrition"], option[value="Physiotherapy"], option[value="Psychology"]
, option[value="Spinal Stenosis Program"], option[value="Voice Therapy"]{
background-color:#eee !important;
}
[type=reset]{
width: 49%;
min-height: 35px;
border: 0 !important;
display: block;
background: #000!important;
padding: 8px 20px;
border-radius: 7px;
font-weight: 600;
color: white;
}
input[value="Submit"]{
width: 49%;
min-height: 35px;
border: 0 !important;
display: block;
background: #000!important;
padding: 8px 20px;
border-radius: 7px;
font-weight: 600;
float: left;
margin-right: 6px;
}
input[type="submit"].context {
display: inline-block;
background: #00aeef!important;
padding: 8px 20px;
width: auto;
border-radius: 7px;
font-weight: 600;
color: #000 !important;
border: 2px solid #00aeef!important;
cursor: pointer;
}
input[type="submit"].context:hover {
background: #000!important;
color: #fff !important;
border: 2px solid #000!important;
text-decoration: none;
}
input[value="Log in"]{
min-height: 35px;
border: 0 !important;
background: #000!important;
padding: 8px 20px;
border-radius: 7px;
font-weight: 600;
}
.download-forms{
background-color: #BEEBF7;
/* */
padding-left: 10px;
padding-top: 15px;
padding-bottom: 5px;
display: inline-block;
width: 100%;
}
#content .documentDescription, #content #description{
font-size: 1em;
}
a.breast-healthy-button{
display: inline-block;
background: #008fa2;
padding: 8px 20px;
width: auto;
border-radius: 7px;
font-weight: 600;
border: 1px solid #fff;
}
a.breast-healthy-button:hover{
background:#fff;
}
.paypal-button{
margin-top:10px;
}
.container{
padding-left:0px !important;
padding-right:0 !important;
}
div.row{
margin-left: 0 !important;
margin-right:0 !important;
}
div.no-bg{
background-image:none !important;
}
div.section-headings{
margin-top:20px;
margin-bottom:10px;
}
.content-button{
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
#content a.blue-button, #content button.blue-button{
display: inline-block;
background: #00aeef;
padding: 8px 20px;
width: auto;
border-radius: 7px;
font-weight: 600;
color:#000 !important;
border: 2px solid #00aeef;
}
#content a.blue-button:hover, #content button.blue-button:hover,
#content a.blue-button:focus, #content button.blue-button:focus {
background: #000;
color: #fff !important;
border: 2px solid #000;
text-decoration:none;
}
#content a.blue-button-alt, #content button.blue-button-alt{
display: inline-block;
border: 2px solid #00aeef;
padding: 8px 20px;
width: auto;
border-radius: 7px;
font-weight: 600;
color:#000!important;
}
#content a.blue-button-alt:hover, #content button.blue-button-alt:hover{
border: 2px solid #000;
text-decoration:none;
}
div.breast-landing-banner > div > a:link, div.breast-landing-banner > div > a:visited{
color:#fff !important;
}
#content div.breast-landing-banner > div > a:hover{
color:#008fa2 !important;
}
div.contact-button > a:link,div.contact-button > a:visited{
color: #000 !important;
}
#content div.contact-button > a:hover{
color: #fff !important;
text-decoration: none;
}
.width-2-column{
width: 48%;
margin-right: 1%;
margin-left: 1%;
float: left;
}
.width-3-column{
width: 31%;
margin-right: 1%;
margin-left: 1%;
float: left;
}
.width-4-column{
width: 140px;
height:180px;
margin-right: 9px;
margin-left: 9px;
float: left;
text-align: center;
display:inline-table;
}
.width-5-column{
width: 140px;
height:160px;
margin-right: 10px;
margin-left: 10px;
float: left;
text-align: center;
display:inline-table;
}
.width-5-column > a:link, .width-4-column > a:link{
border-bottom: 0 !important;
font-weight: 500;
}
.width-5-column > a > img, .width-4-column > a > img{
border-radius: 50%;
width: 100%;
margin-bottom:5px;
padding:15px;
padding-bottom: 0px;
}
.header-banner {
position: relative;
font-family: 'Barlow',sans-serif;
}
.text-block-banner {
position: absolute;
top: 9%;
left: 5%;
background-color: white;
opacity: 0.9;
color: black;
padding:20px;
width:350px;
}
h1.text-block-title{
font-size:32px;
}
div.service-1{
background: url("http://mshwebdev01:7171/main/rehab-redesign/images/service/image");
background-size: contain;
background-repeat: no-repeat;
height: inherit;
border: 3px solid #5ccdeb;
border-radius: 50%;
height:140px;
}
div.service-1:hover{
background: url("http://mshwebdev01:7171/main/rehab-redesign/images/service-hover/image");
background-size: contain;
background-repeat: no-repeat;
}
.width-5-column h3{
margin-top:10px;
}
div.card{
border:0 !important;
width:100%;
}
div.card-body{
background-color: #f3f3f3;
}
div.card-body > a:link, div.card-body > a:visited{
color:#333 !important;
}
#content div.card-body > a:hover{
color:#fff !important;
text-decoration: none !important;
}
.carousel-indicators{
bottom:0;
margin-bottom: 0;
}
#content .carousel-indicators li{
display: inline-block !important
}
.carousel-indicators li{
width: 20px !important;
height:20px !important;
margin-right: 10px;
margin-left: 10px;
background-color: #333 !important;
border-radius:50%;
}
.carousel-indicators .active{
background-color: #aaa !important;
}
p.testimonial_para{
font-style: italic;
font-size: 1.3em !important;
line-height: 22px !important;
}
.testimonial-avatar{
width:10%;
float:left;
margin-right:20px;
}
.testimonial-avatar > img{
border-radius:50%;
}
.testimonial-person-info{
width:100%;
}
.testimonial-person-info >h4{
font-size: 20px;
font-family: sans-serif;
font-weight: 500;
margin-bottom: 2px;
}
.testimonial-div {
background-color:#f3f3f3!important;
padding:15px;
}
.testimonial-slider {
height: 250px;
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.testimonial-slider-nav{
margin: 1rem 1.5rem;
margin-bottom: 0;
z-index: 10;
width: 20px;
height: 20px;
border-radius: 20px;
position:relative;
top:-3px;
left:-3px;
background-color: #d1d3d1;
content: '';
display: inline-block;
visibility: visible;
}
.testimonial-slider-nav:checked:after {
background-color: #333333;
}
.testimonial-slider-nav:checked:nth-of-type(1) ~ .testimonial-slider-inner {
left: 0%;
}
.testimonial-slider-nav:checked:nth-of-type(2) ~ .testimonial-slider-inner {
left: -100%;
}
.testimonial-slider-nav:checked:nth-of-type(3) ~ .testimonial-slider-inner {
left: -200%;
}
.testimonial-slider-nav:checked:nth-of-type(4) ~ .testimonial-slider-inner {
left: -300%;
}
.testimonial-slider-inner {
position: absolute;
top: 0;
left: 0;
width: 400%;
height: 100%;
-webkit-transition: left 0.4s;
transition: left 0.4s;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.testimonial-slider-content{
height: 100%;
padding: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height:275px;
}
.slider{
width: 640px; /**/
position: relative;
padding-top: 320px; /**/
margin: 100px auto;
margin-top: 10px;
box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.75);
}
.slider>img{
position: absolute;
left: 0; top: 0;
transition: all 0.5s;
}
.slider input[name='slide_switch'] {
display: none;
}
.slider label {
margin: 18px 0 0 18px;
float: left;
cursor: pointer;
transition: all 0.5s;
opacity: 0.6;
}
.slider label img{
display: block;
}
.slider input[name='slide_switch']:checked+label {
border-color: #666;
opacity: 1;
}
.slider input[name='slide_switch'] ~ img {
opacity: 0;
transform: scale(1.1);
}
.slider input[name='slide_switch']:checked+label+img {
opacity: 1;
transform: scale(1);
}
.carousel-inner{
margin: auto;
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
position: absolute;
right: 0px;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
position: absolute;
left: 0px;
}
div.home-news-card > div.home-news-title > a:link, div.carousel > a:link,
div.news-card > div.cancer-news-title > a:link, #content a.carousel-control-prev,#content a.carousel-control-next{
border-bottom: 0 !important;
}
.home-news-card {
display: inline-block;
background-color: #ffffff;
height: auto;
background: #fff1bc;
padding: 10px;
}
img.home-news-image {
width: 45%;
float: left;
margin-right: 10px;
}
.home-news-title {
padding: 14px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #464646;
}
.news-carousel-wrapper{
height:180px;
position:relative;
margin:0 auto;
}
.news-carousel-item{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
padding:25px 50px;
opacity:0;
-webkit-transition: left 0.4s;
transition: left 0.4s;
}
a.arrow:link{
border:0 !important;
}
.arrow{
position:absolute;
top:45%;
display:block;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.arrow-prev{
left:0;
}
.arrow-next{
right:0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
[id^="item"] {
display: none;
}
.item-1 {
z-index: 2;
opacity: 1;
}
*:target ~ .item-1 {
opacity: 0;
}
#item-1:target ~ .item-1 {
opacity: 1;
}
#item-2:target ~ .item-2 {
z-index: 3;
opacity: 1;
}
.team-accordion,.faq-accordion {
margin: 15px auto;
}
.toggle-accordion {
display: none;
}
.team-name,.faq-name  {
display:block;
margin-bottom: 5px;
}
.team-title, .team-members , .faq-title, .faq-answer-section{
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.2s;
}
.team-title,.faq-title {
background: #ACE4FA;
padding: 1em;
padding-right: 2.5em;
display: block;
color: #000;
font-weight: 500;
margin-bottom:0;
}
.team-title:after, .team-title:before , .faq-title:after, .faq-title:before{
content: '';
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #000;
transition: all 0.2s;
}
.team-title:after,.faq-title:after {
transform: rotate(90deg);
}
.team-members,.faq-answer-section {
max-height: 0;
overflow: hidden;
background-color: #f3f3f3;
}
.toggle-accordion:checked + .team-title,
.toggle-accordion:checked + .team-title + .team-members,
.toggle-accordion:checked + .faq-title,
.toggle-accordion:checked + .faq-title + .faq-answer-section
{
box-shadow: 3px 3px 6px #ddd, -3px 3px 6px #ddd;
}
.toggle-accordion:checked + .team-title + .team-members,.toggle-accordion:checked + .faq-title + .faq-answer-section {
max-height:inherit;
}
.toggle-accordion:checked + .team-title:before , .toggle-accordion:checked + .faq-title:before {
transform: rotate(90deg) !important;
}
.single-member-left, .faq-answer{
display: inline-block;
margin:10px;
padding:20px;
width:100%;
}
.single-member-image{
display: inline-block;
width: 25%;
float: left;
margin-right: 15px;
text-align: center;
padding-bottom: 3px;
}
.single-member-image > img{
width:100%;
margin-bottom:5px;
border-radius:50%;
}
.single-member-name{
font-size:10pt;
font-weight:700;
}
.single-member-bio{
width:70%;
float:left;
}
.screen-reader-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}