@charset "utf-8";

/* General styles*/
/*Define your own styles in this stylesheet*/


/*

$orange:			#ffc30c;
$burntOrange:		#c07f01;
$green:				#1e4c4b;
$greenHighlight:	#44675B;
$blue:				#0ea2cd;
$light:				#f9ffd0;

*/

/**/

@font-face {
    font-family: 'TorontoSubway';
    src: url('http://www.noblerobot.com/fonts/toronto_subway_regular-web.eot');
    src: url('http://www.noblerobot.com/fonts/toronto_subway_regular-web.eot?#iefix') format('embedded-opentype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_regular-web.woff2') format('woff2'),
         url('http://www.noblerobot.com/fonts/toronto_subway_regular-web.woff') format('woff'),
         url('http://www.noblerobot.com/fonts/toronto_subway_regular-web.ttf') format('truetype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_regular-web.svg#TorontoSubwayRegular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TorontoSubway';
    src: url('http://www.noblerobot.com/fonts/toronto_subway_bold-web.eot');
    src: url('http://www.noblerobot.com/fonts/toronto_subway_bold-web.eot?#iefix') format('embedded-opentype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_bold-web.woff2') format('woff2'),
         url('http://www.noblerobot.com/fonts/toronto_subway_bold-web.woff') format('woff'),
         url('http://www.noblerobot.com/fonts/toronto_subway_bold-web.ttf') format('truetype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_bold-web.svg#TorontoSubwayBold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TorontoSubway';
    src: url('http://www.noblerobot.com/fonts/toronto_subway_light-web.eot');
    src: url('http://www.noblerobot.com/fonts/toronto_subway_light-web.eot?#iefix') format('embedded-opentype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_light-web.woff2') format('woff2'),
         url('http://www.noblerobot.com/fonts/toronto_subway_light-web.woff') format('woff'),
         url('http://www.noblerobot.com/fonts/toronto_subway_light-web.ttf') format('truetype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_light-web.svg#TorontoSubwayLight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TorontoSubway';
    src: url('http://www.noblerobot.com/fonts/toronto_subway_black-web.eot');
    src: url('http://www.noblerobot.com/fonts/toronto_subway_black-web.eot?#iefix') format('embedded-opentype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_black-web.woff2') format('woff2'),
         url('http://www.noblerobot.com/fonts/toronto_subway_black-web.woff') format('woff'),
         url('http://www.noblerobot.com/fonts/toronto_subway_black-web.ttf') format('truetype'),
         url('http://www.noblerobot.com/fonts/toronto_subway_black-web.svg#TorontoSubwayBlack') format('svg');
    font-weight: 700;
    font-style: normal;
}


.fundcalloutframe{
	padding:0%;
	background-color:#D10003;
	border: 5px solid #000000;
	border-top: 15px solid #000000;
	padding-left:260px;
	margin-bottom:50px;
}

.fundcallout a:link,
.fundcallout a:visited{
	color:#D10003;
	text-decoration:underline;
}

.hfcontainer{
	text-align:center;
	background-color:#ffffff;
}

.hf{
float:left;
padding:10px 30px 0px 30px;
width:200px;
height:400px;
background-color:#ffffff;
margin-left:-260px;
}

.fundcallout{
	width:auto;
	text-align: left;
	padding: 5%;
	margin: 5%;
	background-color: #ffffff;
	color: #000000;
	border: 5px solid #000000;
	border-top: 15px solid #000000;
	font-size: 1.5em;
	font-family: "Toronto Subway", Arial, sans-serif;
	font-weight: 700;
}

/**/


html{
	background:url(../images/bg1.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body{
	font-family: 'alice', sans-serif;
	color: rgba(24,62,61,1.00);
}

h1, h2, h3, h4, h5, h6{
	font-family: 'muli' , sans-serif;
	color: #c07f01;
	font-style: normal;
	font-weight: 400;
}

h2{
	font-size:1.75em;
}
h3{
	font-size:1.4em;
}

p{
	font-size: 14px;
	font-style: normal;
	font-weight: 100;
	line-height: 1.8;
}


/* Link styles*/

a:link,
a:visited {
  text-decoration: none;
  font-weight:bold;
  color: #44675B;
  transition: all ease-out 0.15s;
}

a:hover,
a:active {
  color: #c07f01;
}

h3 a:link,
h3 a:visited {
  padding:.2em .5em;
  color: #ffc30c;
  background-color: #1e4c4b;
}

h3 a:hover,
h3 a:active {
  color: #c07f01;
  background-color: #44675B;
}

  
.linkStyle {
	font-style: normal;
	font-weight: 100;
	text-decoration: none;	
}
/* Header & HERO styles*/
.logo {
	text-align: center;
    padding-top:20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.heroHeader {
	width: 100%;
	background-color: rgba(30,76,75,0.80);
	border-bottom: 8px #ffc30c solid;
}

.headingStyle {
	color: rgba(24,62,61,1.00);
	font-size: 2em;
	padding: .25em 0;
	margin-bottom:0;
	background-color: rgba(255,195,12,0.80);
	border-top: 0.15em #44675B solid;
}
.mainHeading {
	color: rgba(24,62,61,1.00);
	text-align: center;
	margin-top: 10%;
	font-size: 48px;
}
.mainTagline {
	text-align: center;
	color: rgba(24,62,61,1.00);
	font-size: 16px;
	margin-top: -1%;
}
.sectionText {
	text-align: center;
}
#sectionOne {
	text-align: justify;
}
#sectionTwo {
	text-align: justify;
}

/* Gallery styles */
.gallery{
    padding-top:20px;
    padding-bottom:0px;
}

.gallery .tiles{
	position:relative;
	background-color:#ffc30c;
}

.gallery .highlight{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 8px;
  z-index: 50;
  transition: all 0.1s ease-out;
  border: rgba(249, 255, 208, 0.8) 2px dashed;
  pointer-events: none;
}

.gallery .highlightAlt {
	border: 3px dashed rgba(30,76,75,0.90);
}

.gallery .tiles:hover .highlight{
	border: #44675B 4px dashed;
	margin: 0px;
}

.tiles img{
  transition: all 0.1s ease-out;
}

.tiles:hover img {
	opacity: 0.4;
    cursor: pointer;
}

.paraContent{
	font-size: 14px;
	font-family: "alice", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8;
	margin-left: 5%;
	margin-right: 5%;
}
.contentArea{
	font-size: 14px;
	font-family: alice , sans-serif;
	font-style: normal;
	font-weight: 100;
	color: rgba(146,146,146,1.00);
	line-height: 1.8;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
.showAreaH2 {
	
}
#secondaryStyling {

}

.secondaryHeading {
	color: rgba(255,255,255,1.00);
	text-align: center;
}
/*Footer styles*/
.footerTitle {
    text-align: center;
    font-size: 22px;
}
.footerTextContainer {
	text-align: justify;
	margin-bottom: 10%;
}

.logoContainer{
    padding-top:40px;
    padding-bottom:20px;
	padding-left:15%;
	padding-right:15%;
	margin:auto;
	width:auto;
	max-width: 800px;
}

#logo{
    width:100%;
	height:auto;
    margin:0;
}

article {
	background-color:rgba(249,255,208,0.90);
	
}

iframe {
	background-color:rgba(0,0,0,1.00);
	width:100%;
}

.videoContainer{
	margin-top: 25px;
}

#socialTable { width: 100%; }
#socialTable td { vertical-align: baseline; }

.socialContainer{
	margin-top: 25px;
	background:none;
}

#socialIcons {
	font-size: 0;
}

#socialIcons .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  height:0;
  width: 10%;
  padding-top: 10%;
  text-indent: -999em;
  margin: 0 0 0 20px;
}
#socialIcons .icon:first-child {
  margin: 0;
}
#socialIcons a{
	transition:none;
}
#socialIcons a#iconTwitter {background-image: url("../images/icons/twitter.svg");}
#socialIcons a#iconTwitter:hover {background-image: url("../images/icons/twitter_over.svg");}
#socialIcons a#iconFacebook {background-image: url("../images/icons/facebook.svg");}
#socialIcons a#iconFacebook:hover {background-image: url("../images/icons/facebook_over.svg");}
#socialIcons a#iconBehance {background-image: url("../images/icons/behance.svg");}
#socialIcons a#iconBehance:hover {background-image: url("../images/icons/behance_over.svg");}
#socialIcons a#iconVimeo {background-image: url("../images/icons/vimeo.svg");}
#socialIcons a#iconVimeo:hover {background-image: url("../images/icons/vimeo_over.svg");}
#socialIcons a#iconLinkedin {background-image: url("../images/icons/linkedin.svg");}
#socialIcons a#iconLinkedin:hover {background-image: url("../images/icons/linkedin_over.svg");}
#socialIcons a#iconEmail {background-image: url("../images/icons/email.svg");}
#socialIcons a#iconEmail:hover {background-image: url("../images/icons/email_over.svg");}

.tweetContainer{
	text-align: right;
	background-color:rgba(30,76,75,0.90);
	height:100%;
}

#latestTweet {
	margin:0px;
}

#latestTweet a {
  font-weight: bold;
}
#latestTweet ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#latestTweet ul li {
  margin: 0;
  display:block;
}
#latestTweet p {
	margin:0;	
}

#latestTweet a:link,
#latestTweet a:visited {
  color: #ffc30c;
  transition: color ease-out 0.15s;
}

#latestTweet a:hover,
#latestTweet a:active {
  text-decoration: none;
  color: #c07f01;
}

#latestTweet .tweet{
	color: #f9ffd0;
	padding:10px 20px;
	line-height:1.1em;
	font-size:.8em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	overflow: hidden;
}

#latestTweet .user{
	float:left;
}

#latestTweet .user img{
	vertical-align:top;
	margin:0;
	padding:0 5px 5px 0px;
	background-color:#44675B;
}

#latestTweet .user [data-scribe="element:name"],
#latestTweet .user [data-scribe="element:verified_badge"],
#latestTweet .user span{
	display:none;
}

#latestTweet .user [data-scribe="element:screen_name"]{
	display:inherit;
	padding:2px 5px;
	margin:0;
	background-color:#44675B;
	margin-left: -0.6em;
	font-family: "muli",sans-serif;
}

.videoContainer ul{
	font-size:.8em;
	color: #44675B;
	font-weight:bold;
	list-style:none;
}
.videoContainer ul li{
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
}