﻿/***************************
****************************
*   Page Header
****************************
***************************/
#pageheaderOutsideWrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    z-index: 1;
}

#pageheaderInsideWrapper {
    width: 100%;
}

    #pageheaderInsideWrapper section {
        width: 100%;
    }

        #pageheaderInsideWrapper section img {
            width: 100%;
            height: auto;
        }


/***************************
****************************
*   Bread Crumbs
****************************
***************************/
#breadcrumbsOutsideWrapper {
    margin: -2.1em auto 0 auto;
    padding: 6px 0;
    width: 100%;
    /*background: #faecdd;*/
    position: relative;
    background-color: rgba(250, 236, 221, 0.9);
    /*border-top: 1px solid #A81F44;*/
    /*border-bottom: 1px solid #A81F44;*/
    z-index: 1;
    font-weight: 500;
}

#breadcrumbsInsideWrapper {
    width: 100%;
    margin: 2px 0;
    clear: both;
}

    #breadcrumbsInsideWrapper section {
        width: 70%;
        font-size: 0.875em;
        
    }

#breadcrumbsInsideWrapper section .sfContentBlock {
display: inline-block;
float: left;
}


        #breadcrumbsInsideWrapper section a {
            color: #A81F44;
            text-decoration: none;
            font-weight: 500;
        }

            #breadcrumbsInsideWrapper section a:hover {
                text-decoration: underline;
            }

        #breadcrumbsInsideWrapper section img {
            width: 100%;
            height: auto;
        }


    #breadcrumbsInsideWrapper section {
        width: 100%;
    }

        #breadcrumbsInsideWrapper section #breadcrumbs {
            margin: 0;
            padding: 0;
            width: 100%;
            float: left;
        }

        #breadcrumbsInsideWrapper section #socialshare {
            display: none;
            margin: 0;
            padding: 0;
            width: 0%;
            float: right;
            text-align: right;
        }



            #breadcrumbsInsideWrapper section #socialshare .share {
                margin: 1px 0;
                padding: 0;
                float: right;
                text-align: right;
                width: 100%;
                }

#breadcrumbsInsideWrapper section #socialshare .share a {
	color: #000 !important;
}
 
.share ul.list-inline {
margin: 0 !important;
padding: 0 !important;
line-height: 1em !important;
}

.share ul.list-inline li {
margin: 0 !important;
padding: 0 !important;
line-height: 1em !important;
}
          

                

@media only screen and (max-width: 959px) {
    #breadcrumbsOutsideWrapper {
        margin: 0em auto 0 auto;
    }

    #breadcrumbsInsideWrapper section {
        font-size: 0.750em;
    }
}

        @media only screen and (max-width: 760px) {
            #breadcrumbsInsideWrapper section #breadcrumbs {
                margin: 0;
                padding: 0;
                width: 100%;
                float: none;
            }

#breadcrumbsInsideWrapper section #breadcrumbs a {
               text-decoration: underline;
            }



            #breadcrumbsInsideWrapper section #socialshare {
		display: none;
                margin: 0;
                padding: 5px 0 5px;
                width: 100%;
                float: none;
            }

#breadcrumbsInsideWrapper section #socialshare .share {
                margin: 3px 0 0 0;
                padding: 0;
                float: none;
                text-align: left;
                width: 100%;
                }
        }



/***************************
****************************
*   Sample Navigation (Section)
****************************
***************************/

#navigationSection {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    /*background-color: rgba(178, 194, 208, 0.3);*/
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-bottom: none;
    /*border-left: 6px solid #A81F44;
    border-right: 1px solid #A81F44;
    border-top: 1px solid #A81F44;
    border-bottom: 1px solid #A81F44;
    background-color: rgba(250, 236, 221, 0.5);*/
    /*background-image: url('../Images/Backgrounds/Gradient-BG.png');
    background-repeat: repeat-x;*/
}

    #navigationSection h3 {
        margin: 5px 5px 0 5px;
        padding: 5px;
        text-align: center;
        display: block;
        font-weight: 700;
        font-size: 1.125em;
        border-bottom: 2px solid #A81F44;
        display: none;
    }

        #navigationSection h3 a {
            color: #A81F44;
            text-decoration: none;
            }

        #navigationSection h3 a:hover {
            color: #A81F44;
            text-decoration: underline;
        }


/* THIS IS FOR CUSTOM MOBILE NAVIGATION COMPONENTS */
/* BEGIN */
    #navigationSection input[type=checkbox] {
        display: none;
    }

        #navigationSection input[type=checkbox]:checked ~ #SectionNavigation {
            display: block;
        }

/*Make dropdown links appear inline*/
    #navigationSection ul#SectionNavigation {
        position: static;
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        background:  !important;
        width: 100%;
        font-size: 1.000em;
        margin: 0;
        padding: 0;
    }

    /*Make all menu links full width*/
        #navigationSection ul#SectionNavigation li {
            border-bottom: 1px solid rgba(0,0,0,0.18);
        }

        #navigationSection ul#SectionNavigation li, #navigationSection ul#SectionNavigation li a {
            width: 100%;
            display: block;
            /*height: 50px;*/
            text-align: center;
            /*line-height: 50px;*/
            color: #A81F44;
            background: #f5f5f5;
            text-decoration: none;
            
            margin:10px 0;
            padding: 0;
            font-size: 1.000em;
        }
            #navigationSection ul#SectionNavigation li a {
            
            }


            #navigationSection ul#SectionNavigation li:hover a {
                /*background: #faecdd;*/
                color: #A81F44;
                text-decoration: underline;
            }

/*Display 'show menu' link*/
#navigationSection .show-menu {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #A81F44 url('../Images/Arrows/down-arrow.png');
    background-position: center right;
    background-repeat: no-repeat;
    text-align: left;
    padding: 10px;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
/* END */

/* THIS IS FOR CUSTOM MOBILE NAVIGATION COMPONENTS */
/*** TABLET */
@media only screen and (min-width: 769px) {

    /* BEGIN */
    /*Style 'show menu' label button and hide it by default*/
    #navigationSection .show-menu {
        display: none;
    }

    /*Hide checkbox*/
    #navigationSection input[type=checkbox] {
        display: none;
    }

    #navigationSection .show-menu {
        display: none;
    }

    #navigationSection input[type=checkbox] {
        display: none;
    }

/* Removes Section Home from Tablet & Desktop */
#navigationSection ul#SectionNavigation li:last-of-type{
display: none;
}




    /* END */

    #navigationSection h3 {
        display: inherit;
    }


    #navigationSection ul#SectionNavigation {
        margin: 0 0 !important;
        padding: 0;
        font-size: 1.063em !important;
        display: block !important;
        list-style: none !important;
    }

        #navigationSection ul#SectionNavigation li {
            border-bottom: 1px solid rgba(0,0,0,0.18);
        }

            #navigationSection ul#SectionNavigation li, #navigationSection ul#SectionNavigation li a {
                width: 100%;
                display: block;
                /*height: 50px;*/
                text-align: center;
                /*line-height: 50px;*/
                color: #A81F44;
                background: #f5f5f5;
                text-decoration: none;
                
                padding: 0 2px !important;
                font-size: 1.000em;
            }

                #navigationSection ul#SectionNavigation li a {
                    
                }


                #navigationSection ul#SectionNavigation li:hover a {
                    margin: 10px 0;
                    color: #A81F44;
                    text-decoration: underline;
                }
    }


/***************************
****************************
*   Services & Treatment List (Center Content)
****************************
***************************/

section #ServiceList {
    margin: 10px auto;
    padding: 0;
    width: 100%;
}

    section #ServiceList .Service-Wrapper {
        position: relative;
        /*margin: 0 .50% 1% .50%;*/
        margin: 0 1% 1% 1%;
        width: 48%;
        display: inline-block;
        float: left;
    }

        section #ServiceList .Service-Wrapper .Service-Hover {
            position: absolute;
            width: 100%;
            height: 100%;
            text-align: center;
            display: block;
            color: transparent;
            -webkit-transition: 0.4s;
            transition: 0.4s;
            background-color: rgba(0, 0, 0, 0.4);
        }

            section #ServiceList .Service-Wrapper .Service-Hover:hover {
                background-color: rgba(144, 28, 60, 0.7);
            }

            section #ServiceList .Service-Wrapper .Service-Hover .Service-Table {
                width: 100%;
                height: 100%;
            }

section table, .Service-Table {
    border-collapse: collapse;
    display: table;
}


section #ServiceList .Service-Wrapper .Service-Hover .Service-Table .Service-Table-Cell {
    display: table-cell;
    vertical-align: middle;
    /*padding: 10px;*/
}

    section #ServiceList .Service-Wrapper .Service-Hover .Service-Table .Service-Table-Cell .Service-Button {
        text-transform: uppercase;
        font-size: 1.125em;
        line-height: 1.063em;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
        padding: 5px 1%;
        border-radius: 5px;
        -moz-border-radius: 5px;
        border: solid 3px transparent;
        color: #FFF;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    }

        section #ServiceList .Service-Wrapper .Service-Hover .Service-Table .Service-Table-Cell .Service-Button:hover {
        }


section #ServiceList .Service-Wrapper .Service-Image {
}


    section #ServiceList .Service-Wrapper .Service-Image img {
        display: block;
        width: 100%;
        height: auto;
    }




/*** TABLET */
@media only screen and (min-width: 769px) {
    section #ServiceList .Service-Wrapper {
        margin: 0 .50% 1% .50%;
        width: 48%;
    }

        section #ServiceList .Service-Wrapper .Service-Hover .Service-Table .Service-Table-Cell .Service-Button {
            font-size: 1.250em;
            line-height: 1.125em;
        }
}


/*** DESKTOP */
@media only screen and (min-width: 1041px) {

    section #ServiceList .Service-Wrapper {
        margin: 0 1% 1% 1%;
        width: 31%;
    }

    section #ServiceList .Service-Wrapper .Service-Hover .Service-Table .Service-Table-Cell .Service-Button {
        font-size: 1.250em;
        line-height: 1.375em;
    }
}


/***************************
****************************
*  Video List
****************************
***************************/

#VideoList {
	margin: 0 0 20px 0 !important;
text-align: center;
}

#VideoList .Video {
            margin: 0 1% 20px 1%;
            padding: 0;
            float: none;
            width: 98%;
        }

    .Video-Wrapper {
        position: relative;
        display: inline-block;
    }




        .Video-Wrapper .Video-Hover {
            position: absolute;
            width: 100%;
            height: 100%;
            text-align: center;
            display: block;
            color: transparent;
            -webkit-transition: 0.4s;
            transition: 0.4s;
            /*background-color: rgba(0, 0, 0, 0.4);*/
	    content: "";
 	    background-image: url('../Images/Video/Play-Arrow.png');
            background-size: 52px;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
        }

            .Video-Wrapper .Video-Hover:hover {
                /*background-color: rgba(37, 118, 189, 0.7);*/
		background-image: url('../Images/Video/Play-Arrow-Hover.png');
            }




            .Video-Wrapper .Video-Hover .Video-Table {
                width: 100%;
                height: 100%;
            }

    table, .Video-Table {
        border-collapse: collapse;
        display: table;
    }


    .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell {
        display: table-cell;
        vertical-align: bottom;
        padding: 0px;
    }

        .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell .Video-Button {
            /*text-transform: uppercase;*/
            font-size: 1.000em;
            line-height: 1.125em;
            /*font-weight: 700;
            font-family: 'LatoWebBold', sans-serif;*/
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 500;
            display: inline-block;
            padding: 5px 5px;
            border-radius: 0px;
            -moz-border-radius: 5px;
            border: solid 3px transparent;
            color: #FFF;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
        }

            .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell .Video-Button .Summary {
                font-size: 0.875em;
            }

            .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell .Video-Button:hover {
            }

    .Video-Wrapper .Video-Image {
    }


        .Video-Wrapper .Video-Image img {
            display: block;
            width: 100%;
            height: auto;
        }

/*** TABLET */
@media only screen and (min-width: 769px) { 
#VideoList .Video {

            float: left;
            width: 48%;
        }
}

/***************************
****************************
*   Clinical Trials
****************************
***************************/
.TrialDetails {
   margin: 10px 0;
padding: 5px;
border: 1px solid #959595;
background: #ebebeb;
}

.TrialDetails h4 {
margin: 5px 0 0 0;
font-weight: bold;
}

/***************************
****************************
*   Locations
****************************
***************************/

.Location {
 margin: 0 1% 40px 1% !important;
 padding: 0;
 width: 98%;
 float: left;
text-align: center;
display: block !important;
}

@media only screen and (min-width: 769px) {
.Location { width: 48%; }
}



    .Location .Location-Image img {
        width: 100%;
        max-width: 100% !important;
        height: auto;
	border: 1px solid #dfdfdf !important;
    }


.Location .Location-Address-Details-Wrapper {
    margin: 5px 0 0 0;
}

.Location .Location-Address-Details-Wrapper .Title {
font-size: 1.000em;
	text-align: center !important;
font-weight: 500 !important;
padding: 0 0 3px 0;
}


    .Location .Location-Address-Details-Wrapper .Address {
        text-align: center;
        font-size: 1.000em;
min-height: 70px;
display: block !important;
    }

       .Location .Location-Address-Details-Wrapper .Address p {
            margin: 0 0 5px 0;
        }

    .Location .Location-Address-Details-Wrapper .DetailsLink {
        text-align: center;
        margin: 5px 0 5px 0 !important;
        padding: 10px 0 0 0;
    }

       .Location .Location-Address-Details-Wrapper .DetailsLink a.ViewDetailsButton {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            text-transform: uppercase;
            color: #ffffff;
            font-size: 0.938em;
            background-color: #A81F44;
            padding: 8px 10px 8px 10px;
            text-decoration: none;
        }

           .Location .Location-Address-Details-Wrapper .DetailsLink a.ViewDetailsButton:hover {
                background: #faecdd;
                color: #A81F44;
                text-decoration: none;
                border: 1px solid #A81F44;
            }


/***************************
****************************
*   Accreditation Logos
****************************
***************************/
/* Aside */
/* Show on mobile */
	aside .Accreditation {
	text-align: center;
	}

	aside .Accreditation img {
	max-height: 150px;
 	width: auto;
	}

/* Navigation Column */
/* Hidden on mobile */
	#contentColumn1 .Accreditation {
	   display: none !important;
	}

@media only screen and (min-width: 769px) {
/* Aside */
/* Hidden on desktop */
	aside .Accreditation {
	display: none !important;
	}

/* Visible on desktop */
	#contentColumn1 .Accreditation {
	    display: inherit !important;
	    margin: 20px 0;
            text-align: center;
	}

	#contentColumn1 .Accreditation img {
	   max-width: 75%;
	   height: auto;
	}
}


/***************************
****************************
*   Aside Call to Action Box
****************************
***************************/

/* aside #CTABox {
        margin: 20px 0 20px 0;
        padding: 10px 5px 10px 15px;
        border-left: 8px solid #A81F44;
        border-right: 1px solid #A81F44;
        border-top: 1px solid #A81F44;
        border-bottom: 1px solid #A81F44;s
        background-color: rgba(250, 236, 221, 0.5);
        background: #f8f8f8;
        border: 1px solid #dfdfdf;
    }*/




/*******  CTA Information Boxes ****************/
aside .CTAInformationBox {
    margin: 20px 1% 30px 1%;
    padding: 10px 5px 10px 10px;
    border-left: 1px solid #A81F44;
    border-right: 1px solid #A81F44;
    border-top: 15px solid #A81F44;
    border-bottom: 1px solid #A81F44;
    background-color: rgba(250, 236, 221, 0.5);
}

    aside .CTAInformationBox h5 {
        margin: 0px 0 10px 0;
        padding: 0;
        font-size: 1.500em;
        font-family: 'Open Sans Condensed Light', sans-serif;
        font-weight: normal;
        text-align: center;
    }

    aside .CTAInformationBox h6 {
        margin: 5px 0 5px 0;
        padding: 0;
        font-size: 1.125em;
        text-align: center;
        font-family: 'Open Sans Condensed Light Italic', sans-serif;
        font-weight: normal;
        font-style: italic;
        border-bottom: none;
        color: #000;
    }

    aside .CTAInformationBox p {
        margin: 5px 0 5px 0;
        padding: 0;
        font-size: 0.875em;
	text-align: center !important;
    }

    aside .CTAInformationBox img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }

   

    aside .CTAInformationBox a {
        color: #A81F44;
        text-decoration: none;
    }

        aside .CTAInformationBox a:hover {
            color: #A81F44;
            text-decoration: underline;
        }

    aside .CTAInformationBox ul.TextList {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        aside .CTAInformationBox ul.TextList li {
            margin: 0 0 10px 0;
            padding: 0;
            font-size: 0.875em;
            line-height: 1.250em;
        }

            aside .CTAInformationBox ul.TextList li strong {
                margin: 0 0 10px 0;
                padding: 0;
                font-size: 1.000em;
                color: #A81F44;
                line-height: 1.125em;
            }

            aside .CTAInformationBox ul.TextList li img {
                max-width: 100%;
                width: 100%;
                height: auto;
                border: 1px solid #f2f2f2;
            }

    aside .CTAInformationBox ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        aside .CTAInformationBox ul li {
            margin: 0 0 10px 0;
            padding: 0;
            font-size: 0.938em;
            line-height: 1.125em;
        }

            aside .CTAInformationBox ul li strong {
                margin: 0 0 10px 0;
                padding: 0;
                font-size: 1.000em;
                color: #A81F44;
                line-height: 1em;
            }

            aside .CTAInformationBox ul li img {
                max-width: 100%;
                width: 100%;
                height: auto;
                border: 1px solid #f2f2f2;
            }


    aside .CTAInformationBox .video-link {
        position: relative;
        display: inline-block
    }

        aside .CTAInformationBox .video-link:after {
            content: "";
            display: inline-block;
            background-image: url('../Images/Video/Play-Arrow.png');
            background-size: 52px;
            position: absolute;
            width: 52px;
            height: 52px;
            top: 50%;
            left: 50%;
            margin-top: -26px;
            margin-left: -26px;
            z-index: 1;
        }

        aside .CTAInformationBox .video-link:hover:after {
            background-image: url('../Images/Video/Play-Arrow-Hover.png');
        }


    aside .CTAInformationBox a.arrow {
        color: #A81F44;
        font-weight: bold;
        text-decoration: none;
    }

        aside .CTAInformationBox a.arrow:hover {
            color: #A81F44;
            font-weight: bold;
            text-decoration: underline;
        }

        aside .CTAInformationBox a.arrow::after {
            position: relative;
            /* top: 3pt; Uncomment this to lower the icons*/
            content: "";
            display: inline-block;
            /* By using an em scale, the arrows will size with the font */
            width: 0.4em;
            height: 0.4em;
            border-right: 0.2em solid #A81F44;
            border-top: 0.2em solid #A81F44;
            transform: rotate(45deg);
            margin-left: 0.5em;
        }

    aside .CTAInformationBox .ViewAll {
        margin: 0 !important;
        padding: 5px 0 5px 0;
        text-align: center;
    }

        aside .CTAInformationBox .ViewAll .ViewAllLink {
            text-align: center;
            margin: 5px 0 5px 0 !important;
            padding: 10px 0 0 0;
        }

            aside .CTAInformationBox .ViewAll .ViewAllLink a.ViewAllButton {
                -webkit-border-radius: 6;
                -moz-border-radius: 6;
                border-radius: 6px;
                text-transform: uppercase;
                color: #ffffff;
                font-size: 0.938em;
                background-color: #A81F44;
                padding: 8px 10px 8px 10px;
                text-decoration: none;
            }

                aside .CTAInformationBox .ViewAll .ViewAllLink a.ViewAllButton:hover {
                    background: #faecdd;
                    color: #A81F44;
                    text-decoration: none;
                    border: 2px solid #A81F44;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                }


/*** TABLET */
@media only screen and (min-width: 769px) {
    aside .CTAInformationBox {
        margin: 10px 0 30px 0;
        padding: 10px 5px 10px 10px;
        border-left: 8px solid #A81F44;
        border-right: 1px solid #A81F44;
        border-top: 1px solid #A81F44;
        border-bottom: 1px solid #A81F44;
    }

        aside .CTAInformationBox h5 {
           text-align: left;
        }

        aside .CTAInformationBox h6 {
            text-align: left;
        }

aside .CTAInformationBox p {
            text-align: left !important;
        }

        aside .CTAInformationBox ul {
            text-align: left;
        }

            
}


/*** DESKTOP */
@media only screen and (min-width: 1041px) {
   
}


/********** SEARCH BOX  *******************/
#SearchBox {
    margin: 10px 0 8px 0 !important;
    text-align: right !important;
    width: 300px !important;
    float: right !important;
}

    #SearchBox .SearchBox {
        margin: 0 0 0 0 !important;
        background: #ebebeb !important;
        border: none !important;
        font-style: normal !important;
        font-weight: 400 !important;
        color: #000000 !important;
        /*font-weight: bold;*/
        font-size: 1.063em !important;
        height: 35px !important;
        /*margin: 0 0 15px 0 !important;
        background: #ebebeb !important;
        border: none !important;
        font-style: normal !important;
        font-family: 'LatoWebLight', sans-serif !important;
        font-weight: 400 !important;
        color: #000000 !important;
        font-size: 2.063em !important;
        height: 35px !important;
        width: 250px !important;
        float: right !important;*/
    }

        #SearchBox .SearchBox input {
            margin: 0 0 0 0 !important;
            padding: 0 0 0 5px !important;
            border: none !important;
            font-style: normal !important;
            font-family: 'LatoWebLight', sans-serif !important;
            color: #000000 !important;
            font-size: 1.063em !important;
            font-weight: normal !important;
            width: 250px !important;
            background-color: #ebebeb !important;
            height: 35px !important;
            float: left !important;
            /*margin: 0 0 0 0 !important;
            padding: 0 0 0 5px !important;
            border: 1px solid #b3b3b3 !important;
            font-style: normal !important;
            font-family: 'LatoWebLight', sans-serif !important;
            color: #000 !important;
            font-size: 1.063em !important;
            width: 100% !important;
            background-color: #ebebeb !important;
            height: 35px !important;*/
        }

        #SearchBox .SearchBox button {
            background-image: url('../Images/Search/Search-Button.png') !important;
            width: 50px !important;
            height: 35px !important;
            float: right !important;
            color: transparent !important
        }

/***************************
****************************
*  Accessible Accordion
****************************
***************************/
button {
 border: 0 !important;
}

.button:focus,
.button:hover,
.button:active {
 border: 0 !important;
}

.animated-accordion__panel {
 display: block;
 width: 100%;
 overflow: hidden;
 opacity: 1;
 transition: visibility 0s ease, max-height 1s ease, opacity 1s ease ;
 max-height: 100em;
 /* magic number for max-height = enough height */
 visibility: visible;
 transition-delay: 0s;
 margin: 0;
 padding: 0;
/*border-top: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;*/
}

.animated-accordion__panel p {
 padding: 0 5px;
}

.animated-accordion__panel h2 {
 padding: 0 5px;
}

/* This is the hidden state */
[aria-hidden=true].animated-accordion__panel {
 display: block;
 max-height: 0;
 opacity: 0;
 visibility: hidden;
 transition-delay: 1s, 0s, 0s;
 margin: 0;
 padding: 0;
}



.animated-accordion__header {
    cursor: pointer;
    margin: 0;
    font-size: 1.125em;
    /* color: #ffffff;
    background-color: #A81F44; 
    background-color: #faecdd;*/
    background-color: transparent !important;
    color: #A81F44;
    font-weight: 700;
    padding: 14px 25px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    text-align: left;
    /* border-bottom: 2px solid #fff !important; 
    border-bottom: 2px solid #A81F44 !important; */
text-decoration: underline;
}

.animated-accordion__header:last-of-type {
    border-bottom: none;
}

/* title opened */
.animated-accordion__header[aria-expanded="true"] {
    /* background-color: #faecdd;
    color: #A81F44; 
    color: #ffffff;
    background-color: #A81F44; */
    color: #A81F44;
    text-decoration: none;
}


.animated-accordion__header[aria-expanded="true"]:before {
    content: '-';
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: transparent;
    left: 7px;
    top: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
font-size: 1.250em;
color: #A81F44;
}
/* title closed */
.animated-accordion__header[aria-expanded="false"]:before {
  content: '+';
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: transparent;
    left: 7px;
    top: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
font-size: 1.250em;
color: #A81F44;

}


/***************************
****************************
*   Physician List with Photos & Physician Profiles
****************************
***************************/

ul.PhysicianList {
margin: 0 0 0 0 !important;
padding: 0 0 0 0;
display: block !important;
list-style: none !important;
width: 100% !important;

}

ul.PhysicianList li {
margin: 0 1% 10px 1%;
padding: 0;
width: 48%;
float: left;
text-align: center;
display: inline !important;
min-height: 300px;
font-size: 0.938em;
}



ul.PhysicianList li a { 
 font-size: 0.938em;
}

ul.PhysicianList li img {
border: 1px solid #A81F44;
vertical-align: top;
margin: 0 0 5px 0;
}

/* This is used for displaying physician profiles on pages */
.ProfileContent img {
   margin: 0 auto 10px auto;
   border: 2px solid #ecdfd3;
   float: none;
   max-width: 75%;
   text-align: center;
   display: block;
   
}

.ProfileContent h3 {
 margin: 0 0 10px 0 !important;
}


@media only screen and (min-width: 769px) {
	ul.PhysicianList li {
	margin: 0 1% 20px 1%;
	width: 48%;
min-height: 250px;
	}

    /* This is used for displaying physician profiles on pages */
	.ProfileContent img {
   	margin: 0 0 5px 5%;
   	float: right;
   	max-width: 40%;
   	}
}

@media only screen and (min-width: 1041px) {

ul.PhysicianList li {
	margin: 0 .5% 20px .5%;
	width: 24%;
	}


}