/*
.header {
	padding: 30px;
	padding-top: 45px;
	min-height: 400px;
}

*/

.displayBlock { display: block !important; }

/** https://gomakethings.com/smooth-scrolling-links-with-only-css/ **/
html {
	scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {	
	html {
		scroll-behavior: auto;
	}
}

/* fix for getting rid of the white bar at the bottom? */
body {
	overflow: hidden;
}

/* clean up logins */
#MemberLoginForm_LostPasswordForm,
#MemberLoginForm_LoginForm { margin-top:30px; margin:auto; }
#MemberLoginForm_LostPasswordForm .Actions .action,
#MemberLoginForm_LoginForm .Actions .action { float: left !important; }

.dropshadow {
	filter: drop-shadow(12px 12px rgba(0, 0,0,0.1));
}

/* ignite imagework. */
#ourapproach,
#howweinvest,
#ourportfolio,
.header { position: relative; }
#ourapproach .ignite_half img ,
#howweinvest .ignite_half img ,
.ignite_half img {
	height: 194px;
	width: 194px;
}
#howweinvest .inner .line .unit p {
	padding: 5px;
	color: #000;
	margin-top: 5px;
	
	vertical-align: middle;
}


.ignite_half {
	position: absolute;	
	height: 194px;
	
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	bottom: 0px;	

	width: 100%;
	max-width: 1500px;
	padding: 0;

	z-index: 1;
	text-align: right; 
}

/** scroll up button **/
#toTop {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	padding: 4px 10px;
	font-size: 12px; /* Increase font size */
  }
  
  #toTop:hover {
	background-color: rgb(6, 50, 68); 
  }


#contactus .grid {
	display: grid;
	grid-template-columns: 1fr 750px;	
}
#contactus .profilephotos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);		
	justify-items: end;
}

	#contactus .profilephotos img {
		display: block;
		height: 200px;		
		width: 200px;
		object-fit: cover;
	}
	#contactus .profilephotos .profiletitle  {						
		font-family: "GothamBold", Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 15px;
		text-align: center;
		position: relative;
		display: inline-block;		
		width: 200px;
		height: 40px;		
		line-height: 40px;		
		background-color: rgb(255, 74, 113);
	}
	#contactus .profilephotos .profiletitle .linkedin {		
		position: absolute;
		right: 0;top: 0;
		margin-right: 10px;		
		line-height: 40px;
		height: 40px;
		display: inline-block;
	}
	#contactus .profilephotos .profiletitle .linkedin a {
		display: inline-block;
		height:40px;
		line-height: 40px;
	}
	#contactus .profilephotos .profiletitle .linkedin img {
		/* linkedin */		
		display: inline-block;
		width: 15px;
		height: 15px;
		object-fit: scale-down;
	}

  /** cut the conrers off **/
/* new cuts */
.cut { 
	background: none !important;
	height: 0 !important; 
	line-height: 0 !important; 
	padding:0 !important; 
	margin:0 !important; 	
	border-style: solid; 
	border-width: 20px; 
}
.pink-bg.cut { border-color: rgb(255, 74, 113); }
.navy-bg.cut { border-color: rgb(6, 50, 68); }
.cut.before { 	
	border-top: 0px;
	border-left: 0px;
	border-right: 20px solid transparent;	
	
}
.cut.after {	
	border-right: 0px;
	border-bottom: 0px;
	border-left: 20px solid transparent;	
}

/** fancy buttons **/
a.btn:focus { outline-style: none; }
a.btn { 
	margin-right: 0px; 
	font-family: "GothamBold", Georgia, "Times New Roman", Times, serif;
	padding: 10px 40px; border-radius: 10px; border:0px; outline:none; 
}
a.btn::after { content: ''; padding-left:0; }


/** element styling **/

@media only screen and (max-width: 640px) {
	.invest-articles .tabs .tab-list .tab { margin-right: 2px !important; }
	.invest-articles .tabs .tab-list .tab,
	.invest-articles .tabs .tab-list .tab a {
		width: 75px !important;
		font-size: 10px;
	}
}
@media only screen and (max-width: 960px) {
	.invest-articles { min-height: auto !important; }
	.invest-articles .tabs { position: relative !important; width: 100% !important; margin-top: 0 !important; }
	.invest-articles .invest-images { display: none; }
	

}

/* Investment tabs */
.invest-articles { 
	margin-top: 30px;
	min-height: 540px;
	margin-bottom: 30px;
	position: relative;
}

.invest-articles .tabs {
	width: 50%;
	margin-top:50px;
	position: absolute;

}
.invest-articles .tabs .tab-list { 
	height: 30px;
	margin-left: 0; 
	margin-bottom: 0;

}
.invest-articles .tabs .tab-list .tab {
	float: left;
	width: 110px;	
	height: 30px; 
	margin: 0;
	line-height: 30px;
	text-indent: 0;
	list-style: none;		
	margin-right: 5px;	
}
.invest-articles .tabs .tab-list .tab a.active {
	background-color: rgb(255, 74, 113);
}
.invest-articles .tabs .tab-list .tab a {
	display: inline-block;
	width: 110px;
	padding: 0px;
	height: 30px;	
	line-height: 30px;
	text-align: center;		
	font-weight: 400px;
	background-color: rgb(6, 50, 68);
	color: rgb(255,255,255);
}

.invest-articles .invest-images { 
	float: right;
}
.invest-articles .invest-images img {
	height: 540px;
	width: 820px;
	object-fit: cover;
}
.invest-articles .tabs .tab-contents {
	padding: 0px 30px;
	min-height: 370px;
}

.invest-articles .tabs .tab-contents .tab-content img {
	width: 128px;
	height: 128px;
	margin: 0 auto;
	display: block;
	padding: 15px;
}

#howweinvest h3 { text-align: center; margin-bottom: 30px; }
#howweinvest .unit { text-align: center; }
#howweinvest .tab-contents .tab-content p:last-child { margin-bottom: 0px; }
#howweinvest .line .unit img { width: 83px; }


#ourapproach img { width: 48px; padding-bottom: 10px; }

#ourapproach .line {
	display: grid;
	grid-template-columns: repeat(3, minmax(260px, 1fr));	
}

#ourapproach .line .unit {
	margin-bottom: 20px;
	padding: 0 20px;
}

#ourapproach .line .unit div {
	padding:0 30px;
	font-size: 12px;	
	height: calc(100% - 50px);
	/*
	width: 280px;
	height: 331px;*/
	padding-bottom: 5px;
}

#ourapproach .line,
#ourapproach .line .unit:first-child { padding-left: 0px; }
#ourapproach .line,
#ourapproach .line .unit:last-child { padding-right: 0px; }

.hero {	
	background-image:url('../images/quote-image-cropped.jpg');
	background-repeat: no-repeat;
	background-size: auto 100% ;
	background-position: 50% 50%;	
	padding: 80px 0px;
	background-color: rgb(8, 49, 67);	
}

/* .hero .inner { padding: 20px 0; } */

.hero .inner .hero-text { 
	display: grid;
	grid-template-columns: 173.14px 1fr;	
	min-height: 128px; 
	justify-content: start;
	align-items: center;
	padding: 15px 30px;
}
.hero .inner .hero-text img { height: 128px; margin: 0 auto; padding: 0 50px; }
.hero .inner h2 { padding-right: 50px; }

.header {
	background-color: rgb(8, 49, 67);
	background-repeat: no-repeat;
	background-size: auto 100% ;
	background-image:url('../images/hero-image-cropped.jpg');
	background-position: 50% 50%;
	overflow: hidden; /*stops ignite logo creating an horizontal scroll bar on mobile */	
	min-height: 492px;
}

.header .inner .unit {
	padding: 0 30px !important;
}

.content { overflow: hidden; }

.tagline {	
	margin-top: 100px;	
	width: 335px;
	margin-bottom: 45px;
	font-size:38px;
}
.tagline .typography { padding: 15px 30px; }
.tagline .typography h3 { margin: 0px; }
.tagline .typography h3 {
	color: rgb(255,255,255);
	
}

.tagline_outter { 
	padding: 0 30px;
}

.bb5 {
	-webkit-box-shadow:inset 0px -8px rgb(6, 50, 68);
	-moz-box-shadow:inset 0px -8px rgb(6, 50, 68);
	box-shadow:inset 0px -8px rgb(6, 50, 68);
}

.error.message {
	color:rgb(6, 50, 68);
}

.logo {	height: 46px; }

.offwhite-bg { 
	background-color: rgb(244,244,244);
}

.header .primary li a:hover {
	color: rgb(255, 74, 113);	
}


a.btn.pink-bg,
.userform,
.pink-bg {
	background-color: rgb(255, 74, 113);
	
}

a.btn.pink-bg:hover,
.userform-container,
.navy-bg {
	background-color: rgb(6, 50, 68);
	color: rgb(255,255,255);
}

/** typography overload **/
.typography .pink-bg p,
.typography .navy-bg p {
	color: rgb(255,255,255);
}

.typography .pink-bg h1,
.typography .pink-bg h2,
.typography .pink-bg h3,
.typography .pink-bg h4,
.typography .pink-bg h5,
.typography .pink-bg h6,
.typography .navy-bg h1,
.typography .navy-bg h2,
.typography .navy-bg h3,
.typography .navy-bg h4,
.typography .navy-bg h5,
.typography .navy-bg h6 {
	color: rgb(255,255,255);
}

#contactus h3 { color: rgb(255, 74, 113); }

/*** **/

.userform-container,
.content {	
	/* padding-bottom: 15px; */
	/*padding: clamp(1rem, 1vw, 1rem); causes issue with header and hero */
}

.userform-container {
	/* fix white gap */
	overflow: hidden;
}

.userform-container .form-step {
	width: 100%;	
	/* padding: 15px;*/
	/*padding: clamp(1rem, 1vw, 1rem); causes issue with header and hero */
}

.pb0 { padding-bottom: 0px; }
.pt0 { padding-top: 0px; }

form .message {	
	color: #000;
}

.userform textarea.textarea,
.userform input.text { 
	border-radius: 0.50em;
	background-color: rgb(255,255,255);
	color: rgb(29, 103, 205);
	padding: 22px;	
	max-width: none;
}

.userform input.file:after {
	content: 'Upload supported file (Max 15MB)';
	font-size: 0.8em;
	color:rgb(239, 241, 240);
	float: left; 
	top: 2em;
	
	width: 100%;
	line-height: 2.2em;
}
.userform input.file {
	/*display: none;*/
}

/** Umbrella **/
.umbrella {
	position: relative;
}
.umbrella .umbrella_text {
	overflow: hidden;
	text-align: center;
	color: rgb(255, 74, 113);
	margin-bottom: 15px !important;
}
.umbrella .umbrella_text::before,
.umbrella .umbrella_text::after {
	background-color: rgb(255, 74, 113);
	content: "";
	display: inline-block;
	height: 3px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.umbrella .umbrella_text::before {
	right: 0.5em;
	margin-left: -50%;
  }
  
  .umbrella .umbrella_text::after {
	left: 0.5em;
	margin-right: -50%;
  }

  .umbrella .umbrella_ends {
	border: 3px;
	border-top: 0px;
	border-bottom: 0px;	
	border-color: rgb(255, 74, 113);
	border-style: solid;
	position: absolute;
	top: 18px;
	width: 100%;
	box-sizing: border-box;
  }

  
/*** INVESTMENTS / Portfolio ****/
#ourportfolio h3,
#ourportfolio {	
	font-size: 13px;
	
	
}

.investment_categories_label { 
	color: rgb(255, 74, 113) !important;
	white-space: nowrap !important;

}

.investment_filter { position:  relative; height: 32px; display: grid; grid-template-columns: min-content auto; column-gap: 1em; margin-bottom: 15px; }

#investment_categories.expanded { 
	height: auto;
	visibility: visible;
}

#investment_categories {
	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	visibility: hidden;
	display: block;
	position: absolute;
	top: 0;
	z-index: 999;
	overflow: hidden;
	line-height: 21px;
	height: 32px;	
	width: 180px;
	text-indent: 15px;
	
	margin: 0px ;
	transition: opacity 0.5s ease-in-out; 
	background: rgb(6, 50, 68);
	color: #FFFFFF;
	cursor: pointer;
}

#investment_categories  li {
	font-family: "GothamBold", Georgia, "Times New Roman", Times, serif; 
	text-indent: 0px;
	width: 150px;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 15px;
	margin: 0;
}
#investment_categories  li:hover {
	background: rgb(255, 74, 113);
}

.investment_categories_container .selected-category {
	font-family: "GothamBold", Georgia, "Times New Roman", Times, serif; 
	position: absolute;
	padding: 0px 15px;
	text-indent: 0px;
	height: 32px;
	line-height: 32px;
	z-index: 998;
	width: 150px;	
	color: rgb(255, 74, 113);
	cursor: pointer;
}

.investment_categories_container .selected-category:after {
	float: right;	
	content:"\203A";
	font-size: 30px;
	font-weight: 800;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);

}


/*from andy, needs moving to style.css */
.investments .investment { position:relative; height: 182px; line-height: 182px; text-align: center; }
.investments .investment img { width: 70%; vertical-align: middle; opacity: 1; }
.investments .investment img,
.investments .investment .text { line-height: 1.6em; transition: opacity 0.5s ease-in-out; }
.investments .investment .text { position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; }
.investments .investment:hover img { opacity:0; }
.investments .investment:hover .text { opacity:1; background: rgba(255,255,255,1); }

.investments .investment .text dl {	
	display: grid;
	grid-template-columns:  repeat(2, 0.2fr) auto;
	text-align: left;
	column-gap: 1em;
	row-gap: 0.5em;
	margin: 30px; /* mobile 15px; */
}
.investments .investment .text dt { grid-column-start: 1; font-weight: 800;}
.investments .investment .text dd { grid-column: 2 / 4; }
.investments .investment .text dd.bio { grid-column: 1 / 4; } 

/*.investments .investment .text dd.link a { text-align: center; margin-bottom: 2px; inset 0px -8px rgb(255, 74, 113); }*/


#ourportfolio .investments {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}


#Breadcrumbs .separator {
	color: rgb(255, 74, 113);
}
#Breadcrumbs a {
	color:rgba(0, 0,0,1);
}
#Breadcrumbs a:hover {
	color: rgb(255, 74, 113);
}