﻿/***************************
****************************
*   Page Header
****************************
***************************/
#pageheaderOutsideWrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    z-index: 1;
display: none;
}

#pageheaderInsideWrapper {
    width: 100%;
}

    #pageheaderInsideWrapper section {
        width: 100%;
    }

        #pageheaderInsideWrapper section img {
            width: 100%;
            height: auto;
        }


/***************************
****************************
*   Bread Crumbs
****************************
***************************/
#breadcrumbsOutsideWrapper {
    margin: 0 auto 0 auto !important;
    padding: 8px 0;
    width: 100%;
    position: relative;
    background-color: #F9F6EE;
    z-index: 1;
    font-weight: 500;
}

#breadcrumbsInsideWrapper {
    width: 100%;
    margin: 2px 0;
    clear: both;
}

    #breadcrumbsInsideWrapper section {
        width: 100%;
        font-size: 0.875em;
        
    }

        #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: none;
        }

        #breadcrumbsInsideWrapper section #socialshare {
            margin: 0;
            padding: 0;
            width: 100%;
            float: none;
            text-align: center;
        }
            #breadcrumbsInsideWrapper section #socialshare ul.socialNavigation {
                margin: 0;
                padding: 5px 0 0 0 !important;
                display: block;
                width: 100%;
                text-align: center;
                list-style: none;
                color: #A81F44;
            }

                #breadcrumbsInsideWrapper section #socialshare ul.socialNavigation li {
                    display: inline-block;
                    margin: 0 !important;
                    padding: 0 5px 0 5px !important;
                }


                    #breadcrumbsInsideWrapper section #socialshare ul.socialNavigation li:last-of-type {
                        margin: 0 !important;
                        border-right: none;
                        padding: 0 0 0 5px !important;
                    }

                    #breadcrumbsInsideWrapper section #socialshare ul.socialNavigation li img {
                        width: 24px;
                        width: 24px;
                    }

@media only screen and (max-width: 959px) {
    #breadcrumbsOutsideWrapper {
        margin: -1.2em auto 0 auto;
    }

    #breadcrumbsInsideWrapper section {
        font-size: 0.750em;
    }
}

        @media only screen and (min-width: 768px) {
            #breadcrumbsInsideWrapper section #breadcrumbs {
                margin: 0;
                padding: 0;
                width: 100%;
                float: none;
            }

            #breadcrumbsInsideWrapper section #socialshare {
                display: none !important;
            }
        }


/***************************
****************************
*   Sample Navigation (Section)
****************************
***************************/

#navigationSection {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-bottom: none;
}

    #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;
        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:hover a {
                /*background: #F9F6EE;*/
                color: #A81F44;
                text-decoration: underline;
            }

/*Display 'show menu' link*/
#navigationSection .show-menu {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #A81F44 url('/licensees/licensee304/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:hover a {
                    margin: 10px 0;
                    color: #A81F44;
                    text-decoration: underline;
                }
    }

/***************************
****************************
*   Services List
****************************
***************************/

section #ServiceList {
    margin: 10px auto;
    padding: 0;
    width: 100%;
    clear: both;
    text-align: center;
}

    section #ServiceList .Service-Wrapper {
        position: relative;
        /*margin: 0 .50% 1% .50%;*/
        margin: 0 1% 1% 1%;
        /*width: 48%;*/
        width: 150px;
        display: inline-block;
        
    }

        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-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: 150px;
        float: left;
    }

        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.375em;
            line-height: 1.375em;
        }
}

/***************************
****************************
*   Aside Call to Action Box
****************************
***************************/

/*******  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: 10px 0 5px 0;
        padding: 0;
        font-size: 1.125em;
        text-align: center;
        font-family: 'Open Sans Condensed Light Italic', sans-serif;
        font-weight: normal;
        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('../Content/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('../Content/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: #911c3c;
                padding: 8px 10px 8px 10px;
                text-decoration: none;
            }

                aside .CTAInformationBox .ViewAll .ViewAllLink a.ViewAllButton:hover {
                    background: #F9F6EE;
                    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) {
   
}



/*******  CTA Physician Network ****************/
aside .CTAInformationBoxPhysicianNetwork {
    margin: 20px 1% 30px 1%;
    padding: 10px 5px 10px 10px;
    text-align: center;
}

    aside .CTAInformationBoxPhysicianNetwork img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }