﻿/* CONTENT SECTION STYLES
-------------------------------------------------- */

/* breadcrumbs */
.content .content-inner .breadcrumb-area > div {
    min-height: 31px;
}

.content .content-inner .breadcrumb-area .sfBreadcrumbWrp {
    background-color: black;
    min-height: 31px;
}

    .content .content-inner .breadcrumb-area .sfBreadcrumbWrp .RadSiteMap ul {
        padding: 4px 0px 0px 32px;
    }

    .content .content-inner .breadcrumb-area .sfBreadcrumbWrp .sfBreadcrumbNavigation,
    .content .content-inner .breadcrumb-area .sfBreadcrumbWrp .sfBreadcrumbNavigation a,
    .content .content-inner .breadcrumb-area .sfBreadcrumbWrp .sfNoBreadcrumbNavigation,
    .content .content-inner .breadcrumb-area .sfBreadcrumbWrp .sfNoBreadcrumbNavigation a {
        font-family: "HelveticaNeueW02-55Roma", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 11px;
        color: #999999;
    }

    .content .content-inner .breadcrumb-area .sfBreadcrumbWrp li:last-child a {
        color: white;
    }

/* Any Layout control within the header-block style added */
.content-area .header-block > .sf_colsOut > .sf_colsIn {
    padding: 15px;
    background-color: white;
}

/* Set the minimum height for the first 100% content block on a content page */
.content-area .sf_cols.content-block:first-child > .sf_colsOut.sf_1col_1_100 > .sf_colsIn {
    min-height: 400px;
}

/* Any Layout control within the content-block style added */
.content-area .content-block > .sf_colsOut {
    padding-bottom: 21px;
}

.content-area .header-block > .sf_colsOut {
    padding-bottom: 21px;
}

    .content-area .content-block > .sf_colsOut > .sf_colsIn {
        background-color: white;
    }


    /* content blocks (100%, 50%, 33%) */
    .content-area .content-block > .sf_colsOut.sf_1col_1_100 > .sf_colsIn,
    .content-area .content-block > .sf_colsOut.sf_2cols_1_50 > .sf_colsIn,
    .content-area .content-block > .sf_colsOut.sf_2cols_2_50 > .sf_colsIn,
    .content-area .content-block > .sf_colsOut.sf_2cols_1_75 > .sf_colsIn,
    .content-area .content-block > .sf_colsOut.sf_2cols_2_25 > .sf_colsIn,
    .content-area .content-block > .sf_colsOut.sf_3cols_1_33 > .sf_colsIn,
    .content-area .content-block > .sf_colsOut.sf_3cols_2_34 > .sf_colsIn,
    .content-area .content-block > .sf_colsOut.sf_3cols_3_33 > .sf_colsIn {
        padding: 25px;
        position: relative;
    }

    .content-area .sf_colsOut.sf_2cols_2_25_dark {
        background-color: #eaeaea;
        min-height: 397px;
    }
    .content-area .sf_cols.right-block-dark {
        margin: 0 3px 47px 3px;
        padding: 20px;
        width: 189px;
        background-color: #ffffff;
    }

    .content-area .content-block > .sf_colsOut.sf_2cols_1_50,
    .content-area .content-block > .sf_colsOut.sf_2cols_2_50 {
        width: 501px;
    }

        .content-area .content-block > .sf_colsOut.sf_2cols_1_50 > .sf_colsIn,
        .content-area .content-block > .sf_colsOut.sf_2cols_2_50 > .sf_colsIn {
            min-height: 530px;
        }

        .content-area .content-block > .sf_colsOut.sf_2cols_1_50.social_feed_cols > .sf_colsIn,
        .content-area .content-block > .sf_colsOut.sf_2cols_2_50.social_feed_cols > .sf_colsIn {
            min-height: 700px;
        }

        .content-area .content-block.medium > .sf_colsOut.sf_2cols_1_50 > .sf_colsIn,
        .content-area .content-block.medium > .sf_colsOut.sf_2cols_2_50 > .sf_colsIn {
            min-height: 435px;
        }

.content-area .content-block.short > .sf_colsOut.sf_2cols_1_50 > .sf_colsIn,
.content-area .content-block.short > .sf_colsOut.sf_2cols_2_50 > .sf_colsIn {
    min-height: 260px;
}


/* content blocks (25%) */
.content-area .content-block > .sf_colsOut.sf_4cols_1_25 > .sf_colsIn,
.content-area .content-block > .sf_colsOut.sf_4cols_2_25 > .sf_colsIn,
.content-area .content-block > .sf_colsOut.sf_4cols_3_25 > .sf_colsIn,
.content-area .content-block > .sf_colsOut.sf_4cols_4_25 > .sf_colsIn {
    width: 240px;
}





    .content-area .content-block > .sf_colsOut.sf_4cols_1_25 > .sf_colsIn .sfContentBlock,
    .content-area .content-block > .sf_colsOut.sf_4cols_2_25 > .sf_colsIn .sfContentBlock,
    .content-area .content-block > .sf_colsOut.sf_4cols_3_25 > .sf_colsIn .sfContentBlock,
    .content-area .content-block > .sf_colsOut.sf_4cols_4_25 > .sf_colsIn .sfContentBlock {
        padding: 20px;
        min-height: 180px;
    }

/* side panels */
.bd_3cols_2_1 > .sf_colsOut.sf_3cols_2_34 > .sf_colsIn {
    border-right: 1px dotted #dbdbdb;
    margin-right: -1px;
}


.sfContentBlock.moreInfo {
    font-family: "HelveticaNeueW02-55Roma", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom: -14px;
    left: 25px;
    right: 25px;
    height: 60px;
}

    .sfContentBlock.moreInfo a {
        color: #999999;
        display: inline-block;
        width: 100%;
        padding-top: 13px;
        padding-bottom: 13px;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        transition-property: background, color;
    }

        .sfContentBlock.moreInfo a:hover {
            color: #000000;
            background-color: #e6e6e6;
            transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
            transition-property: background, color;
        }


 .sfContentBlock.rhsLinkInfo {
    position: absolute;
    bottom: 25px;
}

 p.social {
    margin: 5px 10px 11px 0;
    height: 22px;
 }

    p.social a
    {
        background-color: #686868;
        display: inline-block;
    -webkit-border-radius: 11px 11px;
    -moz-border-radius: 11px / 11px;
    border-radius: 11px / 11px;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    p.social a:hover {
     background-color: #2199cd;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }


 a.linkedin {
            text-indent: -119988px;
            overflow: hidden;
            text-align: left;
            background-image: url('../images/icon-linkedin-white.png');
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 22px;
            height: 22px;
            display: inline-block;
            margin-right: 10px;
        }

 a.email {
            text-indent: -119988px;
            overflow: hidden;
            text-align: left;
            background-image: url('../images/icon-email-white.png');
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 21px;
            height: 21px;
            display:  inline-block;
        }


.bulleted-list {
    margin: -7px 0 9px 12px;
    padding: 0 0;
}
    .bulleted-list li {
        margin-top: 5px;
    }

    
 /* styles for the  content block - used on Production home page, digital marketing home page */

 .sfContentBlock.border {
    margin: 0 0;
    padding: 20px;
    border-bottom:1px solid #dbdbdb;
    border-left:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb;
    /*width: 261px; take width off for now to support different sized images*/
}
