/* Carlos : Changed the name of the fonts and Font Files */

@font-face {
    font-family: "pp-w1-light";
    src: url("../assets/font/PayPalForwardW01-Light.eot");
    src: url("../assets/font/PayPalForwardW01-Light.eot?#iefix") format("embedded-opentype"),
         url("../assets/font/PayPalForwardW01-Light.woff") format("woff"),
         url("../assets/font/PayPalForwardW01-Light.ttf") format("truetype"),
         url("../assets/font/PayPalForwardW01-Light.svg#webfont") format("svg");
}

@font-face {
	font-family: "pp-w1-regular";
	src: url("../assets/font/PayPalForwardW01-Regular.eot");
	src: url("../assets/font/PayPalForwardW01-Regular.eot?#iefix") format("embedded-opentype"),
		 url("../assets/font/PayPalForwardW01-Regular.woff") format("woff"),
		 url("../assets/font/PayPalForwardW01-Regular.ttf") format("truetype"),
		 url("../assets/font/PayPalForwardW01-Regular.svg#webfont") format("svg");
}

@font-face {
    font-family: "pp-w1-bold";
    src: url("../assets/font/PayPalForwardW01-Bold.eot");
    src: url("../assets/font/PayPalForwardW01-Bold.eot?#iefix") format("embedded-opentype"),
         url("../assets/font/PayPalForwardW01-Bold.woff") format("woff"),
         url("../assets/font/PayPalForwardW01-Bold.ttf") format("truetype"),
         url("../assets/font/PayPalForwardW01-Bold.svg#webfont") format("svg");
}

/* Carlos : Default font is now pp-w1-regular, Default size is 16px 
And text is antialised in webkit/firefox
*/

body {
	padding-bottom: 20px;
    font-family: "pp-w1-regular", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Carlos : All headlines are pp-w1-light */

h1,h2,h3,h4 {
	line-height: 1.25em;
	font-family: "pp-w1-light";
	font-size: 28px;
	letter-spacing: 0.01em;
	margin-top: 0;
}

h1 a, h2 a, h3 a, h4 a{
	font-family: "pp-w1-regular";
}

.container-fluid, .container {
	min-width: 320px;
}

a {
	color: #0079ad;
	font-family: "pp-w1-bold";
}

a:hover, a:focus, a:active {
	text-decoration: none;
}

/* Carlos: Any label is normal */
label {
	font-weight: normal;
	color: #777;
}

/* Carlos: any p is 777 */
p {
	color: #777;
}

.container.category {
	margin-top: 60px;
}

.container.navigation {
	padding: 0;
}

/** Navigation Bar Styles */

/*.navbar {
	margin: 20px 0 90px 0;
	border:none;
}
*/

/*.container>.navbar-header{
	margin-right: 0;
}
*/

/*.navbar.landing{
	margin: 20px 0 0 0;
}*/

.navbar {
	height:70px;
	padding-top: 20px;
	margin-bottom:0;
	border:none;
	border-radius: 0px;
}

.navbar.category{
	border-bottom: 1px solid #CCC;
}

/* Carlos: Added this rule to overwritte bootstraps */
.nav>li>a {
	padding: 5px 0;
	margin-left:10px;
}
/*.investors-title ul li a {
	padding:0;
}
*/

/*.investors-title {
	margin-left: 10px;
}*/

.investors-title .navbar-text.landing {
	color: #FFF;
}

.investors-title .navbar-text:hover, .investors-title .navbar-text:focus, .investors-title .navbar-text:active  {
	background: none;
	color: #8A8A8A;
}

.investors-title .navbar-text.landing:hover, .investors-title .navbar-text.landing:focus, .investors-title .navbar-text.landing:active {
	background: none;
	color: #FFF;
}

.navbar-text {
	padding:0;
	margin:0;
	/*margin: 2px 0 0 10px;*/
	font-family: "pp-w1-regular";
	font-size: 20px;
	font-style: italic;
	color: #8A8A8A;
}

/*.navbar-text.landing{
	margin-top: 5px; 
	color: #FFF;
}*/

/* Carlos: Removed the border, not needed anymore; */
.navbar-toggle {
	float:left;
	margin:0;
	border:none;
	/*border-radius: 0px;
	border-right: 1px solid #CCC;
	*/
}

/*.navbar-toggle.landing {
	border:none;
}
*/


.navbar-toggle .icon-bar {
	background-color: #444;
}


.navbar-toggle.landing .icon-bar{
	background-color: #FFF;
}


/* Carlos: Logo Floated left because weird issues in safari/firefox */
.paypal-img-logo {
	display:block;
	float:left;
	width: 126px;
	height: 33px;
	overflow: hidden;
	text-indent: -999em;
	background: transparent url(../assets/pp_full_color.svg) center center no-repeat;
	background-image: url(../assets/ppcom.png)\9;
	background-size: 124px 33px;
	vertical-align: middle;
	padding: 5px;
	/*margin-left: -15px;*/ /* Carlos: Not necessary anymore;*/
}

.paypal-img-logo.landing {
	background: transparent url(../assets/pp_full_white.svg) center center no-repeat;
	background-size: 124px 33px;
}

@media (max-width: 991px) {
	.navbar-toggle {
		display: block;
	}
	/* Carlos: Margin -left to 0 */
	#navigation-bar.display-important {
		margin-left: 0px;
	}
	/* Carlos: Display Block integrated*/
	#navigation-bar {
		position: fixed;
		display: block !important;
		top:0;
		left:0;
		z-index: 1000;
		padding-top: 20px;
		padding-left: 20px;
		width: 250px;
		height: 100%;
		margin-left: -250px;
		background: #f5f5f5;
		overflow-y:auto;
	}
	.container-fluid {
		padding:0;
	}
}

/** End Navigation Bar Styles */


/* Begin styles of side bar */

.col-md-3.aside {
	padding-left: 0;
}

.nav.bs-docs-sidenav li a:hover, .nav.bs-docs-sidenav li a:focus{
	background: none;
	color:#0079ad;
}

.nav.bs-docs-sidenav li a.current{
	background: none;
	color: #0079ad;
}
/* Carlos: Changed the links to regular and 777 */
.nav.bs-docs-sidenav li a {
	font-family: "pp-w1-regular";
	margin-left: 0;
	font-size: 15px;
	color: #777;
	padding:0 0 20px 0;
}

#search-form {
	margin-top: 20px;
}

/* End styles of side bar */


/* Styles for the main banner on the Landing Page */
/* Carlos: Hero banner from 430 to 400 */
.hero {
	background: url('../assets/5A1A7688.JPG') center no-repeat;
	background-size: cover;
	min-height: 400px;
	position:relative;
	margin-bottom: 90px;
}
/* Carlos; Headline container a little bit margin on top */
.headline-container {
	margin-top: 80px;
	text-align: center;
	color:white;
}
/* Carlos; color white */
.headline-container h1 {
	font-size: 48px;
	line-height: 1.25em;
	color: #FFF;
}

.headline-container p {
	padding: 0 40px;
	font-size: 18px;
	line-height: 1.5em;
}

/* End style for the main banner */

/* Margin bottom in every section */
/* Carlos: Added more specificity; */
section.row {
	margin-bottom:90px;
}

section.row:last-child {
	margin-bottom: 60px;
}

.sidebar-scroll {
	margin-left: 250px;
/*    -webkit-transform: translate3d(250px, 0, 0);
	transform: translate(250px, 0);*/
}


/* End Miscellaneous */


/* Announcement Styles */

h4 a {
	font-size:20px;
	color:#0079ad;
}

h4 a:hover,  h4 a:active, h4 a:focus {
	color:#0079ad;
}


.row.title {
	padding-bottom: 25px;
}

/* Carlos: Changed the padding bottom */
.row.announce:last-child {
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 25px;
}

.row.announce {
	border-top: 1px solid #E6E6E6;
	margin:0;
	/*padding: 10px 0;*/ /*Carlos: Removing, not necessary*/
}

.row.announce>div {
	padding:0;
}


.row.upcoming {
	margin-bottom: 30px;
}

.event-category {
	font-family: "pp-w1-bold", Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#777777;
}

.announce-content {
	clear:both;
}

.announce p {
	font-size: 15px;
	line-height: 1.5em;
	color:#777777;
}

.announce p.date {
	font-size: 13px;
	margin:10px 0 !important;
	text-align: right;
}

/* End Announcement Styles */

/* Style the link at the bottom of each category */
/* Carlos: Removed the row specificity and added text-align right */
.linkall {
	margin-top: 10px;
	text-align: right;
}

/*.linkall a {
	color:#777;
	font-size: 15px;
	line-height: 1.5em;
}*/

/* Style for miscellaneous ROW for different purposes (Stock info) */

#ndq-tabs ul {
  float: left;
  width: 100%;
  margin: 0 0 5px 0 !important;
  padding: 0;
}

#ndq-tabs li {
  list-style: none !important;
  width: 24%;
  height: 35px;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 0;
  border: 1px solid #cecece;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
}

#ndq-tabs li:hover, .text-input input:focus, .text-input input:active  {
	outline:0;
	border: 1px solid #57a9d9;
}
#ndq-tabs li a {
	color:#777;
}
/* Images, Can be removed once component is added */
#stock, #chart {
	max-width: 100%;
	max-height: 100%;
}

.row.opening-container {
	margin-top: 15px;
}

.quantity:first-child {
	border-top: 1px solid #E6E6E6;
}
.quantity {
	border-bottom: 1px solid #E6E6E6;
	margin: 0;
}
.quantity .col-md-12 {
	padding: 0;
}
.quantity p {
	margin: 9px 0;
	float:left;
}

.quantity p.right {
	float:right;
}


/* Start Styles for quicklinks */

/* Carlos: not Needed */
/*.quicklinks p {
	color:#777;
}
*/
/* Carlos: not Needed */
/*.quicklinks a {
	font-family: "pp-w1-bold", Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#0079ad;
}
*/

.quicklinks #braintree::after {
	content: " | ";
	color: #0079ad;
}
/* Carlos: match padding */
.quicklinks p {
	margin-bottom: 25px;
}

/* End Styles for quicklinks */

/* Components */

.text-input {
	min-height: 35px;
}

.text-input label {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* Carlos: Changed the selector to text; */
.text-input input[type="text"], input[type="text"] {
	height: 35px;
	width:170px;
	padding: 0 24px 0 12px;
	border: 1px solid #aaa;
	background: #fff;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #000;
	font-size: 15px;
	font-weight: 400;
}

.text-input input:hover, .text-input input:focus, .text-input input:active  {
	outline:0;
	border: 1px solid #57a9d9;
	background-color: #fff;
}

.select-dropdown {
  outline: none;
  display: inline-block;
  height: 35px; /* Carlos: We should make them 35px; */
  border: 1px solid #a4abae;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: url('../assets/sprite_flat_style.png') no-repeat scroll right -1689px;
   vertical-align: bottom;
}

.select-dropdown select {
	text-indent: 0.01px;
	z-index: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	right: 25px;
	padding: 0 15% 0 35px;
	margin: 0;
	width: 160%; 
	outline: none;
	border: 0 none;
	height: 27px;
	background: none;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: window;
	appearance: none;
	line-height: 17px;
}
.select-dropdown select::-ms-expand{
  display:none;
}

.select-dropdown:hover, .select-dropdown:focus, .select-dropdown:active  {
	outline:0;
	border: 1px solid #57a9d9;
	background-color: #fff;
}

/* End Components */

/* Start Table Styles */

table caption {
	font-family: "pp-w1-light";
}

/* End Table Styles */




/**
 Starting Styles for Footer
 Carlos: Changed the Footer;
 */


.global-footer {
  position: relative;
  margin: auto;
  z-index: 2;
  background: #fff;
  text-align: left;
  border-top:1px solid #e5e5e5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate(0, 0);
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.footer-main {
  border-bottom: 1px solid #e5e5e5;
  font-family: "pp-w1-bold", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-variant: normal;
}

.global-footer ul {
  display: block;
  clear: both;
  margin: 0;
  padding-left: 0;
}

.global-footer ul li {
  display: inline-block;
  list-style-type: none;
  line-height: 26px;
  vertical-align: middle;
  margin-right: 15px;
}

.global-footer ul li a {
  display: block;
  color: #666;
  padding: 9px 0;
  text-decoration: none;
}
.footer-secondary li a, .footer-tertiary li a, #footer-copyright {
  font-family: "pp-w1-regular", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color:#777;
  padding: 0;
}
.footer-tertiary li:last-child{
  margin-right:0;
}

.global-footer  .footer-secondary {
  float: left;
}
@media(max-width: 768px) {
	.global-footer ul li {
		margin-right: 15px;
		margin-left: 15px;
	}
  .footer-secondary {
    width: 100%;
  }
  ul.footer-secondary li {
    display: block;
    border-bottom: 1px #e5e5e5 solid;
  }
}
@media(min-width: 1200px) {
  .global-footer .footer-tertiary {
    float: right;
    clear: none;
  }
}
.global-footer ul li a:hover {
  color: #444;
  text-decoration: underline;
}




/* First break of layout in bootstrap */

@media (max-width: 991px) {
	/*.paypal-img-logo {
		margin-left: 0;

	}*/

	/*.navbar {
		margin-top: 0;
		margin-bottom: 30px;
	}
	*/

	/*.navbar .container {
		padding:0;
	}*/

	/*.navbar-text {
		margin-top: 10px;
	}*/
	/* Carlos: Remove this rule, we don't need it; */
	/*.navbar-text.landing {
		margin-top: 13px;
	}*/

	/*.navbar .container .navbar-header {
		height:50px;
	}
	*/

	/* Carlos: Remove this rule, we don't need it; */
	/*.navbar-header.logo {
		width:190px;
	}*/
	/* Carlos: Remove this rule, we don't need it; */
	/*.navbar .container button, .navbar .container .paypal-img-logo {
		height:100%;
		margin-right: 10px;
	}*/


	/*.global-footer .footer-tertiary.secondaryLink {
		float:left;
	}*/

	.announce p.date {
		text-align: left;
	}

	.chart-container {
		margin-top: 20px;
	}

	.quicklinks div {
		margin-bottom:30px;
	}

}

/*Second Break Bootstrap */
/* Carlos : We don't need this; */
/*@media (max-width: 767px) {

	.global-footer ul li {
		margin-left: 25px;
	}

	.navbar .container {
		padding:0 15px;
	}
}
*/

/*Third Break Bootstrap */
/*Carlos :  Changed to 480, I don't know why did I put 460*/
@media (max-width: 480px) {
	/*Carlos :  removing little margin to center on mobile */
	.headline-container {
		margin-top: 60px;
	}
	/* Carlos:  New Rule to change to monogram logo*/
	.paypal-img-logo {
		width:30px;
		background: transparent url(../assets/pp_monogram_color.svg) center center no-repeat;
		background-size: 30px 33px;
	}

	.paypal-img-logo.landing {
		width:30px;
		background: transparent url(../assets/pp_monogram_white.svg) center center no-repeat;
		background-size: 30px 33px;
	}

	/* Carlos:  Remove this rule, don't need it anymore */
	/*.navbar-text {
		margin-top: 15px;
		font-size: 15px;
	}
	*/

	/*.navbar-text.landing {
		margin-top: 17px;
	}*/

	.headline-container h1 {
		font-size: 40px;
		line-height: 1.25em;
	}
}

/*@media (max-width: 399px) {
	.navbar-text {
		margin: 20px 0 0 10px;
		font-size: 10px;
	}

	.navbar-text.landing {
		margin: 22px 0 0 0;
	}
}*/