/**
* @File Name          : OandaBaseCss.css
* @Description        : 
* @Author             : Fernando Gomez
* @Group              : 
* @Last Modified By   : Ibrahim Napoles
* @Last Modified On   : 11/21/2019, 2:23:44 PM
* @Modification Log   : 
* Ver       Date            Author      		    Modification
* 1.0    03/18/2019   Fernando Gomez     Initial Version
* 1.1    11/21/2019   Ibrahim Napoles     Add new styles
**/
.oanda-body {
	color: #0b0b0b;
	/*font-family: 'Heebo', sans-serif;*/
    font-family: Effra, Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-style: normal;
	font-weight: normal;
}

.oanda-body .helvetica-family{
	font-family: Helvetica,Arial,sans-serif;
}

.oanda-body .helvetica-Neue-family{
	font-family: Helvetiva Neue,Helvetica,Arial,sans-serif;
}

.oanda-body .arial-family{
	font-family: Arial,sans-serif;
}

.oanda-body .h1,
.oanda-body h1{
	font-weight: bold;
	font-size: 50px;
	line-height: 61px;
	letter-spacing: -1px;
}

.oanda-body .h2,
.oanda-body h2{
	font-weight: bold;
	font-size: 34px;
	line-height: 42px;
	letter-spacing: -0.1px;
}
.oanda-body .h3,
.oanda-body h3{
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: -0.2px;
}
.oanda-body .h4,
.oanda-body h4{
	font-weight: normal !important;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0.3px;
}
.oanda-body .h5,
.oanda-body h5{
	letter-spacing: 2px;
}

.oanda-body .h6,
.oanda-body h6 {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 2px;
}

.oanda-body .h7 {
	font-size: 14px;
	line-height: 17px;
}

.oanda-body .p,
.oanda-body p{
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.25px;
}

.oanda-body .p-small{
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.4px;
}

/* .oanda-body a {
	color: #1898EF;
} */

.oanda-body a {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.25px;
	color: #004ac3;
}

.oanda-body .a-header-support {
	font-size: 14px;
	line-height: 17px;
}

.oanda-body .container-sm {
	max-width: 720px;
}

.oanda-body .bg-gray {
	background-color: #E8E8E8 !important;
}

.oanda-body .bg-light-gray {
	background-color: #EFEFEF !important;
}

.oanda-body .bg-blue {
	background-color: #1898EF !important;
}

.oanda-body .bg-dark {
	background-color: #333333 !important;
}

/* Begin Text Colors*/
.oanda-body .grey {
	color: #bdbdbd;
}

.oanda-body .grey-dark {
	color: #333333;
}

.oanda-body .black {
	color: #0b0b0b;
}

.oanda-body .blue {
	color: #004ac3;
}

/* End Text Colors*/

.oanda-body .oanda-underline{
	text-decoration-line: underline;
}

.oanda-body .bg-cover {
	background-size: cover;
}

.oanda-body .badge {
	font-weight: normal;
}

.oanda-body .spinner-container {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.6);
}

.oanda-body .rich-text-container * {
	word-break: break-word !important; 
}

.oanda-body .rich-text-container img {
	max-width: 100% !important;
	height: auto !important;
}

.oanda-body .oanda-heading-bg,
.oanda-body .overline:before {
	background: linear-gradient(270deg, #24CB8A 0%, #1898EF 100%);
}

.oanda-body .oanda-body-bg {
	background: linear-gradient(180deg, #B6D1DB 0%, #EEF1F5 58.85%);
}

.oanda-body .oanda-heading-bg.with-hover:hover {
	background: linear-gradient(270deg, #00bf75 0%, #058de8 100%);
}

.oanda-body .btn {
	border-radius: 100px;
	line-height: 16px;
	font-size: 16px;
	padding: 13px 20px 12px;
	border: 2px solid transparent;
	transition: background-color .2s ease-out,border-color .2s ease-out;
}

.oanda-body .btn-light {
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.oanda-body .btn.btn-primary,
.oanda-body .page-link {
	font-family: Helvetiva Neue,Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 1px;
	border-color: #004ac3;
	background-color: #004ac3;
	color: #fff;
}

.oanda-body .btn.btn-secondary {
	border-color: #2c71c2;
	background-color: transparent;
	color: #2879FF;
}

.oanda-body .btn.btn-primary:not([disabled]):hover,
.oanda-body .btn.btn-secondary:not([disabled]):hover,
.oanda-body .page-item .page-link:not([disabled]):hover {
	background-color: #30c2ff;
	border-color: #30c2ff;
	box-shadow: 0 10px 30px rgba(48,194,255,.3);
}

.oanda-body .page-item .page-link {
	border-radius: 0;
}

.oanda-body .page-item:first-child .page-link {
	border-radius:  100px 0 0 100px;
}

.oanda-body .page-item:last-child .page-link {
	border-radius: 0 100px 100px 0;
}

.oanda-body .shadow-lg {
	box-shadow: 0 10px 20px 0 rgba(179,187,198,.45);
}

.oanda-body .overline {
	display: inline-block;
	letter-spacing: 2px;
	font-size: 11px;
	line-height: 1;
}

.oanda-body .overline:before {
	display: inline-block;
	width: 100%;
	height: 4px;
	content: " ";
	margin-bottom: 12px;
}

.oanda-body .transition-p {
	transition: padding linear 200ms;
}

.oanda-body .responsive-img {
	max-width: 100%;
	height: auto;
}

/**** New Styles ****/

.oanda-desktop-h3-title-add{
	margin-bottom: 1.5rem!important;
}