/* ====
 *   Professionals page - MENU
 * ========================================================================== */
/* This is for stoppin the page from scrolling when the popup from the grid is up: */
body.modal-open {
	overflow: hidden;
	height:100%;
	margin:0 !important;
}

/*  just on celia's professionals page menu
 *  This will not be needed when she makes it a real menu 
 */
 
#fp-nav.left{
/*  left:auto;  */
}
@media only screen and (min-width: 901px) {
	#fp-nav.left {
		top: 145px;
	}
}





/* ====
 *   Professionals page
 * ========================================================================== */
/* MOST STYLES ARE IN "GRID" section above and are shared for three pages */




/* 
*   Professionals page - (not investments) - change page scrolling to avoid scroll problems during colorbox popup
*
*****/
html.prof-grid-page-html{  /* this html class is created in cdr-pro-page.js */
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
html.prof-grid-page-html body.page-professionals{
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  margin-top: 0 !important;
}
html.prof-grid-page-html body.page-professionals #page-wrapper{
  height: calc(100% - 40px - 85px);
  overflow-x: auto;
  overflow-y: scroll;
}

/*****
*   
*   END -- Professionals page - change page scrolling to avoid scroll problems during colorbox popup
*/



/* header */
body.page-professionals a:link, 
body.page-professionals a:visited,
body.page-professionals-advisors a:link,
body.page-professionals-advisors a:visited, 
/*
#colorbox .grid-popup-details-related h3.popup-related-title a:link,
#colorbox .grid-popup-details-related h3.popup-related-title a:visited,
#colorbox .grid-popup-details-related .popup-related-link a:link, 
#colorbox .grid-popup-details-related .popup-related-link a:visited */
#colorbox a,
#colorbox .grid-popup-details-related a, 
#colorbox .grid-popup-details-related h3.popup-related-title a,
#colorbox .grid-popup-details-related h3.popup-related-title,
#colorbox .grid-popup-details-related .popup-related-link a,
#colorbox .grid-popup-details-related .views-field-field-video-1{
  color:#054a7d;
}
body.page-professionals-advisors #breadcrumb ol li a {
	display: none;
}

.view-related-for-professionals .popup-related-right-grouping {
	display: table-cell;
    vertical-align: top;
    width: 60%;
}
.view-related-for-professionals  .popup-related-left-grouping {
	float: none;
	display:table-cell;
	width:40%;
	padding-right:10px;
}
/*
body.page-professionals #site-slogan,
{
	line-height: 19px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    word-wrap: normal;
    width: 180px;
    margin: 15px 0 0 9px;
    text-transform: initial;
}
*/

body.page-professionals #colorbox #cboxWrapper,
body.page-node-959 #colorbox #cboxWrapper, 
body.page-node-969 #colorbox #cboxWrapper{
	width: 50% !important;
	margin: 0 4.5vw; 
	max-width: 550px;
	min-width: 300px;
}

    @media only screen and (max-width: 900px){
        body.page-professionals #colorbox #cboxWrapper,
        body.page-node-959 #colorbox #cboxWrapper, 
        body.page-node-969 #colorbox #cboxWrapper{
          width: 100% !important;
          max-width: 91vw;
        }
    }
  
body.page-professionals #colorbox #cboxLoadedContent,
body.page-node-959 #colorbox #cboxLoadedContent,
body.page-professionals .view-id-advisors,
#section2 .view-investments, 
body.page-node-959 #block-system-main, /* This line for the independent investments page only */
.view-id-citienship_porfolio .grid-grid,
body.page-node-969 #block-system-main,
body.page-node-969 #colorbox #cboxLoadedContent
 { 
	overflow:hidden !important; 
	background-color: #d5ccaf !important;
  	border: 0px solid transparent;
  	border-radius: 0 5rem 0 0;
  	

  /* moved background color from here #cboxLoadedContent to "grid-popup-details-wrapper" */
  background-color: transparent !important;
}
    /* fix to hide overflow on mobile device rounded corners */
    body.page-professionals #colorbox #cboxLoadedContent,
    body.page-node-959 #colorbox #cboxLoadedContent,
    body.page-node-969 #colorbox #cboxLoadedContent{ 
    -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
    }

body.page-professionals .view-id-advisors {
	background-color: #e5e5e5 ;
	background-color: #bdbbae !important;
}
body.page-node-959 #investment-view .view-display-id-default{
	/*background-color: #d5ccaf !important;*/
	background-color: #e5e5e5 !important;

}

.view-id-citienship_porfolio .grid-grid {
	padding-top: 30px;
	padding-top: 50px; /* made bigger to stop it from cutting the logo */
}
.view-id-citienship_porfolio .grid-grid figure .grid-image-wrap .grid-logo {
	background-color: transparent;
}

body.page-professionals #cboxOverlay,
body.page-node-959 #cboxOverlay,
body.page-node-969 #cboxOverlay {
	background: #fff;
	opacity: 0.75 !important;
}
body.page-professionals #colorbox #cboxClose, 
body.page-node-959 #colorbox #cboxClose,
body.page-node-969 #colorbox #cboxClose {
	right: 50px;
	top: 30px;
	right:28px;
	top: 28px;
}
body.page-professionals .popup-related-left-grouping iframe {
	width: 213px;
	height: 120px;
}

.view-id-professionals .view-header .filter-options {
	padding: 1.2rem 2rem 0 1.5rem;
	margin: 0 0 1.5rem 0;
	border-top:0;
}
.view-id-professionals .view-header .filter-options.pro-options-open {
  border-bottom: 1px solid white;
  padding-bottom: 20px;
}
.shuffle-grid-pageview .view-header .filter-options .filter-group-wrap {
/*	float:none; */
	display: table-cell;
	margin-bottom:20px;
}

/* filter form column widths */
.view-id-professionals .view-header .filter-options .filter-group-wrap.filter--locations{
  width:25%;
}
.view-id-professionals .view-header .filter-options .filter-group-wrap.filter--titles{
  width:25%;
}
.view-id-professionals .view-header .filter-options .filter-group-wrap.filter--roles{
  width:26%;
}
.view-id-professionals .view-header .filter-options .filter-group-wrap.filter-group-wrap-search{
  width:24%;
}
.view-id-professionals .view-header .filter-options .filter-group-wrap.filter-group-wrap-search input{
  width:100%;
}



.view-id-professionals .pro-grid figure a,
.view-id-advisors .pro-grid figure a{
  text-decoration: none;
}
.view-id-professionals .pro-grid figure a:focus,
.view-id-advisors .pro-grid figure a:focus{
  text-decoration: underline;
}
/* text under each grid image advisors-grid-wrapper */
.view-id-professionals .pro-grid figure .per_name,
.view-id-professionals .pro-grid figure .per_personaltitle, 
.view-id-advisors .advisors-grid figure .per_name,
.view-id-advisors .advisors-grid figure .per_personaltitle {
  color: #000;
  font-size: 12px; 
  padding: 0;
  margin: 1px 0 0 0;
  display: block;
  line-height: 14px;
  font-weight: 600;
  /* font-family: 'Roboto Condensed', sans-serif; */

  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  
  padding-right: 5px;

}
.view-id-professionals .pro-grid figure .per_personaltitle, 
.view-id-advisors .advisors-grid figure .per_personaltitle {
  color: #000;
  font-style:normal;
  font-weight:400;
  font-size: 12px;  
}
.view-id-investments.shuffle-grid-pageview .grid-grid figure.grid-listing {
	/* padding: 1em; */
	border: 0; /* 1px solid #fff; TODO: if we need border for the cells, just put this back - celia-white-border */
	border-top: 0;
    border-right: 0;
	/* min-height:9vw; */
}
.view-id-investments .investment-grid {
/* TODO: get rid of this if we need to have shuffle grid cells white borders - celia-white-border */
	border-bottom: 1px solid #fff;
}
.view-id-investments.shuffle-grid-pageview .grid-grid-wrapper {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	/* border-left: 1px solid #fff; */
}
.shuffle-grid-pageview .view-header .pro-header-button {
	/* TODO: put this back if we need shuffle cells white borders - celia-white-border */
	border-bottom: 1px solid #fff; 
	height: auto;
	min-height: 2.3rem;
}
.shuffle-grid-pageview .view-header .pro-header-button button {
	font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
	float: left;
}
.shuffle-grid-pageview .view-header .pro-header-button button:focus{   /* filter button */
  color: #7ca7f2;
  text-decoration: underline;
}
.shuffle-grid-pageview .view-header .pro-header-button:focus-within button::before{   /* filter button arrow  FOCUS */
  border-left-color: #7ca7f2;
}
.shuffle-grid-pageview .view-header .pro-button-opened.pro-header-button:focus-within button:before{   /* filter button arrow */
  border-left-color: transparent;
  border-top-color: #7ca7f2;
}

.shuffle-grid-pageview .view-header input {
	font-size: 13px;
}
.grid-popupdata-wrapper{
  height: 100%;
}
.pro-popup-details-wrapper,
.grid-popup-details-wrapper, 
.view-related-for-investments .view-content {
  color: #054a7d;
  font-weight: 400;
  height: 100%;  
  flex-direction: column;
  float: none;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden; 
  overflow-x: hidden;
  overflow-y: auto;
  
  border-radius: 0 5rem 0 0;
  position: initial !important;
  z-index: 99999;
}
.view-related-for-investments .view-content,
.view-related-for-professionals .view-content{
  position: relative;
  overflow: visible;
  overflow-y: visible;
  overflow-x: visible;
}


.grid-popup-details-wrapper{
  /* moved from #cboxLoadedContent to here */
  background-color: #e5e5e5 !important;
	background-color: #bdbbae !important;
}
.pro-popup-details-wrapper {
  background-color: #bdbbae !important;
}
body.page-node-959 .pro-popup-details-wrapper,
body.page-node-959 .grid-popup-details-wrapper{
  /* moved from #cboxLoadedContent to here */
  background-color: #e5e5e5 !important;
}


.view-id-related_for_professionals .view-header {
	margin-bottom: 20px;
}

#colorbox .grid-popup-details-top-half,
#colorbox .pro-popup-details-top-half {
  clear:both;
  background-color: #d5ccaf;
  background-color: transparent;
  border-radius: 0 5rem 0 0;
  overflow: hidden;
  height:auto;
  float: none;
  display:block;
  width: 100%;
  margin-bottom: 20px;
}


/* pro grid */
/* details wrapper */
#colorbox .grid-popup-details-left,
#colorbox .pro-popup-details-left {
  display:table-cell;
  float:none;
  background-color: transparent; 
  width:40%;
  width:200px;
  height:100%;
  text-align:left;
  padding:0;
  vertical-align: top;
  box-sizing: border-box;
  padding: 18px 0 0 18px;
}
@media only screen and (max-width: 550px){
    #colorbox .pro-popup-details-left{
        padding: 0;
    }
}
/* popup sections */
/* top section photo and bio */
.pro-popup-details-left-inner, 
.grid-popup-details-left-inner {
  max-width:100%;
  margin:0;
  padding: 0;
  font-weight: 500;
  text-align:left;
}
body.page-node-969 #colorbox .grid-popup-details-left{
  padding-top: 65px;
  vertical-align: middle;
}

#colorbox .pro-popup-details-right {
  display:table-cell;
  background-color:transparent; /* light tan */
  width: 60%;
  width: 67%;
  padding: 5px 0 0 18px;
  height: 100%;
  float:none;
  vertical-align: bottom;
  /*
  width:60%;
  height:100%; 
  padding: 2rem 0;
  margin-left: 20px;
  position:initial;
  box-sizing: border-box;
  overflow-y: auto;
  */
} 
#colorbox .grid-popup-details-right {
	padding:65px 10px 0px 10px;
	vertical-align:bottom;
	display: table-cell;
	background-color: transparent;
	float: none;
}
#colorbox .grid-popup-details-right img {
	max-height: 100px;
	width:auto;
}

#colorbox .grid-popup-details-right:after,
#colorbox .pro-popup-details-right:after {
	clear: both;
}

.grid-popup-details-left-inner a,
.grid-popup-details-left-inner span, 
.pro-popup-details-left-inner a,
.pro-popup-details-left-inner span{
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
}

.grid-popup-details-left-inner {
	min-width: 200px;
}
body.page-node-969 .grid-popup-details-left-inner{
  text-align: center;
}

#colorbox .grid-popup-details-related .popup-related-content-type,
#colorbox .pro-popup-details-related .popup-related-content-type,
#colorbox .grid-popup-details-related .popup-related-body,
#colorbox .grid-popup-details-related .popup-related-body p {
  color: #000;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom:3px;
}

#colorbox .pro-popup-details-related, 
#colorbox .grid-popup-details-related {
	border-top: 1px solid #fff;
	background-color:#bea963;
	padding-bottom: 20px;
	flex-grow: 1;
}
body.page-node-959 #colorbox .pro-popup-details-related, 
body.page-node-959 #colorbox .grid-popup-details-related {
	/* background-color:#bea963; */
	background-color:#d0c290;
	background-color:#cccccc;
}
#colorbox .pro-popup-details-related {
	padding-right: 30px;
}
#colorbox .grid-popup-details-related .popup-related-body p {
	text-transform: none;
}
.view-related-for-investments .popup-related-content-type {
	font-transform: uppercase;
}

.pro-popup-headshot{
  text-align: left;
}
.pro-popup-headshot img{
   width:200px;
}
.pro-popup-headshot,
.pro-popup-title-cat,
.pro-popup-role,
.pro-popup-location{
  width:100%;
}

h2.pro-popup-title,
div.pro-popup-body{
  display:block;
  width:100%;
  color: #000;
/*    color: #627fb2; */
}
h2.pro-popup-title{
  font-size: 29px;
  line-height: 29px;
  font-weight: 300;
  margin-bottom: .4rem;
  margin-top: 0;
}
h3.pro-popup-personal-title{
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0;
  color: #054a7d;
  font-weight: 400;
}
.pro-popup-location{
  font-size: 13px;
  line-height: 20px;  
  color:#054a7d;  
}
.pro-popup-location a{
  color:#627fb2;  
}
body.page-professionals .pro-popup-sectors .field-content::after {
	content: ', ';
}
body.page-professionals .pro-popup-sectors .field-content:last-child:after {
	content: unset;
}

div.pro-popup-body, 
div.grid-popup-body{
  background-color: transparent;
  width: auto;
  clear: both;
  padding: 0 18px;
  color: #000;
  margin-top: 15px;
  
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}
div.pro-popup-body p {
	margin-bottom: 10px;
}
div.pro-popup-postbody, fieldset.pro-popup-postbody-label2 {
  background-color: transparent;
  width: auto;
  clear: both;
  padding: 0 18px;
  color: #000;
  margin-top: 0px;
  
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom:10px;
}
/* hide old stuff on partners for everyone*/
body.page-professionals .pro-popup-details-wrapper.partner div.pro-popup-postbody,
body.page-professionals .pro-popup-details-wrapper.partner div.pro-popup-body,
body.page-professionals .pro-popup-details-wrapper.mdp div.pro-popup-postbody,
body.page-professionals .pro-popup-details-wrapper.mdp div.pro-popup-body{
	display:none;
}
/* hide new stuff for all on everyone*/
div.pro-popup-postbody2, 
fieldset.pro-popup-postbody-label2,
div.pro-popup-body2 {
  display:none;
}
/* show new stuff for partners only*/
body.page-professionals .pro-popup-details-wrapper.partner div.pro-popup-postbody2, 
body.page-professionals .pro-popup-details-wrapper.partner fieldset.pro-popup-postbody-label2,
body.page-professionals .pro-popup-details-wrapper.partner div.pro-popup-body2,
body.page-professionals .pro-popup-details-wrapper.mdp div.pro-popup-postbody2, 
body.page-professionals .pro-popup-details-wrapper.mdp fieldset.pro-popup-postbody-label2,
body.page-professionals .pro-popup-details-wrapper.mdp div.pro-popup-body2{
	display:block;
}

/* Pro Page hide old stuff completely for EVERYONE*/
body.page-professionals  div.pro-popup-postbody,
body.page-professionals  div.pro-popup-body{
	display:none;
}



/* Pro Page show news stuff completely for EVERYONE */
body.page-professionals  div.pro-popup-postbody2, 
body.page-professionals  fieldset.pro-popup-postbody-label2,
body.page-professionals  div.pro-popup-body2{
	display:block;
}



body.page-professionals-advisors div.pro-popup-postbody,
body.page-professionals-advisors div.pro-popup-body{
	display:block;
}

body.page-professionals-advisors div.pro-popup-postbody2, 
body.page-professionals-advisors fieldset.pro-popup-postbody-label2,
body.page-professionals-advisors div.pro-popup-body2{
  display:none;
}


/* Advisor Page hide old stuff completely for logged in viewers */
body.page-professionals-advisors  div.pro-popup-postbody,
body.page-professionals-advisors  div.pro-popup-body{
	display:none;
}



/* Advisor Page show news stuff completely for logged in viewers */
body.page-professionals-advisors  div.pro-popup-postbody2, 
body.page-professionals-advisors  fieldset.pro-popup-postbody-label2,
body.page-professionals-advisors  div.pro-popup-body2{
	display:block;
}



span.bio-prior-company-title, span.professional-director-title, span.bio-degree {
	font-style: italic;
}
div.pro-popup-postbody2 .item-list ul li {
	margin: 0;
}
div.pro-popup-postbody2 ul {
	margin-top: 0px;
	padding-left: 22px;
	list-style:none;
}
div.pro-popup-postbody2 ul li {
	background: url(/sites/all/themes/cdr_adapt/css/images/lists/sq-bullet-black.png) no-repeat;
	background-position: left 8px;
	padding-left: 10px;
	}
div.view-social-media ul{
	list-style: none;
	padding-list: 0;
	padding-left: 20px;
}
div.view-social-media ul li{
	background: none;
	background-position: unset;
	padding-left: unset;
}
fieldset.pro-popup-postbody-label2  {
	border: unset;
}
fieldset.pro-popup-postbody-label2 ul  {
	padding-left: 0px;
}
fieldset.pro-popup-postbody-label2 .view, fieldset.pro-popup-postbody-label2 .item-list  {
	margin-top:-5px;
}

/*
div.view-historic-investments-bio ul {
	margin-bottom:0;
}
*/
div.views-field-field-historic-cd-r-investments2 {
	margin-bottom:0;
}
div.views-field-field-cd-r-current-investments, div.views-field-field-cd-r-current-investments ul {
	margin-bottom: 0;
}
span.pro-popup-small-label {
	font-style: italic;
	font-weight: 300 !important;
	font-size: 12px;
	line-height: 12px;
}

div.pro-popup-postbody p{
	display:inline;
}
span.pro-popup-postbody-label, fieldset.pro-popup-postbody-label2 {
	font-weight:500;
}

div.view-directorship2,
div.view-directorship2 .view-content,
div.directorship-list,
div.directorship-list ul,
div.directorship-list ul li{
	display:inline;
}
div.directorship-list ul {
	padding: 0px;
	list-style: none;
}
div.directorship-list ul li:after {
  content: ", ";
  margin-left: -3px;
}
div.directorship-list ul li:last-child:after {
  content: "";
}

span.pro-popup-top-label {
	font-weight:500;
}
.pro-popup-print-link {
  width: auto;
  text-align: right;
  font-size: 13px;
  margin-top: 0px;
  position: absolute;
  right: 40px;
  bottom: 0px;
  display: block;
  max-width: 90%;
  box-sizing: border-box;
  width: 90%;
  padding: 1rem;
  background-color: #d6d2ce;
  z-index:2;
}
.pro-popup-print-link a{
  color:#627fb2;
  
}

#colorbox .pro-popup-details-related .views-row,
#colorbox .view-related-for-investments .views-row {
	clear: both;
	float: none;
	width: 100%;
	padding-left: 1rem;
	padding-bottom: 0;
}
.page-professionals #colorbox .pro-popup-details-related .views-row {
	margin-top: 20px;
}

#colorbox .pro-popup-details-related {
	padding-bottom: 50px;
	
}

#colorbox .pro-popup-details-related h3.popup-related-title,
#colorbox .pro-popup-details-related h3.popup-related-title a {
  color:#054a7d;
  font-size:15px;
  font-weight: 500;  
}

/*
#colorbox .pro-popup-details-related .popup-related-link a {
  color:#054a7d; 
  font-size:12px;
  font-weight: 400; 
}
*/

#colorbox .pro-popup-details-related .popup-related-body p,
#colorbox .pro-popup-details-related .popup-related-body {
  color:#000; 
  font-size:12px;
  font-weight: 200; 
  display:inline;
}

#colorbox .popup-related-right-grouping {
	margin-bottom: 20px;
}
body.page-node-959 #colorbox .popup-related-right-grouping {
	margin-bottom: 20px;
	display: table-cell;
	vertical-align: top;
	width: 60%;
	}

#colorbox .pro-popup-details-related {
  width:auto;
  /*  height:242px; */
  background-color:#bea963;
  background-color:#cccccc;
  background-color: #bdbbae;

}
body.page-node-959 #colorbox .pro-popup-details-related {
	/* background-color:#bea963; */
	background-color:#d0c290;
  
}

.view-related-for-professionals, 
.view-related-for-investments {
	background-color:#bea963;
	background-color:#cccccc;
	padding-top: 15px;
}
.view-related-for-professionals {
	  background-color: #bdbbae;
	  }

body.page-node-959 .view-related-for-professionals, 
body.page-node-959 .view-related-for-investments {
	/* background-color:#bea963; */
	background-color:#d0c290;
	background-color:#cccccc;
}

#colorbox .pro-popup-details-related .view-header h2,
#colorbox .view-related-for-investments .view-header h2 {
  background-color:transparent;
  box-sizing: border-box;
  font-size:14px;
  font-weight:600;
  color:#FFFFFF;
  height:30px;
  line-height:33px;
  padding: 0 1rem;
  text-transform: uppercase;
}


/* =============================================================================
 *   END Professionals page
 * =============== */
 
/* ====
 *   Professionals Node page
 * ========================================================================== */
 
 

body.node-type-professionals{}


body.node-type-professionals .region-sidebar-first{
/*  width: 26%; */
/*  background-color:#515050; */
/*  dark sidebar killed by mark */
  color: #c4c4c4;
  color: #ffffff;
  font-size: 12px;
  font-weight: 200;
}

body.node-type-professionals h1#page-title{
  display:none;
}

.prof-page-leftgroup{
  float: left;
  width: 25%;
  margin-right: 2%;
  box-sizing: border-box;
}
.prof-page-rightgroup{
  float: right;
  width: 73%;
  box-sizing: border-box;
}

body.node-type-professionals .views-field-field-prof-photo,
body.node-type-professionals .views-field-field-prof-photo *{
  width:100%;
}

#block-views-related-for-professionals-block .views-row{
  color: #c4c4c4;
  color: #ffffff;
  font-size: 12px;
  font-weight: 200;
  
}
body.node-type-professionals h1.page-title{
}
.shuffle-grid-pageview .view-header .pro-header-text {
	padding: 0 2rem 0 1rem;
}
.view-id-advisors .view-header .pro-header-text {
	padding: 20px 2rem 0 1rem;
}

body.shuffle-grid-page-nofilter .grid-grid-wrapper {
	padding-top: 0;
}

.pro-filtered-display,
.portfolio-filtered-display {
  display: block;
  margin-right: 0;
  float: left;
  margin-top: 10px;
  max-width: 79%;
  max-width: calc(100% - 150px);
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 17px;
}
      
      /* fixing the "currently filtered topics" tags */
      body.page-node-959 .shuffle-grid-pageview .view-header .pro-header-button{
        display: table;              
        width: 100%;
      }
      body.page-node-959 .pro-filtered-display,
      body.page-node-959 .portfolio-filtered-display {
        margin-top: 10px;
        display: table-cell;
        vertical-align: middle;
      }
      @media only screen and (max-width: 600px){
            body.page-node-959 .pro-filtered-display,
            body.page-node-959 .portfolio-filtered-display {
              margin-left: 30px;
              width: 100%;
              max-width: calc(100% - 40px);
              box-sizing: content-box;
            }
      }
      
.a-filter {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  color: #000000;
  color: #6d6d6d;
  line-height: 16px;

  line-height: 17px;
}
.a-filter a {
    width: 10px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    transform: scale(1.3,1);
    top: -1px;
    position: relative;
    color: #054a7d;
    text-shadow: 0px 0px 0.3px #054a7d;
    color: #054a7d; !important;
    text-shadow: 0px 0px 0.3px #6d6d6d;
    margin-right: -2px;

   }
	
.shuffle-grid-pageview .view-header .pro-header-button button:after, 
.filterable-list-pageview .view-header .filter-header-button button:after {
    content: " ";
}

.view-id-professionals .js-shuffle-search {
	height:1.2rem;
	color: #777777;
	padding-left: 5px;
}
.view-id-professionals .js-shuffle-search .reset-button {
	height:1.2rem;
	padding-right:40px;
}


.view-professionals {
  font-weight: 400;
  background-color: #e5e5e5;
  background-color: #bdbbae;
  border: 0px solid transparent;
  border-radius: 0 5rem 0 0;
  list-style: none inside none;
  width: 100%;
  float: left;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
}
.view-professionals p {   
	color: black;
}


body.node-type-professionals .views-field-field-prof-location{
  margin-bottom: .8rem;
}


  
                    
/* =============================================================================
 *   END Professionals Node page
 * =============== */
 
/* =========================================
 * Investment page
 * ===================================== */
.view-id-investments .grid-grid figure.grid-listing .company_name {
	display: none;
}

.view-id-investments .view-header {
	/* put this back if we need shuffle cells white borders - celia-white-border */
/*	border-left: 1px solid #fff; */
}
.shuffle-grid-pageview .view-header .filter-options {
}
.grid-grid.investment-grid {
	
}
.investments-grid-wrapper:after {
	/* border-left: 1px solid #fff; */
	
}
.view-id-investments .shuffle-grid-pageview .grid-grid-wrapper {
	padding-bottom: 0;
}

/* TODO: try to replace page-node-959 with fp-viewing-content-investments */
@media only screen and (min-width: 901px){
	.page-node-959 #fp-nav.left,
	.page-node-969 #fp-nav.left {
		left: 4.5vw;
		top: 228px;
	}
}
@media only screen and (min-width: 601px) {
	.page-node-959 #fp-nav ul {
		top: 240px;
	}
}





/* =======
 * News page
 * ======================= */

@media screen and (max-width: 767px) {            
    /* news list with standard pager */
    #block-views-news-page-block-1,
    .block.no-infinite{
        display: block;
    } 
    /* news list with infinite scroll */
body.page-news #block-system-main {
        display: none;        
    } 
}
@media screen and (min-width: 768px) {
    /* news list with standard pager */
    #block-views-news-page-block-1,
    .block.no-infinite{
        display: none;
    } 
    /* news list with infinite scroll */
body.page-news #block-system-main {
        display: block;        
    } 
}

body.page-news .filterable-list-pageview .news-and-wcr-wrapper {
	border-width: 0;
}
body.page-news .filterable-list-pageview .view-filters {
	border-width: 0;
}

.view-id-news_page .filter-options #edit-combine-wrapper input{
  width: 100%;
  font-size: 13px;
  height: 1.2rem;
  color: #777777;
  padding-left: 5px;
  box-sizing: border-box;
  border: none;
  height: 1.4rem;
}

.view-id-news_page .view-header .news-header-button {
	background-color: #fcf8ee !important;
	background-color: #d5ccaf !important;
	/* border: 1px solid #e1d7b5; */
	border-bottom: 1px solid #fff;
	border-radius: 0 1.2rem 0 0;
	width: 100%;
} 
.view-id-news_page .view-header .news-header-button button {   /* filter button */
	font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
}
.view-id-news_page .view-header .news-header-button button:focus{   /* filter button */
  color: #7ca7f2;
  text-decoration: underline;
}
body.page-news .view-news-page .view-header .news-header-button:focus-within button::before{   /* filter button arrow  FOCUS */
  border-left-color: #7ca7f2;
}
body.page-news .view-news-page .view-header .filter-button-opened.news-header-button:focus-within button:before{   /* filter button arrow */
  border-left-color: transparent;
  border-top-color: #7ca7f2;
}

.filterable-list-pageview .wcr-sidebar-wrapper {
	/* border: 1px solid #e1d7b5; */
	border-radius: 0 1.2rem 0 0;
}
.page-news .filterable-list-pageview .view-filters,
body.page-news  #main-content-header {
	width: 100%;
}
body.page-news .filterable-list-pageview .filter-options {
	background-color: #e5e5e5 !important;
	/* border: 1px solid #e1d7b5; */
	border-top:0;
}
body.not-front h1#page-title {
	display: none;
}
@media only screen and (min-width: 901px) {
	#topbanner-static {
		height: auto;
	}
}
.filter-group-wrap-search input {
	font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
}
.filterable-list-pageview .views-reset-button input.form-submit,
.filterable-list-pageview .views-reset-button input#edit-reset {
	border: 1px solid #909090;
    background-color: #b9b9b9;
    width: 100px;
    float: left;
    margin-left: 3px;
    bottom: auto;
    position: relative;
    top: 0;
    padding: 3px 7px;
    color: #000;
    font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
}
.shuffle-grid-pageview .reset-button {
	font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
}
.shuffle-grid-pageview .reset-button:focus {
  box-shadow:  2px 2px 0px #7ca7f2,
              -2px -2px 0px #7ca7f2,
              -2px 2px 0px #7ca7f2,
               2px -2px 0px #7ca7f2;
}
body.page-news .filterable-list-pageview .news-and-wcr-wrapper {
	width: 70%;
}
.filterable-list-pageview .news-and-pager-wrapper {
	width: 100%;
	padding-top: 4px;
}
.filterable-list-pageview .wcr-sidebar-wrapper {
	width: 28%;
}
body.page-news .sortlist-group-wrapper {
	/* border-bottom: 1px solid #cecece; */
	margin-bottom:12px;
}
body.page-news .filterable-list-pageview .views-row {
	margin-bottom: 4px;
}
body.page-news .sortlist-item-right-group {
	margin-bottom: 10px;
}
body.page-news .news-and-pager-wrapper {
	padding-right:0;
	/*border-top: 1px solid #cecece;*/
    margin-top: 20px;
}
.news-and-pager-wrapper .list-item-type{
	color: #818181;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
}
body.page-news .blue-dark-highlight a {
	font-weight: 900;
	color: #2c76b3;
	line-height:1.3em;
}

body.page-news .sortlist-item-right-group a, 
body.page-news .view-id-newspage_working_capital_review a {
	color: #2c76b3;
	color: black;
}
body.page-news .sortlist-item-right-group a {
	color: #2c76b3;
	color: black;
	color: #4c6a9e;
}

body.page-news .view-id-newspage_working_capital_review .fieldclass-field-with-readmore a {
	font-size: 13px;
	font-weight: normal;
}
body.page-news .view-id-newspage_working_capital_review h3 a {
	font-weight: 900;
	font-size:13px;
	
}

body.page-news .sortlist-item-right-group em {
	font-style: normal;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
}
body.page-news .sortlist-item-left-group {
	/* margin-right: 2px; */
}



body.page-news .views-field-field-news-date {
	margin-top: 5px;
    margin-bottom: 10px;
}

body.page-news .wcr-sidebar-inner-wrapper {
	padding: 0 0 48px 0;
}
body.page-news .wcr-sidebar-inner-wrapper .view-header {
	padding: 16px;
	padding-bottom: 8px;
	border-bottom:1px solid #2b76b6;
	border-bottom:1px solid white;
}
body.page-news .wcr-sidebar-inner-wrapper .view-header h4.grey-light-highlight {
	color: #2c76b3;
	font-weight:900;
	color: black;
}
body.page-news .wcr-sidebar-inner-wrapper .view-content .views-row {
	padding: 16px;
	padding-bottom: 0;
	width: 90%;
}
body.page-news .filterable-list-pageview .wcr-sidebar-wrapper {
	background: #d8e4ed; /*##c2daf1; */
  	background-color: #e5e5e5;
  	display:none;
}
.view-newspage-working-capital-review .date-display-single {
	font-size: 10px;
	text-transform: uppercase;
	font-weight:600;
}
body.page-news .views-field-field-wrc-by-line {
	display: none;
}
body.page-news .wcr-sidebar-inner-wrapper .views-field-body {
	clear: both;
	display:none;
}
body.page-news .wcr-sidebar-inner-wrapper .view-footer {
	padding-left: 16px;
}
body.page-news .wcr-sidebar-inner-wrapper .view-footer a{
  margin: 20px 0;
  font-style: italic;
  font-weight: 600;
  font-size: 13px;
  display: block;
  float: left;
}

body.page-news .filter-options .views-widget label {
	display: inline-block;
    font-weight: 300;
    padding-left: 18px;
    color: #054a7d;
    color: black;
    font-size: 13px;
    line-height: 1.5em;
}
body.page-news .wcr-sidebar-inner-wrapper .view-footer {
	clear: both;
}
body.page-news .news-and-pager-wrapper .sortlist-item-left-group {
  display: table-cell;
  vertical-align: middle;
  margin: auto;
}
@media screen and (max-width: 600px){
    body.page-news .news-and-pager-wrapper .sortlist-item-left-group {
       /* margin-top: 3px; 
        margin-bottom: 10px; */
    }
}
@media screen and (max-width: 413px){
    body.page-news .news-and-pager-wrapper .sortlist-item-left-group {
  		margin: unset;
    }
}



body.page-news .sortlist-item-right-group h3 {
	font-weight: bold;
	color: #2c76b3;
}

body.page-news .play-button {
	position:relative;
	top: -75px;
    left: 25%;
    width: 60px;
    height: 60px;
}