/*
	CSS for the legacy case studies. While some of these tags might be availalble
	elsewhere they are loaded only on the legacy case study pages
*/

/*///////////////////////////////////////////////////////////////*/
/* WIDTHS FROM OLD CASE STUDIES */
/*///////////////////////////////////////////////////////////////*/
.max-width-550 { margin: 0 auto !important; max-width: 550px !important; }
.max-width-650 { margin: 0 auto !important; max-width: 650px !important; }
.max-width-750 { margin: 0 auto !important; max-width: 750px !important; }
.max-width-850 { margin: 0 auto !important; max-width: 850px !important; }
.max-width-950 { margin: 0 auto !important; max-width: 950px !important; }
.max-width-1050 { margin: 0 auto !important; max-width: 1050px !important; }
.max-width-1150 { margin: 0 auto !important; max-width: 1150px !important; }
.max-width-1200 { margin: 0 auto !important; max-width: 1200px !important; }
.max-width-1250 { margin: 0 auto !important; max-width: 1250px !important; }
.max-width-1350 { margin: 0 auto !important; max-width: 1350px !important; }
.max-width-1450 { margin: 0 auto !important; max-width: 1450px !important; }
.max-width-1550 { margin: 0 auto !important; max-width: 1550px !important; }
.max-width-1650 { margin: 0 auto !important; max-width: 1650px !important; }
.max-width-1750 { margin: 0 auto !important; max-width: 1750px !important; }
.max-width-1800 { margin: 0 auto !important; max-width: 1800px !important; }


/*////////////////////////////////////////////////////////////////*/
/* PUSH IMAGES DOWN TO OVERLAP THE NEXT DIV, MIGHT WORK ELSEWHERE */
/*////////////////////////////////////////////////////////////////*/
.cs-pushdown-50 img.vc_single_image-img.attachment-full { margin-bottom: -50px !important; }
.cs-pushdown-60 img.vc_single_image-img.attachment-full { margin-bottom: -60px !important; }
.cs-pushdown-70 img.vc_single_image-img.attachment-full { margin-bottom: -70px !important; }
.cs-pushdown-80 img.vc_single_image-img.attachment-full { margin-bottom: -80px !important; }
.cs-pushdown-90 img.vc_single_image-img.attachment-full { margin-bottom: -90px !important; }
.cs-pushdown-100 img.vc_single_image-img.attachment-full { margin-bottom: -100px !important; }
.cs-pushdown-110 img.vc_single_image-img.attachment-full { margin-bottom: -110px !important; }
.cs-pushdown-120 img.vc_single_image-img.attachment-full { margin-bottom: -120px !important; }
.cs-pushdown-130 img.vc_single_image-img.attachment-full { margin-bottom: -130px !important; }
.cs-pushdown-140 img.vc_single_image-img.attachment-full { margin-bottom: -140px !important; }
.cs-pushdown-150 img.vc_single_image-img.attachment-full { margin-bottom: -150px !important; }


.page-id-196 .overlay-title-excerpt-hover .overlay-title {
        font-size: .8em !important;
}

.page-id-196 .overlay-title-excerpt-hover .overlay-excerpt {
    color: #fff !important;
    font-size: .6em !important;
}

/*///////////////////////////////////////////////////////////////*/
/* CASE STUDY FILTERED (LANDING PAGE) */
/*///////////////////////////////////////////////////////////////*/
.case-study-filtered .cs-grid ul.vcex-filter-links { margin: 0px 0 20px 0; }
.case-study-filtered .theme-button.minimal-border:hover, .case-study-filtered .active > .theme-button.minimal-border, .case-study-filtered .theme-button.minimal-border.active { background: #b5491a; color: #FFFFFF; }
.case-study-filtered .theme-button.minimal-border { border: 0px; }
.case-study-filtered .theme-button { color: #b5491a; cursor: pointer; font-family: "PFDinTextCompPro-Medium", Verdana; font-size: 22px; padding: 1.2em 1em; text-align: center; vertical-align: middle; }
a.theme-button.minimal-border { color: #b5491a; text-transform: uppercase !important; }

.case-study-filtered h3.overlay-title-excerpt-hover-title {display: none;}
.overlay-title-excerpt-hover-excerpt{}


/*///////////////////////////////////////////////////////////////*/
/* CASE STUDIES HEADER  */
/*///////////////////////////////////////////////////////////////*/
/*.cs-template main#main.site-main.clr {margin-top: -100px;}*/
.cs-template #site-header {background-color: rgba(0,0,0,.5);}
.cs-template #site-header-sticky-wrapper.is-sticky #site-header {background-color: rgba(0,0,0,.5);}

/*///////////////////////////////////////////////////////////////*/
/* CASE STUDIES OVERLAYS, MAY STILL NEED PAGE CLASS DEFINITION */
/*///////////////////////////////////////////////////////////////*/
.overlay-title-excerpt-hover {
background: #D75B26;
background: RGBA(215, 91, 38, 1);
color: #ffffff;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: all .25s ease-in-out;
overflow: hidden;
}
.overlay-title-excerpt-hover-excerpt {
color: #ffffff;
overflow: hidden;
font-family: "PFDinTextPro-Light", Verdana; font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
}

.overlay-title-excerpt-hover-excerpt:after {
content: '\a\a SEE THE WORK' attr(title);
    white-space: pre;
    font-family: "PFDinTextCompPro-Medium", Verdana;
    font-size: 18px;
    line-height: 1.4em;

}


/*///////////////////////////////////////////////////////////////*/
/*  CASE STUDIES OVERLAYS, MAY STILL NEED PAGE CLASS DEFINITION  */
/*///////////////////////////////////////////////////////////////*/
.overlay-only-excerpt-hover {
background: #D75B26;
background: RGBA(215, 91, 38, 1);
color: #ffffff;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: all .25s ease-in-out;
overflow: hidden;
}
.overlay-only-excerpt-hover-excerpt {
font-weight: normal;
color: #ffffff;
overflow: hidden;
font-size: 14px;
font-style: normal;
}

.dnb-image-hover > a::before {} /*need fresh approach*/
.dnb-image-hover > a {}

/*//////////////////////////////////////////////*/
/*  CS-TEMPLATE/OLD CASE STUDIES  TESTIMONIALS  */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.cs-template .testimonial-wrap { padding: 200px; }
.cs-template .testimonial-entry-content { background-color: transparent; color: #FFFFFF; font-size: 18px; padding: 0px; }
.cs-template .testimonial-caret { display: none; }
.cs-template .testimonial-entry { margin: 0 0 0px; padding: 0 0px; }
.cs-template .testimonial-entry-bottom { margin-top: 0px; }
.cs-template .testimonial-entry-author { color: #FFFFFF; font-size: 22px; }
.cs-template .testimonial-entry-author:a { font-weight: bold; }
.cs-template .testimonial-entry-company { color: #ffffff; font-size: 16px; }
.cs-template .testimonial-entry-company:a { font-weight: bold; }

.cs-template .vcex-testimonials-fullslider .entry p { color: #FFFFFF !important; font-size: 22px; }
.cs-template .vcex-testimonials-fullslider-author { color: #FFFFFF; font-size: 22px; }
.cs-template .vcex-testimonials-fullslider-author:a { font-weight: bold; }
.cs-template .vcex-testimonials-fullslider-company { color: #ffffff; font-size: 16px; }
.cs-template .vcex-testimonials-fullslider-company:a { font-weight: bold; }

/*THIS HIDES THUMBNAILS GLOBALLY IN CASE STUDYS, */
.dnb-slider.no-margin-thumbnails .sp-thumbnails {display: none;}

/*CASE STUDY "IMAGE SLIDERS"*/
.cs-template div.vcex-image-slider.clr.sp-horizontal.sp-has-buttons {margin-bottom: 50px;}
.cs-template div.sp-buttons { left: 0; padding: 15px; right: 0; top: unset; width: auto; margin-left: auto; margin-right: auto; }
.cs-template div.sp-button { background-color: rgba(0, 0, 0, .4); border-color: rgba(0, 0, 0, .4); border-width: 1px; height: 20px; margin: 5px; transition: all 0.25s ease-in-out; width: 20px; }
.cs-template div.sp-button:hover, .cs-template div.sp-button.sp-selected-button { background-color: rgba(0, 0, 0, .7); border-color: transparent; }

/*//////////////////////////////////////////////*/
/*  IMPORTANT FOR CASE STUDIES  */
/*//////////////////////////////////////////////*/
.cs-template div.case-study-slider {
    /*margin-top: -100px !important;*/
    /*z-index: -9999;*/
}

/* FOR MCMILLAN CS */
div.vc_row.wpb_row.vc_row-fluid.case-study-wrap.vc_custom_1467140736853 {
    background-position: 100px 0px !important;
}

/* FOR RAINIER CS */
div.vc_row.wpb_row.vc_row-fluid.case-study-wrap.vc_custom_1467151371573 {
    background-position: 100% 0px !important;
}


div.case-study-wrap.case-study-raise.tablet-fullwidth-columns {
    margin-bottom: -50px !important;
}

.cs-template div#site-header-inner.container.clr {
    z-index: 9999;
}
.cs-template #site-header.dnb-shrink-sticky-header {
    background-color: rgba(0, 0, 0, .5) !important;
}
.case-study-wrap {
    overflow: unset !important;
    padding: 50px 0;
    /*z-index: -1 !important; /*this is bad*/*/
}


div .case-study-raise {
    z-index: 1 !important;
}

div .case-study-lower,
.case-study-lower {
    z-index: -99 !important;
}

/*.vc_custom_1466637929521 {
    background-color: #4f6582 !important;
    z-index: -1000 !important;
}
*/
.cs-template .dnb-sticky-header-holder {
    /*background-color: rgba(0, 0, 0, 0) !important;*/
}
.case-study-wrap h3 {
    font-weight: 500;
    font-size: 36px;
}
.case-study-wrap p {
    font-family: 'PFDinTextPro-Light', Verdana;
    letter-spacing: .08em;
    font-size: 22px;
    line-height: 1.4em;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}


.case-study-wrap h1, .case-study-wrap h2, .case-study-wrap h3, .case-study-wrap h4 {
font-family: "PFDinTextCompPro-Medium", Verdana;
letter-spacing: .08em;
line-height: 1.2em;
/*padding-bottom: 30px;*/
text-transform: uppercase;
}

.case-study-wrap h2 {
font-weight: 500;
font-size: 36px;
}




/*//////////////////////////////////////////////*/
/* CALLOUT ON LEGACY CASE STUDIES */
/*//////////////////////////////////////////////*/
/*GRAY SPACE "DO YOU LIKE WHAT YOU SEE?"*/
.cs-template .vc_custom_1454707574191 {padding: 20px 0px 50px 0px;}

/*PAGE BOTTOM LINKS*/
.cs-template div.post-pagination-wrap.clr {
	background-color: #232323;
}
.cs-template .post-pagination {
	border-top: 0px;
	padding: 30px 0;
	color: #888;
}
.cs-template .post-pagination a {
	color: #d75b26;
	font-family: "PFDinTextPro-Light", Verdana; font-size: 24px; margin-top: 50px; text-transform: uppercase;
	line-height: 70px;
}
.cs-template .post-pagination a:hover {
	text-decoration: none;
	color: #c0c0c0;
}


.cs-template  .cs-calloutHeader { font-family: "PFDinTextCompPro-Medium", Verdana; font-size: 24px; margin-top: 50px; text-transform: uppercase; }
.cs-template  .cs-calloutText { color: #d75c26;    /*line-height: 24px;*/ font-size: 16px; letter-spacing: 1px; }
.cs-template  .cs-calloutText a { color: #d75b26; text-decoration: none; }
.cs-template  .cs-calloutPhone { color: #d75b26; font-size: 24px; line-height: 1 !important; }
.cs-template  a.cs-calloutPhone { text-decoration: none; }
.cs-template  .cs-calloutEmail { color: #d75b26; font-size: 16px; letter-spacing: 1px; line-height: 1 !important; }
.cs-template  a.cs-calloutEmail { text-decoration: none; }
.cs-template  #case-studies-social { margin: 10px 0; }
.cs-template  .cs-calloutSocial a span { color: #d75c26 !important; font-size: 48px; }


@media screen and (max-width:860px) {
    div.case-study-slider {
        margin-top: 0px !important;
        z-index: none;
    }
    .shift-left {
        text-align: center;
    }
    .shift-center {
        text-align: center;
    }
    .shift-right {
        text-align: center;
    }
    .cs-pushdown-100 {
        margin-bottom: 20px !important;
    }

    /*//////////////////////////////////////////////*/
    /*  IMPORTANT FOR CASE STUDIES  */
    /*//////////////////////////////////////////////*/
    .cs-template div.case-study-slider {
        margin-top: 0px !important;
        background-color: rgba(0, 0, 0, 1);
    }
    .cs-template div#site-header-inner.container.clr {
    }
    .cs-template #site-header.dnb-shrink-sticky-header {
        background-color: rgba(0, 0, 0, .5) !important;
    }
}
img.portfolio-entry-img {
    background-color: rgba(0, 0, 0, .5);
    padding: 20px !important;
}
.filter-cat-117 {
    display: none;
}