.topImageBannerContainer {
display: flex;
flex-wrap: nowrap;
padding: 10px 15px 0 15px;
}
.topImageBanner-title {
padding-bottom: 5px;
}
.topImageBanner-left-Container {
width: 40%;
padding-top: 25px;
}
.topImageBanner-right-Container {
margin-left: auto;
padding-top: 30px;
}
.topImageBanner-image {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
max-width: 100%;
object-fit: cover;
}
.topImageBanner-image-nocta {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
max-width: 100%;
height: 260px;
object-fit: cover;
}
@media only screen and (max-width: 600px) {
.topImageBannerContainer {
flex-direction: column-reverse;
margin-left: unset;
padding: 0px;
}
.topImageBanner-left-Container {
width: 100%;
}
}
@media only screen and (max-width: 977px) {
.topImageBannerContainer {
margin-left: unset;
padding: 0px;
flex-direction: column-reverse;
background-color: unset !important;
max-width: 100%;
}
.topImageBanner {
background-color: unset !important;
}
.topImageBanner-left-Container {
padding: 10px 20px 0px 20px;
top: -37px;
position: relative;
left: 5%;
width: 90%;
border-radius: 20px;
}
.topImageBanner-left-Container h1 {
font-size: 48px;
}
.topImageBanner-image {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
.topImageBanner-image-nocta {
border-top-left-radius: unset;
border-top-right-radius: unset;
height: unset;
}
.call-to-action-class {
margin-bottom: 0px !important;
}
.topImageBanner .topImageBanner-left-Container:has(.topImageBanner-icon) {
.call-to-action-class {
margin-bottom: 12px !important;
}
}
}
@media only screen and (max-width: 1240px) and (min-width: 977px) {
.topImageBanner-left-Container h1 {
font-size: 48px;
padding-top: 5px;
}
.topImageBanner-right-Container {
padding-left: 40px;
}
.topImageBanner-image {
height: 29rem;
width: 600px;
}
.topImageBanner-image-nocta {
height: 260px;
width: 600px;
}
}
@media only screen and (min-width: 1241px) {
.topImageBanner-left-Container {
padding-right: 10px;
}
.topImageBanner-right-Container {
padding-left: 40px;
}
.topImageBanner-image {
height: 380px;
width: 700px;
}
.topImageBanner-image-nocta {
height: 260px;
width: 700px;
}
}
/* */
.top-page a {
display: none;
width: 90px;
height: 36px;
padding-top: 10px;
padding-left: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border: 2px solid #fff;
border-bottom-width: 0;
position: fixed;
display: none;
bottom: 0;
left: 50%;
margin: 0 auto;
margin-left: -45px;
font-size: 10px;
font-weight: bold;
}
.top-page a:after {
content: ' ';
width: 18px;
height: 11px;
display: block;
position: absolute;
top: 15px;
right: 15px;
margin-left: -9px;
background: url(../images/sprite-icons.png) no-repeat -15px -10px;
filter: invert(55%) sepia(87%) saturate(375%) hue-rotate(126deg) brightness(93%) contrast(96%);
}
.top-page a:hover {
text-decoration: none;
}
@media screen and (min-width: 768px) {
.top-page a {
left:inherit;
right: 0;
bottom: 20%;
width: 45px;
height: 90px;
padding-top: 54px;
text-align: center;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 0px;
border-bottom-left-radius: 15px;
border-right: none;
padding-left:0;
border-bottom-width: 2px;
}
.top-page a:after {
content: ' ';
width: 18px;
height: 11px;
display: block;
position: absolute;
top: 20px;
left: 50%;
margin-left: -9px;
}
}
/* */
.top-page a {
background: #000;
color: #FFFFFF;
z-index: 100;
}
/* */
#cboxLoadedContent .t-and-c-button
{
background-color: #2D2D2D;
border: 1px solid #000000;
-moz-box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
-webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
background-image: -o-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
background-image: -moz-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
background-image: -webkit-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
background-image: -ms-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
background-image: linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
color: #FDFFFD;
text-shadow: rgba(0,0,0,1) 0px 1px 0px;
cursor: pointer;
}
#cboxTitle:after {
content: '.';
background-color: white;
height: 52px;
float: right;
margin-top: -4px;
margin-right: 7px;
}
#cboxLoadedContent .t-and-c-buttons a {
display: block;
width: 120px;
height: 35px;
border-radius: 4px;
text-align: center;
line-height: 35px;
text-decoration: none;
font-family: 'Helvetica';
font-weight: bold;
font-size: 10pt;
}
#cboxLoadedContent .button-left
{
float:left;
margin-left: 10px;
margin-bottom: 10px;
}
#cboxLoadedContent .button-right
{
float:right;
margin-right: 10px;
margin-bottom: 10px;
}
#lightbox-content
{
display:none;
}
@media screen and (min-width: 369px)
{
#cboxLoadedContent .body
{
min-height: 355px;
}
}
@media screen and (max-width: 369px)
{
#cboxLoadedContent .button-left
{
float:right;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
}
#cboxLoadedContent .button-right
{
float:right;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
}
#cboxLoadedContent .t-and-c-buttons a
{
width:90%;
}
#cboxLoadedContent .body
{
min-height: 325px;
}
}
.tabulator th, td {
padding: 0 16px;
}
.tabulator td.middle, th.middle{
vertical-align: middle;
}
.tabulator td.top, th.top{
vertical-align: top;
}
.tabulator .tableHeader p
{
margin-top:5px;
margin-bottom:5px;
margin-right:0px;
margin-left:10px;
}
.tabulator p
{
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:10px;
padding: 10px 45px 10px 13px !important;
}
.tabulator .terms-and-conditions
{
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:10px;
}
.tabulator p span
{
vertical-align: middle;
}
.tabulator li{
margin-bottom: 10px !important;
}
.tabulator
{
margin: 21px 0;
}
.tabulator table {
width: 100%;
border-collapse: separate;
table-layout: fixed;
overflow:hidden;
background:#fff;
}
.panel .tabulator table {
-webkit-border-radius: 0px;
border-radius: 0px;
}
.tabulator th {
background: #000000;
color: #ffcc00;
line-height: 36px;
padding-left: 12px;
}
/* borders and padding for accordion ('.panel') */
.panel .tabulator {
margin-right:-7.5px !important;
margin-left:-7.5px !important;
}
.panel .tabulator td, .panel .tabulator th {
border-radius:0 !important;
-webkit-border-radius:0px !important;
}
/* Modified margin-top */
.panel .tabulator:first-child {
margin-top:0px !important;
}
.panel .tabulator:last-child {
margin-bottom:-15px !important;
}
.panel .tabulator:first-child table {
margin-top:0 !important;
}
.panel .tabulator:last-child table {
margin-bottom:10px !important;
}
.stickyFooter {
padding: 25px 0;
}
.stickyFooter .container {
position: relative;
}
.stickyFooter p {
margin: 0 20px 0 0;
}
.stickyFooter .icon {
max-width: 40px;
max-height: 34px;
position: absolute;
top: 50%;
margin-top: -17px;
}
.stickyFooter .icon +span {
display:block;
margin-left:56px;
padding-right: 120px;
}
.stickyFooter .heading {
margin-right: 15px;
}
.stickyFooter .btn-close {
width: 12px;
height: 12px;
display: block;
background: url(../images/Black-Cross.png) no-repeat;
position: absolute;
top: 4px;
right: 15px;
display: none;
}
.stickyFooter .btn {
width: 120px;
height: 40px;
position: absolute;
padding-inline: 10px;
top: 15px;
right: 1px;
border: solid #000000;
border-width: 1px;
border-radius: 0px;
font-weight: bold;
background: none
}
.stickyFooter.closeable .btn-close {
display: block;
}
@media screen and (max-width: 767px) {
.stickyFooter .heading {
display: block;
}
.stickyFooter .icon {
position: initial;
margin-top: 0;
}
.stickyFooter .btn {
right: 10px;
top: 55px;
}
}
@media (min-width:768px) and (max-width: 1024px) {
.stickyFooter .btn {
right: 10px;
}
}
@media (min-width:534px) and (max-width: 766px) {
.stickyFooter .btn {
top: 25px;
}
}
.stickyFooterContainer {
position: fixed;
bottom: 0;
z-index: 1200;
width: 100%;
}
.stickyFooter {
background: #F1F1F1;
}
.stickyFooter.priority-2 {
background: #F6EEDF;
}
.stickyFooter.priority-2 .btn {
display: none !important;
}
.stickyFooter.priority-3 .btn {
display: none !important;
}
.stickyFooter.priority-3 {
background: #FFCC00;
}
.stickyFooter p {
color: #fff;
}
.stickyFooter .heading {
font-weight: bold;
}
.stickyFooter a {
color: #2675aa;
font-weight: bold;
}
.stickyFooterData {
padding-right: 120px;
display: inline-block;
}
.share-center-align{
margin-left: 40%;
}
.share-page-wrapper
{
padding-bottom:10px;
}
.share-page-wrapper ul
{
list-style-type:none;
-webkit-padding-start:0;
-webkit-margin-before:0;
-webkit-margin-after:0;
}
.share-page-wrapper ul li:first-child {
padding-left: 0;
}
.share-page-wrapper ul li {
padding-left: 10px;
}
.share-page-wrapper li
{
float:left;
}
.share-page-wrapper ul li p {
margin:0; padding:0;
}
.share-page-wrapper label
{
line-height:27px;
vertical-align:middle;
}
.share-page-wrapper li input
{
vertical-align: middle;
}
.share-hero {
}
.share-box {
position:relative;
display:none;
}
.share-box-inner {
position:absolute;
z-index:12;
border:solid 2px #312d2e;
top:-1px;
right:-16px;
}
.share-box-inner ul {
width:44px;
padding:8px 0 0 0;
}
.share-box-inner ul {
display:none;
list-style:none;
margin:0;
}
a.share-cta {
display:block;
line-height:38px;
height:38px;
width:44px;
padding:8px 0 0 0;
}
a.share-cta:before {
width:27px;
height:38px;
background:url(../images/sprite-icons.png) no-repeat 0 -104px;
content:' ';
display:block;
float:left;
margin:0 8px 8px 0;
}
body:not(.touch) .share-box-inner:hover ul, .share-box-inner.expanded ul {
display:block;
}
html[data-useragent*="MSIE 8"] .share-box-inner:hover ul {
display:block;
}
.share-box li {
line-height:24px;
}
.share-box li, a.share-cta {
padding-right:8px;
padding-left:8px;
vertical-align:middle;
margin-bottom:8px;
}
.share-box li:hover {
cursor:pointer;
}
.share-box li {
line-height:24px;
}
.share-box li img, a.share-cta img {
padding-right: 8px;
}
.share-box li img,.share-box li input {
padding-right:8px;
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
.share-box li:hover img,.share-box li:hover input {
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.share-hero li.inline {
height:35px;
}
@media (max-width:767px) {
.share-page-wrapper ul li:first-child {
display:none;
}
.share-page-wrapper ul li:nth-child(2) {
padding-left: 0;
}
.share-box-inner {
border-width:1px;
}
.hidden-mob {
display:none; /* different from .hidden-mob, which changes to display:block not mobile */
}
.share-box li {
border-top:solid 1px #312d2e;
padding-top:8px;
}
}
@media (min-width:768px) {
.share-box-inner:hover a.share-cta {
display:none;
}
.share-box-inner {
border-radius:6px;
-webkit-border-radius:6px;
}
.share-box-inner {
top:60px;
right:0;
}
.share-box-inner ul {
width:130px;
padding-top:8px;
}
a.share-cta {
width:90px;
}
.share-hero li.inline {
height:27px;
}
.share-hero li.inline input {
float:left !important;
display: block !important;
width:35px !important;
height:27px !important;
}
.share-hero li.inline span {
line-height: 27px !important;
vertical-align: middle !important;
display: block !important;
float: left;
}
}
.share-box-inner {
background:#000;
}
.share-cta, .share-box li span {
color: #777;
}
.share-cta:hover, .share-box li:hover a, .share-cta:hover, .share-box li:hover span {
color:#fff; text-decoration:none;
}
/************************* Question component *************************/
.question-container { display: block; font-size: 14px; margin-top: 10px; margin-bottom: 10px; min-height: 125px;}
.question-container .glyphicon-ok {color: green;}
.question-container .glyphicon-remove {color: red; top: 2px;}
.answer-options {margin-top: 10px; margin-left: 15px;}
.answer-options LABEL { font-weight: normal; display: table;}
.answer-options LABEL .radio-button { display: table-cell; width: 20px; }
.answer-options .radio-button SPAN {position: relative; width: 25px; height: 20px; display: inline-block;}
.answer-options LABEL .radio-text { display: table-cell; }
.answer-options LABEL .radio-text SPAN { position: relative; }
.answer-options input[type="radio"]{ position: absolute; top: 4px;}
.question-container .user-answer::before{
content: '';
display: inline-block;
width: 10px;
height: 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background-color: black;
margin-right: 10px;
}
.answer-options .ans-option {margin-left: 15px; }
.answer-options .ans-option.user-answer {text-indent: -24px;}
.answer-options .ans-option.user-answer .glyphicon { left: 33px; }
.answer-options .ans-option .glyphicon { left: 10px; }
.question-container .error {color: red; margin-left: 31px;}
.hint-box {padding-top: 15px; padding-bottom: 40px;}
.hint-container { border: solid 1px #b3b3b3; padding: 10px;}
.hint-container .glyphicon {margin-right: 10px;}
.hint-container .find-answer-text {margin-top: 5px; margin-bottom: 5px;}
/************************* Quiz component *************************/
.quiz-container {margin-top: 15px;}
.quiz-container .unhide {display: block !important;}
.quiz-top-container { margin-bottom: 15px; }
/*h1 to look like h2 */
.quiz-top-container h1.color-black-header-h2 {
font-family: Arial,sans-serif,Helvetica Neue,Helvetica;
line-height: 1.1em;
}
.score-container { font-size: 20px; margin-bottom: 2px; }
.score-container .message {margin-left: 15px;}
.quiz-container .bottom {margin-top: 20px; margin-bottom: 10px;}
.quiz-container .bottom .link-to-quiz {height: 40px; margin-top: 10px;}
.score-container .score {display: inline-block; margin-bottom: 2px; }
.score-container .trophy-container { display: inline-block; margin-bottom: -2px; margin-left: 20px;}
.score-container .total {color: #b3b3b3; }
@media only screen and (max-width : 768px) {
.quiz-container .cta-rounded {width: 90%; margin-right: 5%;}
.score-container {margin-top: 20px;}
}
@media only screen and (min-width : 768px) {
.quiz-top-container .row {display: table; width: 100%}
.quiz-top-container .row [class*="col-"] {
float: none;
display: table-cell;
vertical-align: bottom;
}
.quiz-top-container .score-container {
margin-left: 17px;
}
}
/************************* Quiz Cup *************************/
.quiz-cup {
background: url("../images/learn-quiz/trophy.png") no-repeat center center transparent;
position: relative;
width: 56px;
height: 45px;
background-size: 100% 100%;
}
.quiz-cup-fill {
background: url("../images/learn-quiz/trophy-filled.png") no-repeat bottom center transparent;
background-size: cover;
bottom: 0;
position: absolute;
}
/************************* Recommended Quiz *************************/
.quiz-summary-container { border: solid 1px #b3b3b3; height: 200px; cursor: pointer; margin: 10px 0 10px 0; background: white;}
.quiz-summary-container .body {padding: 10px;}
.quiz-summary-container .quiz-col {display: inline-block; height: 65px; vertical-align:top;}
.quiz-summary-container .left { width: 80px;}
.quiz-summary-container .bold {font-weight: bold;}
.quiz-summary-container:hover { border: solid 1px #ffcc00; }
.quiz-summary-container .par-container {height: 60px; overflow: hidden;}
.quiz-summary-container header {
width: 100%;
height: 60px;
display: table;
}
.quiz-summary-container header h3 {
margin: 0;
padding: 0;
height: 60px;
display: table-cell;
vertical-align: middle;
font-size: 20px;
}
.quiz-summary-container header h3 span {
display: inline-block;
max-height: 45px;
overflow: hidden;
padding: 0 10px;
position: relative;
box-sizing: border-box;
width: 100%;
}
.quiz-summary-container header h3 span em {
display: table-cell;
vertical-align: middle;
position: relative;
font-style: normal;
}
/* Use this to hide the dots when it isn't overflowing */
.quiz-summary-container header h3 span:before {
content: "";
float: right;
width: 20px;
height: 22px;
display: block;
position: relative;
z-index: 1;
background: white; /* background must match background of header - need to apply for hover + visisted version too */
}
.quiz-summary-container header h3 span b {
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
max-height: 65px;
}
.quiz-summary-container header h3 span b:after {
content: "...";
display: block;
position: absolute;
bottom: 21px;
}
p.prompanchor a
{
color:black;
text-decoration: underline;
text-underline-offset: 25%;
}
#PromPanelAlert
{ background: #ffe2d9; position:relative; display:block; color: #000; padding:20px; width:710px; margin-bottom: 10px; }
#PromPanelInfo
{ background: #e3eaf6; position:relative; display:block; color: #000; padding:20px; width:710px; margin-bottom: 10px; }
#PromPanelNotice
{ background: #f9f9f9; position:relative; display:block; color: #000; padding:20px; width:710px; margin-bottom: 10px; }
#PromPanelSuccess
{ background: #e1ede5; position:relative; display:block; color: #000; padding:20px; width:710px; margin-bottom: 10px; }
#PromPanelWarning
{ background: #fff7e1; position:relative; display:block; color: #000; padding:20px; width:710px; margin-bottom: 10px; }
.PromPanelPanelBox
{ padding:0px 0px 0px 0px; height: 30px; display: block; }
.PromPanelIconAlert
{ padding: 0px 0px 0px 25px; background: url("${prompanel.externalDomain @ context='unsafe'}content/dam/EN/Images/CommSec/alert2x.png") no-repeat; display: block; background-size: 16px 16px; }
.PromPanelIconInfo
{ padding: 0px 0px 0px 25px; background: url("${prompanel.externalDomain @ context='unsafe'}content/dam/EN/Images/CommSec/info2x.png") no-repeat; display: block; background-size: 16px 16px; }
.PromPanelIconNotice
{ padding: 0px 0px 0px 25px; background: url("${prompanel.externalDomain @ context='unsafe'}content/dam/EN/Images/CommSec/notice2x.png") no-repeat; display: block; background-size: 16px 16px; }
.PromPanelIconNoticeChart
{ padding: 0px 0px 0px 25px; background: url("${prompanel.externalDomain @ context='unsafe'}content/dam/EN/Images/CommSec/notice-chart2x.png") no-repeat; display: block; background-size: 16px 16px; }
.PromPanelIconSuccess
{ padding: 0px 0px 0px 25px; background: url("${prompanel.externalDomain @ context='unsafe'}content/dam/EN/Images/CommSec/success2x.png") no-repeat; display: block; background-size: 16px 16px; }
.PromPanelIconWarning
{ padding: 0px 0px 0px 25px; background: url("${prompanel.externalDomain @ context='unsafe'}content/dam/EN/Images/CommSec/warning2x.png") no-repeat; display: block; background-size: 16px 16px; }
.PromPanelIconNew
{ padding: 0px 0px 0px 45px; background: url("${prompanel.externalDomain @ context='unsafe'}content/dam/EN/Images/CommSec/new2x.png") no-repeat; display: block; background-size: 34px 16px; }
.PromPanelTitle
{ font-weight: bold; font-size: 15px; }
#ButtonPanel .PromPanelCTA a
{ cursor:pointer; color: #0078b8; float:none; background:none; display:inline; text-shadow:none; line-height:normal; margin-right:0px; font-weight:normal; font-family:inherit; }
.PromPanelDismiss
{ cursor:pointer; width:12px; height:12px; display:block; padding:4px; position:absolute; top:8px; right:8px; font-size:0px; text-shadow:none; line-height:1; float:none; margin:auto; color:rgba(0,0,0,0); background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABGdBTUEAALGPC/xhBQAAAMhJREFUKBV9kDESgjAURAm5A7kDcAwOYYMNlZ230QIaLuAx7B3Sa5sjYBF3GTLzE6OZgfz8fRuWr+q6viil7tbaufizmqY5QO5KwihGNI6/+B2ed7YoCONZcybC1Nq2HaILCVPgHgTUX7AKIvcdHvHpwXv/RosxTsuyTIGLDNLEOoXZK/lK1irOst7aWoiMxNFtMXD7DbEmY8zTOfeQ3FbnfhCT6dHnhPrIkIMDkJq0jCGnEQyMw1iMV1XVS+N1Rt5rDpYmwjh3H5s+WDtjwXt4AAAAAElFTkSuQmCC) center no-repeat; }
.modal-window{
position: relative;
display: flex;
width: 640px;
height: 368px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal-window-author{
position: relative;
display: flex;
width: 640px;
height: 368px;
top: 50%;
}
.popup-left{
overflow: hidden;
width: 65%;
z-index: 9;
}
.popup .close{
opacity:1.2;
}
.popup-left img{
clip-path: inset(0 4% 0 0);
width: 334px;
height: 369px;
object-fit: cover;
}
.popup-right{
width: 59%;
left: 242px;
top: 7px;
bottom: 7px;
margin: 3px 32px 3px 11px;
padding: 37px 29px 0px 0px;
}
.popup-text{
text-wrap: balance;
padding: 0px 0px 0px 120px;
}
.popup-right h2{
font-weight: 900;
font-size:29.5px;
margin: 0 0 23px 0;
}
.popup-right h3{
margin-bottom: 27px;
font-size: 17px;
}
.popup button img{
position: absolute;
top: 17px;
left: 596px;
width: 2rem;
height: 2rem;
text-shadow: none;
}
.modal-window .cta-rounded:link,.modal-window-author .cta-rounded:link{
/*padding: 0 55px 0 55px;*/
box-shadow: none;
border: none;
width:90%;
text-align:center;
}
.modal-window .call-to-action-class, .modal-window-author .call-to-action-class{
padding: 0 0 0 113px;
}
@media screen and (max-width: 768px){
.modal-window {
background-color: white !important;
flex-direction: column;
width: 361px;
height: 519px;
padding: 10px 19px 10px 10px;
}
.popup-left {
width:100%;
position: relative !important;
right: 3px;
overflow: revert;
z-index: 0;
}
.popup button img{
top: 30px;
left: 316px;
}
.popup-left img {
width: 100%;
height: 219px;
margin: 20px 15px 0px 8px;
clip-path: none;
bottom: 5px;
position: relative;
object-fit: cover;
}
.popup-right {
width: 100%;
left: 0px;
top: -4px;
bottom: 0px;
right: 0px;
position: relative !important;
margin: 0px 0px 21px 5px;
padding: 0px 6px 0px 4px;
}
.modal-window .call-to-action-class, .popup-text {
padding: 0;
text-align:center !important;
}
.modal-window .call-to-action-class{
margin-bottom: 18px;
}
.popup-text{
padding: 19px 0px 0px 0px;
}
.modal-window .cta-rounded:link,.modal-window-author .cta-rounded:link{
width:70%;
}
.popup-right h2{
font-size:27px;
}
}
.podcast-player-section iframe {
width: 100%;
border-radius:12px;
min-width: min(100%, 430px);
}
.classic iframe {
height:152px;
}
.stylish iframe{
height:352px;
}
.page-navigation {
font-family: cba_beaconsans-regular;
}
.page-nav {
border-bottom: 1px solid #e5e5e5;
width: 100%;
z-index: 6;
position: relative;
}
.page-nav-anchor {
display:block;
height:0;
}
.page-nav.affix {
position: fixed;
top: 75px;
}
.page-nav.padding {
padding: 27px 0;
}
.page-nav input[type="text"] {
width: 27%;
height: 44px;
margin-right: 15px;
border-style: solid;
border-width: 1px;
font-size: 16px;
}
.page-nav .cta-rounded:link {
margin-top: 8px;
}
.page-nav button.cta-rounded {
margin-top: 0;
}
.page-nav select {
width: 100%;
font-size: 16px;
}
.page-nav .col {
width: auto;
}
.page-nav .col.cta-180 {
width: 193px;
padding-left: 11px;
vertical-align: top;
}
.page-nav .nav {
margin: 0;
width: auto;
}
.page-nav ul li.col {
width: auto;
padding: 0;
background: none;
}
.page-nav .nav li a {
display: block;
width: 150px;
height: 98px;
vertical-align: middle;
text-align: center;
display: table-cell;
font-size: 16px;
padding: 0 5px;
}
.page-nav .nav > li > a:focus {
color:inherit;
background:inherit;
}
.page-nav.filter li a {
height: 65px;
}
.page-nav li a:hover {
text-decoration: none;
}
.page-nav li.active a:after, html[data-useragent*="MSIE"] .page-nav li a:active:after {
transition: .25s cubic-bezier(0.39,0.575,0.565,1);
content: " ";
display: block;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
height: 0.25rem;
background-color: #fc0;
margin-left: -9px;
}
@media (max-width: 767px) {
.page-nav.affix {
top: 45px;
}
.page-nav input[type="text"].width-100-xs {
width: 100%;
margin-bottom: 19px;
}
.page-nav .hide-xs {
display: none;
}
.page-nav .sbHolder {
min-width: initial;
}
}
@media (min-width: 768px) {
.page-nav .inline-block-sm {
display: inline-block;
width: auto;
vertical-align: top;
margin-left: 12px;
}
.page-nav .inline-block-sm .col {
vertical-align: top;
}
.page-nav .inline-block-sm select {
min-width: 286px;
}
}
@media (min-width: 768px) and (max-width: 977px) {
.page-nav.hidden-xs .container {
padding-left:0;
}
.page-nav .nav li a {
width: 117px;
}
}
@media (min-width: 978px) and (max-width: 1140px) {
.page-nav.hidden-xs .container {
padding-left:0;
}
.page-nav .nav li a {
width: 125px;
}
}
/* MOBILE NAV (FIXED TO RHS) */
.page-nav-mob {
position:fixed;
right:0;
top:150px;
z-index:11;
width:234px;
}
.page-nav-mob-inner {
position:relative;
width:234px;
}
.page-nav-mob a.toggle {
display:block;
position:absolute;
right:0;
width:45px;
height:53px;
text-align:center;
border-style:solid;
border-width:1px;
border-right:0;
font-weight:bold;
padding-top:31px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
bottom:0;
font-size:10px;
}
.page-nav-mob[data-list-length="2"] a.toggle {
margin-top:54px;
}
.page-nav-mob[data-list-length="3"] a.toggle {
margin-top:106px;
}
.page-nav-mob[data-list-length="4"] a.toggle {
margin-top:158px;
}
.page-nav-mob[data-list-length="5"] a.toggle {
margin-top:210px;
}
.page-nav-mob.expanded a.toggle {
right:186px;
}
.page-nav-mob.collapsed a.toggle {
right:0;
}
.page-nav-mob .panel {
position:absolute;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-right:0;
width:186px;
top:0;
}
.page-nav-mob.expanded .panel {
right:0;
}
.page-nav-mob.collapsed .panel {
right:-186px;
}
.page-nav-mob .panel .list-group-item {
height:53px;
}
.page-nav-mob .panel .list-group-item a {
display:block;
padding:5px 15px;
position:relative;
}
.page-nav-mob .panel .list-group-item:last-child {
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}
@media screen and (max-height: 479px) {
.page-nav-mob {
top: 30px;
}
}
.page-nav .nav li a:focus {
border-bottom: none;
outline: 2px solid #1175b5;
outline-offset: 2px;
}
.page-nav
{
background-color: #ffcc00;
}
.page-nav input[type="text"] {
border-color: #ccc;
}
.page-nav input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
color: #000;
}
.page-nav input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
}
.page-nav input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
}
.page-nav input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000;
}
.page-nav li a {
color: #000;
}
.page-nav .nav li.active a, html[data-useragent*="MSIE"] .page-nav .nav li a:active {
}
/* MOBILE NAV (FIXED TO RHS) */
.page-nav-mob a.toggle {
color:#ffcc00;
background:#000;
border-color:#fff;
}
.page-nav-mob a.toggle:after {
content: ' ';
display: block;
position:absolute;
width: 18px;
height: 18px;
background-image:url(../images/sprite-icons.png);
background-repeat:no-repeat;
top:8px;
left:13px;
}
.page-nav-mob a.toggle:hover {
text-decoration:none;
}
.page-nav-mob a.toggle.plus:after {
background-position:-69px 0;
}
.page-nav-mob a.toggle.minus:after {
background-position:-69px -18px;
}
.page-nav-mob .panel {
}
.page-nav-mob .panel .list-group-item {
background:#ffcc00;
border-color:#414243;
}
.page-nav-mob .panel .list-group-item:first-child {
border-top:none
}
.page-nav-mob .panel .list-group-item:hover {
background:#000;
}
.page-nav-mob .panel .list-group-item:hover a {
background:#000; color:#ffcb05;
}
.page-nav-mob .panel .list-group-item a {
color:#231f20;
}
.page-nav-mob .panel .list-group-item a:hover {
text-decoration:none;
}
.page-nav-mob .panel .list-group-item a:after {
content: ' ';
display: block;
position:absolute;
width: 6px;
height: 10px;
background: url(../images/sprite-icons.png) no-repeat -58px -84px;
top:13px;
right:0;
}
.page-nav-mob .panel .list-group-item:hover a:after {
content: ' ';
display: block;
position:absolute;
width: 6px;
height: 10px;
background: url(../images/sprite-icons.png) no-repeat -17px 0;
top:13px;
right:0;
}
.col-md-6 {
.sub-text {
font-style: italic;
font-weight: bold;
}
.card-background {
margin-bottom: 20px;
}
.newscard h2 {
font-family: cba_beaconsans-regular !important;
font-family: bold;
margin-bottom: 8px;
font-size: 20px;
font-weight: 900;
}
.newscard h4,.newscard h3 {
font-weight: 800;
}
.newscard h4{
margin-top: 2px;
}
.cardtext-left p {
font-size: 14px !important;
}
.cardtext-right p {
font-size: 14px !important;
}
.cardtext-right {
width: 50%;
padding-left: 20px;
padding-right: 10px;
}
.cardtext-left {
width: 50%;
padding-left: 10px;
padding-right: 20px;
}
.newscard {
padding: 22px;
justify-content: space-between;
width: auto;
display: flex;
flex-direction: row;
}
.card-background {
border-radius: 15px;
}
.image-left img,.image-right img {
max-width: 100%;
border-radius: 11px !important;
object-fit: cover;
min-height: 100%;
}
.image-left {
width: 50%;
float: left;
}
.image-right {
float: right;
width: 50%;
order: 1;
}
@media(max-width:767px) {
.newscard {
display: flex;
flex-direction: column;
width: 100%;
padding: 22px;
}
.image-left img {
width: 100%;
border-radius: 10px !important;
}
.newscrad {
min-height: auto;
}
.cardtext-left {
width: 100%;
padding-left:0px;
}
.cardtext-right {
width: 100%;
padding-left:0px;
}
.image-right img {
width: 100%;
border-radius: 10px !important;
}
.newscard .image-left {
margin-bottom: 26px;
}
.image-left {
width: 100% !important;
margin-left: unset;
margin-bottom: 26px;
}
.image-right {
width: 100% !important;
order: unset;
margin-bottom: 26px;
}
}
@media(min-width:768px) and (max-width:1024px) {
.image-left img {
width: 100%;
height: 17.5rem;
}
.image-right img {
width: 100%;
height: 17.5rem;
}
}
}
.col-sm-4 {
.sub-text {
font-style: italic;
font-weight: bold;
}
.card-background {
margin-bottom: 20px;
}
.newscard h2 {
font-family: cba_beaconsans-regular !important;
font-family: bold;
margin-top: 4px;
margin-bottom: 8px;
font-size: 20px;
font-weight: 900;
}
.newscard h4,.newscard h3 {
font-weight: 800;
}
.newscard h4{
margin-top: 2px;
}
.cardtext-left p {
font-size: 14px !important;
}
.cardtext-right p {
font-size: 14px !important;
}
.cardtext-right {
width: 66%;
padding-left: 20px;
}
.cardtext-left {
width: 66%;
padding-right: 20px;
}
.newscard {
padding: 22px;
justify-content: space-between;
width: auto;
display: flex;
flex-direction: row;
}
.card-background {
border-radius: 15px;
}
.image-left img {
max-width: 100%;
border-radius: 11px !important;
object-fit: cover;
}
.image-right img {
max-width: 100%;
border-radius: 11px;
object-fit: cover;
}
.image-left {
width: 33%;
float: left;
}
.image-right {
float: right;
width: 33%;
order: 1;
}
@media(max-width:767px) {
.newscard {
display: flex;
flex-direction: column;
width: 100%;
padding: 22px;
}
.image-left img {
max-width: 100%;
border-radius: 10px !important;
margin-top: unset;
}
.newscard {
min-height: auto;
}
.cardtext-left,.cardtext-right {
width: 100%;
padding-left:0px;
}
.image-right img {
max-width: 100%;
border-radius: 15px !important;
margin-top: unset;
}
.newscard .image-left {
margin-bottom: 26px;
}
.image-left {
width: 100% !important;
margin-left: unset;
}
.image-right {
width: 100% !important;
order: unset;
}
}
@media(min-width:768px) and (max-width:1024px) {
.image-left img,.image-right img{
width: 100%;
}
}
}
.download {
list-style:none;
margin:0 0 30px 0;
padding:0;
}
.download li {
float:left;
}
.download li:first-child {
margin-right:15px;
}
.form-login legend {
border:0;
}
.form-login fieldset {
margin-bottom:15px;
}
.form-login input {
width:100%;
border:solid 1px #333;
outline:none;
-webkit-border-radius: 5px;
border-radius: 5px;
height:30px;
}
.global-nav a.nav-login:after {
background: url(../images/sprite-icons.png) no-repeat -90px -75px;
}
.form-login legend {
color:#ffcc00;
}
.form-login input {
background:#333;
color:#fff;
}
.form-login ::-webkit-input-placeholder {
color: #fff;
}
.form-login :-moz-placeholder { /* Firefox 18- */
color: #fff;
}
.form-login ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.form-login :-ms-input-placeholder {
color: #fff;
}
.hidden-submit
{
visibility:hidden;
}
.login-m #txt-password.ie-placeholder
{
background-image: url(../images/password-mobile-placeholder.png);
background-repeat:no-repeat;
}
.login-m #txt-mobile-clientId.ie-placeholder
{
background-image: url(../images/clientid-mobile-placeholder.png);
background-repeat:no-repeat;
}
.popover .arrow:after
{
border-style:none !important;
}
.popover .arrow{
border-width:0px !important;
}
.popover.small-popover
{
max-width: 260px;
}
.popover-content .close
{
opacity: 1;
position: absolute;
top: 13px;
right: 9px;
}
.popover
{
max-width: 328px;
border-radius: 10px;
}
.popover-content
{
color:black;
padding: 14px 55px 14px 14px;
position: relative;
}
.login {
padding-top:8px;
padding-bottom:8px;
border-bottom: 1px solid #302c2d;
}
.login .form-inline > img {
display:block; float:left;
}
.login .btn {
padding:0;
height:33px;
width: 36px;
line-height:33px;
border-top: none;
border-left: none;
}
.login .btn-options {
padding-right:10px;
padding-left:10px;
width:34px;
}
.btn.btn-primary.btn-options {
margin-left:0px;
border-left: 1px solid #89a9be;
}
.login input[type="checkbox"] {
position: absolute;
top: -100px;
}
.login input[type="checkbox"] + label {
display: block;
width: 18px;
height: 18px;
float:right;
background: url(../images/sprite-icons.png) -33px -16px no-repeat;
}
/* NOTE: Separate rule required for IE8 */
.login input[type="checkbox"][value="on"] + label
{
background-position: -51px -16px;
}
.login input[type="checkbox"]:checked + label {
background-position: -51px -16px;
}
#cboxClose {
top: 23px;
right: 20px;
display: inline-block;
border: medium none;
background-color: transparent;
background-image: url("../images/action_buttons.png");
background-position: 5px -60px;
padding: 0px;
width: 15px;
height: 15px;
}
#cboxTitle
{
padding-top: 4px;
width: 100%;
}
/* device specific */
.ie8-always-visible
{
display:inline !important;
}
@media (min-width: 978px) {
.login .logo{
display: none;
}
}
@media (max-width: 660px) {
#cboxTitle
{
font-size: 20px;
}
}
@media (max-width: 440px) {
#cboxTitle
{
font-size: 16px;
height: 52px;
}
}
/*reserve space for the check box... needed for chrome version 31*/
#remember-cid-placeholder
{
width: 151px;
height: 31px;
float: left;
}
@media (min-width: 768px)
{
.input-error
{
border: 2px solid red !important;
margin-top: -1px;
}
}
@media (max-width: 978px)
{
.login .logo{
height: 32px;
}
}
/* browser specific */
/* IE 10 */
html[data-useragent*='MSIE 10.0'] .login input[type="text"], html[data-useragent*='MSIE 10.0'] .login input[type="password"] {
padding-top:0px;
}
.login input:-ms-input-placeholder {
padding-top:0px;
}
.login {
background: #5b5b5b;
background: -moz-linear-gradient(top, #5b5b5b 0%, #383838 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#383838));
background: -webkit-linear-gradient(top, #5b5b5b 0%,#383838 100%);
background: -o-linear-gradient(top, #5b5b5b 0%,#383838 100%);
background: -ms-linear-gradient(top, #5b5b5b 0%,#383838 100%);
background: linear-gradient(to bottom, #5b5b5b 0%,#383838 100%);
}
.login input::-webkit-input-placeholder { /* WebKit browsers */
color: #6f6f6f;
}
.login input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #6f6f6f;
}
.login input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #6f6f6f;
}
.login input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #6f6f6f;
}
.btn-options {
border-color:#1e5e88;
}
.btn-options:after {
content: ' ';
background: url(../images/sprite-icons.png) no-repeat -21px -24px;
width: 11px;
height: 7px;
display: block;
position: absolute;
left: 12px;
top:12px;
}
.login--one-click-login{
height:36px;
max-width:24em;
padding-left:12px;
padding-right:12px;
border:1px solid #6f6f6f;
background-color:#fc0;
transition:all 100ms;
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:middle;
box-sizing:border-box;
overflow:hidden;
white-space:nowrap;
color:#2a2a2a;
font-size:14px;
font-family:Arial, sans-serif;
text-align:center;
line-height:20px;
text-decoration:none;
text-overflow:ellipsis;
border-radius:4px;
/*float:right;*/
}
.login--one-click-login:hover{
background-color: #ffbd00;
}
.login--one-click-login:active{
background-color: #d79f0f;
}
.login--one-click-login:focus{
outline: 0;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0075bc;
}
.login--one-click-login:disabled{
opacity: 0.5;
cursor: not-allowed;
}
.aem-color-box{
padding-left: 20px;
padding-top: 20px;
padding-bottom: 3px;
padding-right: 130px;
}
.callout-container{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #2a2a2a;
box-sizing: border-box;
scroll-behavior: smooth;
margin-left:10px;
}
.callout-container .callout-heading--6{
font-size: 16px;
line-height: 20px;
font-weight:600;
}
.callout-container .aem-color-box {
background-color: #f3f3f3;
padding: 16px;
margin-bottom: 20px;
font-size: 14px;
line-height: 20px
}
.callout-container img{
float: right;
position: relative;
margin-right: -80px;
}
.callout-container ol, .callout-container ul{
list-style: disc;
padding-left: 20px;
padding-bottom: 20px;
}
.callout-container ul li{
padding-left:0px;
}
.learn-article-summary {
border: 1px solid #b3b3b3;
padding: 15px;
}
.learn-article-summary .learn-grey-bold{
color: #b3b3b3;
font-weight: bold;
}
.learn-article-summary .learn-grey{
color: #b3b3b3;
}
.learn-article-summary .tags-container{
font-size: 10px;
}
.learn-article-summary .tags-container .learn-tag{
margin-left: 0px;
}
.learn-article-summary ol li
{
list-style-type:decimal;
margin-left: 20px;
}
.learn-article-summary ul li {
background: url(../images/li-bg.png) no-repeat 0 7px;
}
.learn-feedback.top-result {
background: #ffffff;
margin-bottom: 0px;
}
/*h1 to look like h2 */
.learn-feedback.top-result h1.color-black-header-h2 {
font-family: Arial,sans-serif,Helvetica Neue,Helvetica;
line-height: 1.1em;
}
.learn-feedback.top-result .text-right {
margin-bottom: -20px;
}
.learn-feedback.top-result .text-right h3 {
display: inline-block;
vertical-align: super;
margin-bottom: 0;
}
.learn-feedback.top-result a.text-left {
padding-top: 40px;
float: left;
}
.learn-feedback.top-result .feedback {
clear: both;
max-height: 0px;
margin-top: 20px;
overflow: hidden;
-webkit-transition: max-height 0.8s;
-moz-transition: max-height 0.8s;
transition: max-height 0.8s;
}
.learn-feedback.top-result .feedback.show {
max-height: 180px;
}
.learn-feedback.top-result .feedback input[type="text"] {
width: 100%;
height: 42px;
border: 1px solid #a5a5a5;
}
.learn-feedback.top-result .feedback .css-table {
margin-bottom: 9px;
}
.learn-feedback.top-result .feedback .col {
width: auto;
padding: 0;
vertical-align: top;
}
.learn-feedback.top-result .col.submit {
width: 180px;
text-align: right;
}
.learn-feedback.top-result .col.submit button {
width: 156px;
margin: 0 0 0 10px;
cursor: pointer;
}
/* Article Grid style*/
.articles-row {margin-top: 10px; margin-bottom: 10px;}
.article-summary-container {height: 200px; border: solid 2px #7d7d7d; cursor: pointer; margin: 10px 0 10px 0;}
.article-summary-container header {
width: 100%;
height: 60px;
background: #b3b3b3;
display: table;
}
.article-summary-container header h3 {
margin: 0;
padding: 0;
height: 60px;
display: table-cell;
vertical-align: middle;
}
.article-summary-container header h3 span {
display: inline-block;
max-height: 45px;
overflow: hidden;
padding: 0 10px;
position: relative;
box-sizing: border-box;
width: 100%;
}
.article-summary-container header h3 span em {
display: table-cell;
vertical-align: middle;
position: relative;
font-style: normal;
word-break: break-word;
}
/* Use this to hide the dots when it isn't overflowing */
.article-summary-container header h3 span:before {
content: "";
float: right;
width: 20px;
height: 22px;
display: block;
position: relative;
z-index: 1;
background: #b3b3b3; /* background must match background of header - need to apply for hover + visisted version too */
}
.article-summary-container header h3 span b {
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
max-height: 65px;
word-break: normal;
}
.article-summary-container header h3 span b:after {
content: "...";
display: block;
position: absolute;
bottom: 21px;
}
.article-summary-container .article-summary-content { padding: 10px; font-size: 12px;}
.article-summary-container .what-will-learn-header { color: #7d7d7d; font-weight: bold;}
.article-summary-container .list-what-you-will-learn {margin-top: 10px; }
.article-summary-container .list-what-you-will-learn LI {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article-summary-container .tags-container {font-size: 10px;}
.article-summary-container .tags-title {color: #7d7d7d;}
.article-summary-container .tags {margin-left: 5px;}
/* Read (visited) article */
.article-summary-container.visited {border: solid 2px #b3b3b3;}
.article-summary-container.visited header { background: #d9d9d9; }
.article-summary-container.visited header h3 span:before {background: #d9d9d9}
/* Hover article */
.article-summary-container:hover {border: solid 2px #ffcc00; }
.article-summary-container:hover header { background: #ffcc00; }
.article-summary-container:hover header h3 span:before {background: #ffcc00;}
/* Filter style */
.filter-container {background-color: #f2f2f2; padding: 20px 0 20px 0px; margin-top: 0px;}
.filter-wrapper {margin-left: 15px;}
.filter-container .level-container {margin-top: 10px; display: flex; justify-content: space-between; margin-right: 5px;}
.topic-filter-header {font-size: 16px; font-weight: bold;}
.filter-item {padding-left: 0 !important;}
.badge.filter-badge { padding: 2px 5px 0px; }
.switch-container { width: 100%;}
.switch-container .switch-cell {display: table-cell; vertical-align: middle;}
.switch-cell.filter-name { font-size: 20px; }
.switch-cell.filter-switch { padding-left: 20px; padding-top: 5px; }
.filter-radio { width: 0; height: 0; outline: none; display: none;}
.filter-container .badge.filter-badge {color: black; background-color: #b3b3b3 ; cursor: pointer; padding-top: 4px;}
.filter-container .badge.filter-badge LABEL {font-weight: normal; font-size: 11px; margin-top: 2px; margin-left: 10px; margin-right: 10px;}
.filter-container .badge.filter-badge.clickable {color: #ffcc00; background-color: black; padding-top: 2px; cursor: pointer; overflow: hidden;}
.filter-container .badge.filter-badge.clickable .exp-level {display: inline-block; margin-top: 2px;}
.filter-container .badge.filter-badge.clickable LABEL {cursor: pointer;}
.filter-container .badge.filter-badge.clickable.has-glyph LABEL { margin-right: 5px; }
.filter-container .filter-badge .glyphicon {margin-left: -9px;}
.filter-btn-text { position: relative; cursor: pointer; width: 100%; }
.filter-btn-text .text { position: relative; bottom: 5px; }
.switch-btn.on .text {left: 13px;}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.filter-item {margin-top: 30px;}
.filter-item .switch-cell.filter-switch {position: absolute; right: 19px; bottom: 39px;}
.filter-item .level-container {margin-top: 20px;}
.filter-item .badge.filter-badge LABEL { margin-left: 15px; margin-right: 15px;}
}
@media only screen and (max-width : 320px) {
.filter-item .badge.filter-badge LABEL { margin-left: 5px; margin-right: 5px;}
}
.switch-btn {
display: inline-block;
background: #b3b3b3 ;
border-radius: 1em;
-webkit-border-radius: 1em;
padding: 1px;
font-size: 1em;
line-height: 1em;
min-width: 70px;
height: 24px;
text-align: left;
cursor: pointer;
}
.switch-btn.on {background: #ffcc00;}
.filter-btn-circle {
display: inline-block;
width: 34%;
min-height: 1.6em;
background-color: #000;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0;
cursor: pointer;
}
.switch-btn.on .filter-btn-circle {margin-left: 19px;}
.inner-post .img{
width:43%;
}
.blog-card{
width: 100%;
max-width: 1140px;
}
.blog-card .inner-post{
display:flex;
margin-top:30px;
width:100%;
}
.img img{
width: 100%;
height:100%;
}
/*.content-left span{
font-weight: bold;
}*/
.content-left .title{
font-size: 30px;
font-weight: 700;
color: #0d0925;
margin-bottom: 20px;
}
.content-left .text{
font-size: 19px;
color: #4e4a67;
margin-bottom: 30px;
line-height: 1.5em;
margin-right:50px;
}
.content-left{
margin: 40px 60px;
width:66%;
}
@media screen and (max-width: 568px){
.content-left{
margin-left: 20px;
}
.content-left .text {
margin-right: 35px;
}
}
@media screen and (max-width: 768px){
.blog-card{
}
.content-left{
padding:1px;
}
.blog-card .img img{
width:100%;
}
.blog-card .inner-post{
display:block;
}
.content-left{
width:100%;
}
.inner-post .img{
width:100%;
}
.blog-card{
}
.call-to-action-class{
margin-bottom: 40px;
}
}
.image-carousel-width img
{
height : 150px;
}
.slick-list {
width: 97%
}
.slick-prev:before,
.slick-next:before
{
border: solid #0078b8;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
}
.slick-prev:before
{
background: url(../../../../content/dam/EN/Images/CommSec%20Public/product-images/generalimages/arrow-left.png) no-repeat;
width: 20px !important;
height: 45px !important;
}
.slick-next:before {
background: url(../../../../content/dam/EN/Images/CommSec%20Public/product-images/generalimages/arrow-right.png) no-repeat;
width: 20px !important;
height: 45px !important;
}
.slick-slide {
padding: 0 30px;
}
.slick-next{
right: 0 !important;
z-index: 5;
}
.slick-prev {
left:0 !important;
z-index: 5;
}
.slick-slide img {
margin: 0 auto;
}
.slick-prev:before, .slick-next:before {
color: transparent !important;
border: none;
}
.slick-arrow {
width:20px !important;
height: 45px !important;
}
@media only screen and (max-device-width : 480px) {
.slick-slide {
text-align: center
}
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('components/image-carousel/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('components/image-carousel/fonts/slick.eot');
src: url('components/image-carousel/fonts/slick.eot?#iefix') format('embedded-opentype'), url('components/image-carousel/fonts/slick.woff') format('woff'), url('components/image-carousel/fonts/slick.ttf') format('truetype'), url('components/image-carousel/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
li.nav-login-button {
padding: 0 0 0 50px !important;
}
.global-nav-wrapper {
position: relative;
z-index: 14;
width: 100%;
}
.global-nav-wrapper.affix {
position: fixed;
}
.global-nav-wrapper.affix .logo img {
max-height: none;
}
.global-nav {
border-bottom: 1px solid #acacac;
width: 100%;
color: #fff;
z-index: 10;
}
.global-nav.affix-top.visible-xs {
position: relative;
}
.global-nav h2 {
font-size: 30px;
margin-top: 0;
margin-bottom: 20px;
}
.global-nav h3 {
line-height: 26px;
}
.global-nav h4 {
font-weight:normal;
padding-bottom:0;
margin-bottom:0;
}
.global-nav p {
line-height: 1.4em;
}
.global-nav h4 a {
color: #ffc20e;
}
.global-nav h4 a:hover, .global-nav p a:hover {
text-decoration:underline !important;
}
.global-nav .inner {
position: relative;
}
.global-nav ul li {
padding: 0;
}
.global-nav .top-nav {
width: 100%;
display: table;
margin-bottom: 0;
background: #FFFFFF;
}
.global-nav .top-nav li {
padding: 0;
width: 44px;
text-align: center;
display: table-cell;
vertical-align: middle;
border-right: 0px;
border-left: 0px;
background: none;
padding: 0;
}
.global-nav .top-nav li:first-child {
border-left: none;
}
.global-nav .top-nav li:last-child,
.global-nav .nav li:last-child {
border-right: none;
margin-bottom: 0;
}
/* For IE8 and below (no :last-child support) */
.global-nav .nav > li .last,
.global-nav .nav > li.nav-search {
border-right: none;
margin-bottom: 0;
}
.global-nav .top-nav li.container-logo {
width: auto;
}
.global-nav .top-nav li.container-logo > a {
width: auto;
}
.global-nav .top-nav .container-logo {
height: 70px;
margin-left: auto;
margin-right: auto;
}
.global-nav .top-nav li.container-logo img {
max-height: none;
height:60px;
}
.global-nav a {
text-align: center;
}
.global-nav .top-nav li > a {
width: 44px;
height: 44px;
line-height: 49px;
display: inline-block;
text-align: center;
cursor: pointer;
}
.global-nav .top-nav li > a:after {
padding-top: 15px;
}
.global-nav .hamburger:after {
content: ' ';
display: inline-block;
width: 15px;
height: 16px;
background: url(../images/sprite-icons.png) no-repeat -34px 0;
}
.reveal-left .global-nav .hamburger:after {
background-position: -50px 0;
}
.global-nav.visible-xs .nav {
margin-bottom: 0;
position: absolute;
z-index: 3;
width: 100%;
}
.nav>li>a>img {
height: 70px;
max-width: none;
/*margin-left: auto;
margin-right: auto;*/
}
.global-nav.hidden-xs .nav {
display: table;
width: 100%;
}
.global-nav.hidden-xs .nav > li {
display: table-cell;
height: 82px;
vertical-align: middle;
/*position:relative; RH, 131220 */
position: inherit;
}
.global-nav.hidden-xs .nav > li > a {
cursor: default;
}
.affix .global-nav .nav > li {
height: 60px;
}
.affix .global-nav .nav > li > a {
padding: 9px 0;
}
/* NOTE: Remove anchor tags later - KJ */
.global-nav.hidden-xs .nav > li > span:after,
.global-nav.hidden-xs .nav > li > a:after {
content: ' ';
background: url(../images/sprite-icons.png) no-repeat -21px -24px;
width: 11px;
height: 7px;
display: block;
position: absolute;
left: 50%;
bottom: -15px;
margin-left: -5px;
}
.global-nav .nav > li {
border-left: 0px;
border-right: 0px;
width:220px;
background-color:white;
color:black;
}
.nav {
margin-bottom: 0px;
}
.global-nav.hidden-xs .nav > li > a.no-children:after {
display: none;
}
.affix .global-nav.hidden-xs .nav > li span:after,
.affix .global-nav.hidden-xs .nav > li a:after {
bottom: -10px;
}
.global-nav.hidden-xs .nav li.logo {
width: 179px;
border-left: none;
}
.global-nav.hidden-xs .nav li.logo a:after,
.global-nav.hidden-xs .nav li.nav-search a:after {
display: none;
}
.global-nav.hidden-xs .nav li.logo a {
text-align: left;
cursor: pointer;
}
.global-nav.hidden-xs .nav li.logo a:active,
.global-nav.hidden-xs .nav li.logo a:focus {
background: none;
}
.global-nav.hidden-xs .nav li.logo a:hover {
background: none;
}
.global-nav.hidden-xs .nav li.nav-search {
text-align: center;
}
.global-nav.visible-xs .nav li {
border-bottom: 1px solid #414243;
display: block;
padding: 0;
line-height: 60px;
}
.global-nav > ul > li:first-child {
margin-left: 0;
}
.global-nav .nav > ul li a {
display: block;
font-size: 16px;
position: relative;
padding: 0;
}
.global-nav.hidden-xs .nav-search {
margin-top: 27px;
}
.global-nav .nav-search .input-group {
display: block;
}
.global-nav .nav-search form {
margin: 0 0 0 24px;
}
.global-nav .nav-search input[type="text"] {
width: 100%;
min-width: 98px;
height: 41px;
padding-right: 36px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #5e5e5e;
font-size: 16px;
}
.global-nav.reveal-search .nav-search input[type="text"] {
min-width: 250px;
}
/*.global-nav .nav-search .search-reveal:after {
width: 19px;
height: 19px;
background: url(../images/sprite-icons.png) no-repeat 0 -66px;
border: none;
position: absolute;
top: 11px;
right: 10px;
}*/
.global-nav .nav-search .search-submit {
width: 50px;
height: 19px;
background: url(../images/sprite-icons.png) no-repeat -35px -45px;
border: none;
position: absolute;
top: 9px;
right: -22px;
}
.global-nav .nav-search .search-reveal {
width: 100%;
height: 102px;
}
.affix .global-nav .nav-search .search-reveal {
height: 55px;
}
.global-nav a.nav-search:after,
.global-nav a.nav-login:after {
content: ' ';
display: inline-block;
width: 20px;
height: 15px;
background: url(../images/sprite-icons.png) no-repeat -21px -34px;
}
.global-nav a.nav-login:after {
background-position: -89px -75px;
}
.global-nav a.nav-search:after {
width: 15px;
height: 14px;
background-position: -35px -50px;
}
.global-nav.reveal-search a.nav-search:after {
background-position: -36px -50px;
}
.global-nav .top-nav li:nth-child(3) {
border-left: 0.1px solid #cacaca;
border-right: 0.1px solid #cacaca;
/* border-bottom: 0.1px solid #cacaca;*/
/* border-top: 0.1px solid #cacaca; */
}
.global-nav .top-nav li:nth-child(4) {
/*border-left: 0.1px solid #cacaca;*/
border-right: 0.1px solid #cacaca;
/* border-bottom: 0.1px solid #cacaca; */
/* border-top: 0.1px solid #cacaca; */
}
.global-nav .search {
display: none;
}
.global-nav .search button {
background: url(../images/sprite-icons.png) no-repeat -87px 0;
border: none;
width: 7px;
height: 12px;
display: block;
position: absolute;
right: 28px;
top: 16px;
padding: 0;
}
.global-nav.reveal-search .search {
display: block;
position: absolute;
z-index: 3;
width: 100%;
padding: 6px 18px;
margin-top: 1px;
background: #231f20;
}
.global-nav.reveal-search .search input[type="text"] {
-webkit-border-radius: 4px;
border-radius: 4px;
background: #FFFFFF;
border: 1px solid #4f4c4d;
width: 100%;
height: 32px;
padding-right: 20px;
}
.global-nav.reveal-search .search input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
color: #a09e9f;
}
.global-nav.reveal-search .search input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #a09e9f;
}
.global-nav.reveal-search .search input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #a09e9f;
}
.global-nav.reveal-search .search input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #a09e9f;
}
.mega-sub-container {
border-bottom: 1px solid #acacac;
}
.touch .global-nav.hidden-xs .mega-sub-container {
padding-bottom: 83px;
}
.login--one-click-login {
font-family: 'cba_beaconsans-regular';
}
.mega-sub-container .col {
border-left: 0px;
border-right: 1px solid #cacaca;
vertical-align: top;
width: 25%;
padding: 0 12px 0 25px;
}
.mega-sub-container .btn-close {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -68px;
padding-left: 12px;
width: 136px;
line-height: 50px;
border: 2px solid #231f20;
border-bottom: none;
background: #1e1e1e;
text-align: center;
color: #ffcc00;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
display:none;
}
.touch .mega-sub-container .btn-close {
display:block;
}
.mega-sub-container .btn-close span:before {
width: 12px;
height: 12px;
display: block;
background: url(../images/sprite-icons.png) no-repeat -70px -44px;
content: ' ';
position: absolute;
bottom: 19px;
left: 29px;
}
.mega-sub-container ul {
list-style:none; margin:0; padding:0;
}
.mega-sub-container li {
margin-bottom: 16px;
}
.global-nav .mega-sub-container .container {
max-width: 1500px;
padding-left: 300px;
}
.global-nav .color-yellow {
color: #000000;
}
.global-nav .color-white {
color: #000000;
}
.global-nav .color-yellow-header-h3 {
color: #000000;
font-weight: bold;
}
.global-nav h3 > .color-yellow {
font-weight: bold;
}
.mega-sub-container .col:first-child {
border-left: none;
padding-left: 0;
}
.mega-sub-container .col:last-child {
border-right: none;
}
.global-nav .nav > li:not(.logo):not(.nav-search):not(.nav-login-button):not(.nav-signin-button):hover {
border-bottom: 3px solid #fc0;
}
.mega-sub-container h4 > a {
text-decoration:none;
font-weight:bold;
color: #000000;
}
.mega-sub-container h4 > a:hover {
text-decoration:none;
color: #000000 !important;
border-bottom: 2px solid #fc0;
}
.affix .global-nav.hidden-xs .mega-sub-container {
top: 89px !important;
}
.touch .global-nav.hidden-xs .mega-sub-container {
position:absolute;
top:82px;
left:0;
z-index:100;
width: 100%;
padding:40px 0;
opacity:0;
visibility: hidden;
}
.touch .global-nav.hidden-xs .nav > li.active-touch .mega-sub-container {
padding:40px 0;
opacity:1;
visibility: visible;
}
body:not(.touch) .global-nav.hidden-xs .mega-sub-container {
position:absolute;
top:82px;
left:0;
z-index:100;
width: 100%;
padding:40px 0;
opacity:0;
visibility: hidden;
transition: visibility .25s ease, opacity .25s ease;
-webkit-transition: visibility .25s ease, opacity .25s ease;
-moz-transition: visibility .25s ease, opacity .25s ease;
-ms-transition: visibility .25s ease, opacity .25s ease;
-o-transition: visibility .25s ease, opacity .25s ease;
transition-delay: .4s;
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
-ms-transition-delay: .4s;
-o-transition-delay: .4s;
}
body:not(.touch) .global-nav.hidden-xs .nav > li:hover .mega-sub-container
{
padding:40px 0;
opacity:1;
visibility: visible;
transition: visibility .3s ease, opacity .3s ease;
-webkit-transition: visibility .3s ease, opacity .3s ease;
-moz-transition: visibility .3s ease, opacity .3s ease;
-ms-transition: visibility .3s ease, opacity .3s ease;
-o-transition: visibility .3s ease, opacity .3s ease;
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
}
html[data-useragent*="MSIE 8"] .global-nav.hidden-xs .nav > li:hover .mega-sub-container
{
padding:40px 0;
opacity:1;
visibility: visible;
}
html[data-useragent*="MSIE 8"] .global-nav.hidden-xs .nav .mega-sub-container
{
position:absolute;
top:82px;
left:0;
z-index:100;
width: 100%;
padding:40px 0;
opacity:0;
visibility: hidden;
}
.global-nav .container {
font-family: 'cba_beaconsans-regular';
margin-left: auto;
margin-right: auto;
max-width: 1750px;
color:black;
background-color:white;
}
.login {
background: linear-gradient(to bottom, #231f20 0%,#231f20 100%);
border-bottom: 1px solid #231f20;
}
.login > .container {
max-width: 1750px;
}
.mob-global-nav {
font-family: 'cba_beaconsans-regular';
}
.mob-global-nav .nav ul {
padding: 0;
}
.mob-global-nav .nav li {
display: block;
background: none;
padding: 0;
}
.mob-global-nav .nav > li.active-page > a {
color: #ffc20e;
}
.mob-global-nav .nav > li > a:after {
content: ' ';
display: block;
position: absolute;
width: 14px;
height: 8px;
right: 20px;
top: 22px;
background: url(../images/sprite-icons.png) no-repeat -21px -77px;
}
.mob-global-nav .nav > li > a.no-children:after {
display: none;
}
.mob-global-nav .nav > li.active > a:after {
background-position: -87px -67px;
}
.mob-global-nav .nav li a {
display: block;
padding: 14px 17px;
font-size: 15px;
color: #000;
background-color: #fff;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca;
}
.mob-global-nav .nav li a:hover {
text-decoration: none;
}
.mob-global-nav .nav li li a {
background: #f5f5f5;
color: #231f20;
border-top: 1px solid #fff;
border-bottom: none;
}
.mob-global-nav .nav li.active-page li.active a {
border-top: 1px solid #ffc20e;
}
.mob-global-nav .nav li ul {
display:none;
}
.mob-global-nav .nav li.active ul {
display:block;
}
.mob-global-nav .nav li li {
border-bottom: 1px solid #e3e3e3;
}
.mob-global-nav .nav li.active-page li.active a {
background: #ffc20e;
}
@media screen and (min-width: 768px) {
.global-nav .nav {
position: initial;
width: auto;
margin-bottom: 0px;
}
.global-nav .nav > li {
padding: 0;
margin: 0 -2px;
}
.global-nav .nav > li.active-load {
background: none;
border-bottom: 3px solid #fc0;
}
/* NOTE: Remove anchors later - KJ */
.global-nav .nav > li > span,
.global-nav .nav > li > a {
border-bottom: none;
padding: 0;
display: block;
text-align: center;
position: relative;
cursor: default;
font-size: 16px;
font-weight: bold;
}
.global-nav .nav > li > a:hover {
background: none;
cursor: pointer;
}
.global-nav ul > li.logo a {
border-left: none;
}
}
@media screen and (min-width: 768px) and (max-width:977px) {
.global-nav .inner > .container {
padding-left: 0;
}
.global-nav.hidden-xs .nav li.logo {
display: none;
}
.global-nav.hidden-xs .nav li.logo + li {
border-left: none;
}
/*.touch .mega-sub-container .btn-close {
display: block;
}*/
}
@media screen and (min-width: 978px) {
.global-nav .nav-search .input-group {
display: block;
}
.global-nav .nav-search input[type="text"] + button[type="submit"] {
position: absolute;
}
.global-nav .nav-search .search-reveal {
display: none;
}
}
@media screen and (min-width: 1140px) {
.global-nav .logo {
margin-top: 30px;
}
.mega-sub-container .col {
padding: 0 27px 0 44px;
}
}
.signin-button {
display: inline-block;
color: black;
border: black;
background: #FFFFFF;
border-bottom: none;
border-radius: 44px;
font-size: 16px;
padding: 0 27px 0 27px;
line-height: 40px;
position: relative;
text-decoration: none;
margin-bottom: 0px;
margin-left: 20px;
width: 120px;
border: 1px solid #000000;
}
.login--one-click-login.updatedcta {
display: inline-block;
color: black;
border: black;
background: #ffc20e;
border-bottom: none;
border-radius: 44px;
font-size: 16px;
padding: 0 27px 0 27px;
line-height: 36px;
position: relative;
text-decoration: none;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 15px;
width: 120px;
height: 40px;
}
li.nav-login-button.updatedcta {
padding: 0 0 0 5px !important;
}
.nav-login-button.updatedcta {
width: 180px !important;
}
.global-nav .nav>li.nav-signin-button {
width: 100px !important;
}
li.nav-search.updatedsearch {
width: 50px !important;
}
.nav-search.updatedsearch .input-group {
min-width: 950px;
font-size: 22px;
}
.global-nav .nav-search.updatedsearch input[type="text"] {
padding-left: 40px;
height: 90px;
border: none;
font-size: 30px;
box-shadow: 0 0 3px 0 rgba(35, 31, 32, .3);
}
.global-nav .nav-search.updatedsearch .search-submit {
top: 26px !important;
}
@media(min-width:767px)and (max-width:1024px) {
.search-icon {
margin-left: 7px;
}
}
@media(min-width:767px) {
::placeholder {
color: #d3d2d2 !important;
font-size: 30px;
}
}
.previous-div {
display: flex;
margin-right: px;
}
.search-icon {
cursor: pointer;
}
.previous {
height: 45px;
margin-right: 20px;
margin-top: 27px;
}
@media(max-width:1024px) {
.nav-search.updatedsearch .input-group {
min-width: 600px !important;
}
}
@media(max-width:1170px) {
.nav-search.updatedsearch .input-group {
min-width: 800px;
}
}
@media(min-width:1341px) {
.search-icon {
margin-right: 20px;
margin-left: 20px;
}
}
.global-nav {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#fff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#fff 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#0a0a0a',GradientType=0 )"; /* IE6-9 */
}
.global-nav .mega-sub-container {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#fffe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#fff 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3e3e3e',GradientType=0 )"; /* IE6-8 */
top: 83px;
}
.global-nav .nav > li > a {
color: #fff;
}
.global-nav.visible-xs .nav li {
background: #fff;
}
.touch .global-nav .nav > li.active,
.global-nav .nav > li.active-load {
background: rgba(0, 0, 0, 0.75);
}
body:not(.touch) .global-nav .nav > li:hover,
.touch .global-nav .nav > li.active-touch {
background:#ffffff;
color:black;
}
body:not(.touch) .global-nav .nav > li.logo:hover,
.global-nav .nav > li.logo:hover,
body:not(.touch) .global-nav .nav > li.nav-search:hover,
.global-nav .nav > li.nav-search:hover {
background: none;
}
.global-nav ul li a:hover {
text-decoration: none;
}
.global-nav input[type="text"] {
color: #000000;
width: 100%;
}
.global-nav input:-moz-placeholder,
.global-nav textarea:-moz-placeholder {
color: #fff;
}
.global-nav input:-ms-input-placeholder,
.global-nav textarea:-ms-input-placeholder {
color: #fff;
}
.global-nav input::-webkit-input-placeholder,
.global-nav textarea::-webkit-input-placeholder {
color: #fff;
}
@media (min-width: 768px) {
.global-nav ul li {
background: none;
}
}
.global-nav .nav > li.ng-scope:hover {
background: #ffffff;
}
.dropbtnmob {
height: 36px;
max-width: 24em;
padding-left: 12px;
padding-right: 12px;
border: none;
background-color: rgb(255, 255, 255);
transition: all 100ms;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
color: #FFCC00;
font-size: 14px;
font-family: Arial, sans-serif;
text-align: center;
line-height: 20px;
text-decoration: none;
text-overflow: ellipsis;
border-radius: 4px;
float: right;
font-weight: bold;
}
.dropdown-content-mob {
display: none;
position: absolute;
background-color: rgb(255, 255, 255);
min-width: 160px;
overflow: auto;
font-size: 14px;
font-family: Arial, sans-serif;
text-align: left !important;
line-height: 20px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 100 !important;
margin-top: 37px;
right: 0px;
}
.dropdown-content-mob a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: rgb(255, 204, 0);
}
.dropdown:hover .dropdown-content {
display: block;
}
.show {
display: block;
}
#footer {
font-size:12px;
padding-bottom:50px;
}
#footer p span {
font-size: 12px;
}
.footer-index-links ul ul li a {
font-size:12px;
}
#footer ul {
list-style:none;
margin:0;
padding:0;
}
#footer h2 {
margin:0;
padding:0;
font-size:12px;
}
.footer-container {
padding-top:20px;
}
.footer-links li {
float:left;
background: none;
padding: 0;
}
.footer-links li a{
padding-right:6px;
font-size: 12px;
}
.footer-links li:first-child {
padding-left: 0;
}
.footer-links li:after {
content:'|';
color:#aaa;
padding-right:6px;
}
.footer-links li:last-child:after {
content: '';
padding-right: 0;
}
.footer-list.footer-download {
clear:both;
}
.footer-list li {
float:left;
background: none;
padding: 0;
}
.footer-list li {
margin-left:10px;
}
.footer-list li:first-child {
margin-left: 0;
}
.footer-index-links>ul>li>a {
font-size:16px;
display:block;
font-weight: bold;
}
.footer-download.footer-list {
padding-bottom:10px;
}
.footer-download.footer-list:last-child {
padding-bottom:20px;
}
#footer p a {
color:#aaa;
text-decoration:underline;
}
@media screen and (max-width: 767px) {
/* MOBILE ONLY */
#footer .row.dark-grey-bg {
background:none;
}
.footer-logo, .footer-links {
padding-bottom:20px;
}
.footer-links li {
padding-right:3px;
}
.footer-links li:nth-child(5) {
clear:both;
padding-left:0;
}
.footer-links li:nth-child(5):before {
content:'';
padding-right:0px;
}
.footer-list h2 {
line-height:inherit;
margin-bottom:6px;
}
.footer-container,
.footer-index-links>ul>li:not(:last-child) {
border-bottom:solid 1px #302c2d;
padding-bottom:20px;
padding-right:0 !important;
}
.footer-index-links {
margin-bottom:20px;
}
.footer-index-links > ul > li {
background: none;
}
.footer-index-links>ul>li:not(:last-child) {
margin-bottom:20px;
}
.footer-index-links>ul>li>ul {
display:none;
}
.footer-index-links>ul>li.active>ul {
display:block;
}
.footer-index-links>ul>li>ul>li {
margin-top:6px;
background: none;
padding: 0;
}
.footer-download.footer-list:last-child {
padding-bottom:0px;
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
/* TABLET 'PORTRAIT' ONLY */
.footer-index-links > ul > li:nth-child(4) {
clear: left;
}
}
@media screen and (min-width: 768px) {
/* TABLET 'PORTRAIT' + */
.footer-list h2, .footer-list li, .footer-links li {
line-height:38px;
vertical-align:middle;
}
.footer-index-links {
margin-top:15px;
}
.footer-index-links>ul>li {
margin-bottom:15px;
background: none;
}
.footer-index-links>ul>li>ul>li {
margin-top:10px;
background:none;
padding:0;
}
.footer-container .footer-list.footer-download:first-child {
margin-top:-10px;
}
#footer .footer-list .col-md-2 h2 {
padding-top: 12px; line-height:inherit;
}
}
@media screen and (min-width: 992px) {
.footer-follow.footer-list .row {
float:right;
}
.footer-follow.footer-list .col-md-4, .footer-follow.footer-list .col-md-8 {
width:auto;
padding-left:0;
}
}
.col-xs-12.col-sm-9.col-md-8 img{
width:20px;
}
#footer h1, #footer h2 {
color:#fff;
}
.footer-links a {
color:#aaa;
}
.footer-index-links>ul>li>a {
color:#fff;
}
.footer-index-links ul ul li a {
color:#aaa;
}
.footer-index-links ul>li.active-page>a,
.footer-index-links ul>li.active-page>ul>li.active>a {
color:#ffcc00;
}
@media screen and (max-width: 767px) {
.footer-index-links>ul>li>a:after {
position:relative;
}
.footer-index-links>ul>li>a:after {
content: ' ';
display: block;
position: absolute;
width:12px;
height:7px;
background: url(../images/sprite-icons.png) no-repeat -87px -60px;
right:15px;
top:6px;
}
.footer-index-links>ul>li.active>a:after {
background: url(../images/sprite-icons.png) no-repeat -87px -67px;
}
}
.faq-search-cta .cta-rounded:link
{
margin-top: 0px !important;
}
.faq-search-cta .call-to-action-class {
margin-top: 0px !important;
}
.top-result {
padding: 26px 0;
}
.top-result .text-right {
margin-bottom: -20px;
}
.top-result .text-right h3 {
display: inline-block;
vertical-align: super;
margin-bottom: 0;
}
.top-result .feedback {
clear: both;
max-height: 0px;
margin-top: 20px;
overflow: hidden;
-webkit-transition: max-height 0.8s;
-moz-transition: max-height 0.8s;
transition: max-height 0.8s;
}
.top-result .feedback.show {
max-height: 180px;
}
.top-result .feedback input[type="text"] {
width: 100%;
height: 42px;
border: 1px solid #a5a5a5;
}
.top-result .feedback .css-table {
margin-bottom: 9px;
}
.top-result .feedback .col {
width: auto;
padding: 0;
vertical-align: top;
}
.top-result .col.submit {
width: 180px;
text-align: right;
}
.top-result .col.submit button {
width: 156px;
margin: 0 0 0 10px;
cursor: pointer;
}
.top-result ol li
{
list-style-type:decimal;
margin-left: 20px;
}
.top-result ul li
{
background: url(../images/li-bg.png) no-repeat 0 7px;
}
.rb-replace + label {
background: url(../images/sprite-icons.png) no-repeat -111px 0;
width: 50px;
height: 40px;
margin: 20px 0 0 30px;
cursor: pointer;
}
.rb-replace {
display: none;
}
.rb-replace.answer-no + label {
background-position: -111px -80px;
}
.rb-replace:checked + label {
background-position: -111px -40px;
}
.rb-replace.answer-no:checked + label {
background-position: -111px -120px;
}
.feedback input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
color: #000;
}
.feedback input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
}
.feedback input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
}
.feedback input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000;
}
.top-result {
background: #ececec;
}
.enhancement-card .card-ft-stroke {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 100%;
background-color:transparent;
}
.enhancement-card .card-ft-stroke:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
background-color:#fff;
}
.enhancement-card .remove-card-ft-stroke {
transition:none !important;
box-shadow:none !important;
background-color:none !important;
width: 100%;
}
.enhancement-card .remove-card-ft-stroke:hover {
box-shadow:none !important;
background-color:none !important
}
.enhancement-card .container {
padding: 2px 16px;
}
.enhancement-card .image {
position: relative;
width: 100%;
/* for IE 6 */
}
.enhancement-card topic {
position: absolute;
top: 20px;
left: 10px;
width: 100%;
}
.enhancement-card Topic span {
color: white;
font: bold;
font-family: cba_beaconsans-regular;
letter-spacing: -1px;
background: rgb(0, 0, 0);
/* fallback color */
background: rgba(0, 0, 0, 0.7);
padding: 10px;
}
.enhancement-card .article-date {
font-size:12px;
color:#A9A9A9;
padding-top: 10px;
}
.enhancement-card .article-read-more {
bottom: 20px;
font-size: 16px;
}
.enhancement-card h4 {
min-height: 35px;
}
.pagination>.active>a, .pagination>.active>span,
.pagination>.active>a:hover, .pagination>.active>span:hover,
.pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #ffc20e;
border-color: #ffc20e;
}
@media (max-width: 767px)
{
.remove-card-ft-stroke,.card-ft-stroke{
height:auto !important;
}
.enhancement-card{
min-height: auto;
}
.enhancement-card .article-read-more {
bottom:7px;
position: relative;
margin-top: 15px;
}
.enhancement-card h4 {
min-height: auto;
}
}
.enhancement-card ol li{
list-style-type:decimal;
margin-left: 20px;
}
.enhancement-card ul li{
background: url(../images/li-bg.png) no-repeat 0 7px;
}
.marketMovers-Container {
width: fit-content;
margin: auto;
padding: 10px;
}
.marketMovers-table {
border-collapse: collapse;
width: 100%;
margin-top: 40px;
}
.mrktMovers-data,
.mrktMovers-heading {
padding: 8px;
}
.mrktMovers-row {
border-top: 1px solid #26a69a;
}
.mrktMovers-row>th {
padding: 12px 12px 12px 8px;
}
.mrktMovers-title {
font-size: 40px;
}
.mrktMoversStarRating1 {
margin-top: -5px;
width: 12%;
}
.mrktMoversStarRating2 {
margin-top: -5px;
width: 28%;
}
.mrktMoversStarRating3 {
margin-top: -5px;
width: 43%;
}
.mrktMoversStarRating4 {
margin-top: -5px;
width: 60%;
}
.mrktMoversStarRating5 {
margin-top: -5px;
width: 70%;
}
.mrktMovers-data-code {
font-weight:bold;
}
.mostTradedStocks-container {
display: inline-block;
width: 100%;
}
.main-process-bar {
color: #000 !important;
background-color: #bdbdbd !important;
width: 22%;
border-radius: 10px;
height: 22px;
}
.process-bar {
color: #263238 !important;
background-color: #26a69a !important;
height: 22px;
}
.process-bar-text {
text-align: center;
border-radius: 10px 0 0 10px;
}
.mostTradedStocks-data {
display: flex;
margin-top: 10px;
}
.mostTradedStocks-data-container {
margin-top: 20px;
}
.mostTradedStocks-data>div {
margin: 10px;
}
.mostTradedStocks-buy-option {
position: relative;
height: 35px;
width: 35px;
background-color: #26a69a;
border-radius: 50%;
display: inline-block;
margin-left: 353px;
}
.mostTradedStocks-sell-option {
position: relative;
height: 35px;
width: 35px;
background-color: #bdbdbd;
border-radius: 50%;
display: inline-block;
margin-left: 20px;
}
.mostTradedStocks-buy-sell-text {
position: relative;
margin-left: 10px;
top: -14px;
}
.mostTradedStocks-date {
margin-left: 10px;
}
.mostTradedStocks-title {
margin-bottom: 5px;
font-size: 40px;
}
.mostTradedStocks-subTitle {
margin: 0px;
}
.mostTradedStocks-container , td {
padding : 0px;
}
.processbar-data {
display: flex;
color: #000 !important;
background-color: #bdbdbd !important;
width: 300px;
border-radius: 10px;
height: 22px;
padding: 0px;
}
.mostTradedStocks-count, .mostTradedStocks-code{
font-weight:bold;
}
.mostTradedStocks {
width:fit-content;
margin:auto;
padding-top: 10px;
}
.mostTradedStocks-table {
border-collapse:unset;
border-spacing: 10px 20px;
}
.mostTradedStocks-sellPercentage {
text-align: center;
}
.content-banner-xf{
display: flex;
}
.textcontainer {
margin-left: 10px;
}
.content-btn1 {
border: 0px;
background: #ffc20e;
padding: 8px 27px;
border-radius: 44px;
color: black;
font-size: 16px;
}
.content-btn2 {
background: white;
padding: 8px 27px;
border-radius: 44px;
color: black;
font-size: 16px;
border: 0px;
}
@media(max-width:767px) {
.content-banner-xf img {
width: 40%;
}
}
@media (prefers-color-scheme: dark) {
.content-btn2 {
background: black;
color: white;
}
.textcontainer {
color: white;
}
}
.targetbanner-container h2 {
margin: 0 0 10px 10px;
}
.targetbanner-container p {
margin: 0 5px 10px;
}
@media(min-width:767px) and (max-width:1024px) {
.content-banner-xf img {
width: 50%;
}
}
@media(min-width:1024px) and (max-width:1336px) {
.content-banner-xf img {
width: 50%;
}
}
.content-module {
padding: 40px 0 0 0;
width: 100%;
}
.content-module.active {
z-index: 4;
}
.content-module article, .content-module .panel-group, .content-module .css-table, .content-module section {
margin:0 0 32px;
}
.content-module.dividers article {
border-left: 1px solid #dadada;
}
.content-module.half-padding {
padding: 19px 0;
}
.content-module h1 {
margin: 0 0 30px;
padding:0;
}
.content-module h2 {
padding:0;
}
.content-module img {
max-width: 100%;
}
.content-tile .content-image {
width: 25%;
margin-bottom: 0px;
}
.col-sm-3 .content-tile .content-image {
width:35%;
}
.content-module .txt-img img {
display: block;
height: auto;
}
.content-module .txt-img {
padding-left: 19px;
position: relative;
}
.content-module .txt-img img:first-child {
position: absolute;
left: 0;
top: 3px;
}
.content-module .row-fluid {
margin-top: 3px;
}
.content-module .col {
padding: 0 40px 0 20px;
}
.content-module .row:last-child>*[class^="col-"]:last-child>*:last-child {
margin-bottom:0;
}
.col-center {
text-align:center;
}
.col-center > * {
text-align:left;
margin-left: auto;
margin-right:auto;
display:block;
}
.cta-strip {
}
.content-module.extra-padding {
padding: 80px 0 33px;
}
.content-module.cta-strip.black-bg h2 {
margin-bottom: 12px;
color: #fff;
}
.content-module.cta-strip.black-bg p {
margin-bottom: 22px;
color: #fff;
}
.content-module.black-bg.cta-strip article:first-child p {
text-align:right;
color:#fff;
line-height:44px;
vertical-align:middle;
}
.cta-strip .cta-rounded {
margin-top:0;
}
.content-module .label {
color:#000;
font-weight:normal;
position:absolute;
top:-25px;
}
.content-module .label strong {
font-weight:bold;
}
.content-module[style*='url'] article > *:first-child {
position:relative;
margin-top:20px;
}
.column-header{
margin-left:15px;
}
.content-tile {
height: auto;
width: auto;
border-radius: 12px;
padding: 35px;
margin-bottom: 20px;
}
span.color-black-header-h3 {
font-size: 19px;
font-weight: 600;
}
.orange-section{
height: auto;
width: auto;
font-size: 13px;
margin-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
}
.orangetest {
font-family: cba_beaconsans-regular;
display: inline-block;
padding: 8px 12px;
border-radius: 30px;
}
.content-tile p{
font-size: 16px;
}
.col-sm-4:has(.content-tile),.col-md-6:has(.content-tile){
width: 33.3% !important;
margin:auto !important;
margin-bottom: 19px !important;
}
@media (min-width: 992px) {
.articles .col-md-6 {
width: 50% !important;
}
}
.col-sm-3:has(.content-tile){
width: 25% !important;
margin:auto !important;
margin-bottom: 19px !important;
}
/* NOTE: Add media specific common styles here */
@media screen and(max-width: 767px) {
.content-module.extra-padding {
padding-top: 50px;
}
.content-module .container > .css-table {
margin: 0 -35px;
display: block;
width: inherit;
}
.content-module .container > .css-table .col {
width: 100%;
display: block;
border-left: none;
border-bottom: 1px solid #e5e5e5;
padding: 7px 35px 35px;
}
.content-module .css-table .col:first-child {
padding-top: 3px;
}
.content-module .css-table .col:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
/* when elements are stacked, make sure there is bottom padding */
.content-module .row {
padding-bottom:0px;
}
.content-module {
background-image:none !important;
}
.content-module .label {
position:inherit; top:inherit;
}
.content-module.black-bg.cta-strip article:first-child p {
text-align:left;
margin-bottom: 15px;
}
.content-module.cta-strip article:first-child {
margin-bottom:10px;
}
.content-module article {
clear:both;
}
}
@media screen and (max-width: 1025px){
.col-md-6 .content-tile,.col-sm-3 .content-tile,.col-sm-4 .content-tile{
height:auto!important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.col-md-6 .content-tile {
width: auto;
padding: 20px;
margin: 5px;
}
.col-sm-4 .content-tile {
width: auto;
padding: 15px;
}
.orange-section {
width: 128px;
padding: 3px;
font-size: 12px;
}
.col-sm-3 .orange-section {
font-size: 7px;
}
.articles:has(.col-md-6):has(.content-tile){
display: inline-flex;
}
.col-md-6:has(.content-tile) {
width:auto !important;
}
.col-sm-3 .content-tile {
width: auto;
padding: 18px;
}
.col-sm-3:has(.content-tile):nth-child(odd) {
clear: none !important;
}
.col-sm-3:has(.content-tile) {
width: 25% !important;
}
}
@media screen and (max-width: 430px){
article.col-sm-3:has(.content-tile),article.col-md-6:has(.content-tile),article.col-sm-4:has(.content-tile) {
width: auto !important;
margin: auto;
margin-bottom: 19px !important;
}
}
@media screen and (min-width: 430px) and (max-width: 545px){
article.col-sm-3:has(.content-tile),article.col-md-6:has(.content-tile),article.col-sm-4:has(.content-tile) {
width: auto !important;
margin: auto;
margin-bottom: 19px !important;
}
}
@media screen and (min-width: 546px) and (max-width: 767px){
article.col-sm-3:has(.content-tile),article.col-md-6:has(.content-tile),article.col-sm-4:has(.content-tile) {
width: auto !important;
margin: auto;
margin-bottom: 19px !important;
}
}
@media(max-width:991px){
.articles.mobileflex{
display: flex;
flex-direction: column-reverse;
}
}
@media(min-width:1024px){
.col-sm-3 .orange-section
{
margin-left: -4px !important;
font-size: 11px !important;
}
}
.content-module h1,
.content-module h2 {
color: #231f20;
}
.content-module.black-bg h1,
.content-module.black-bg h2,
.content-module.black-bg h3,
.content-module.dark-grey-bg h1,
.content-module.dark-grey-bg h2,
.content-module.dark-grey-bg h3,
.content-module.black-bg h1 a,
.content-module.black-bg h2 a,
.content-module.black-bg h3 a,
.content-module.dark-grey-bg h1 a,
.content-module.dark-grey-bg h2 a,
.content-module.dark-grey-bg h3 a
{
color: #ffcc00;
}
.content-module.black-bg p {
color: #aaa;
}
.content-module.black-bg .cta-strip p {
color:#fff;
}
.highlights .label {
color:#000;
}
.content-module.black-bg.highlights p, .content-module.black-bg.highlights h2 {
color:#fff;
}
.content-h1-font{
font-family: Arial,sans-serif,Helvetica Neue,Helvetica !important;
line-height: 1em;
}
.content-image {
padding-top: 12px;
margin-bottom: 20px;
vertical-align: middle;
}
.content-image.image-right img {
float: right;
}
.content-image .pull-left {
margin: 0 15px 15px 0;
}
.content-image .pull-right {
margin: 0 0 15px 15px;
}
.content-image .pull-left + .content {
margin-left: 81px;
}
.content-image .pull-right + .content {
margin-right: 81px;
}
.content ol li
{
list-style-type:decimal;
margin-left: 20px;
}
.content ul li
{
margin-left: 20px;
}
@media (max-width: 767px)
{
.content-image {
height: auto;
line-height: normal;
margin-bottom: 17px;
}
}
img.curvedborder {
border-radius: 12px;
}
.contact-us .form-row {
margin:0 0 15px 0;
}
.contact-us input:not([type='file']),
.contact-us select,
.contact-us textarea {
border:solid 1px #ccc;
border-radius:5px;
outline:none;
}
.contact-us input[type='file'] {
opacity:0;
-moz-opacity: 0;
-ms-filter: "alpha(opacity=0)";
}
.contact-us .form-row label:not(.fake-input) {
margin-top:10px;
}
.contact-us .form-row label.fake-input {
font-weight:normal;
display:inline-block;
margin-top:0;
font-size:12px;
cursor:pointer;
background:#c7c8ca !important;
color:#000 !important;
border-color:#c7c8ca !important;
padding-right:18px;
padding-left:18px;
text-align:center;
}
.contact-us .form-row label.fake-input:after {
background:none !important;
}
.contact-us .form-row label.fake-input:hover {
background:#000 !important;
color:#c7c8ca !important;
border-color:#c7c8ca !important;
}
.attach-container {
width: 80%;
}
.attach-container label.fake-input {
float:left;
width:60%;
}
.contact-us .attach-container .form-label {
float:right;
width:40%;
padding-top:0;
margin:-50px 0 0 0;
padding-left:10px;
}
.contact-us .btns .contact-us-cta,
.contact-us .btns .cta-rounded {
margin-top:0;
line-height: 40px;
}
.contact-us .btns .cta-rounded
{
float: right;
}
.contact-us input,
.contact-us select,
.contact-us textarea {
margin-bottom:6px;
height:44px;
}
.contact-us textarea {
height:100px;
}
.contact-us input:not([type='file']),
.contact-us select,
.contact-us textarea,
.contact-us .submitted .invalidFile {
-webkit-border-radius:5px;
}
.contact-us .submitted input.ng-invalid,
.contact-us .submitted select.ng-invalid,
.contact-us .submitted textarea.ng-invalid {
color:#cb0000;
}
.contact-us .invalidFile {
color:#cb0000;
}
.contact-us .form-row:last-child {
position:relative;
}
.contact-us .form-row input,
.contact-us .form-row select,
.contact-us .form-row textarea,
.contact-us .err.err-msg,
.contact-us .btns
{
width:100%;
}
.contact-us .form-row input,
.contact-us .form-row select,
.contact-us .form-row textarea {
float:left;
margin-right:6px;
}
.contact-us .err {
float:left;
position:relative;
padding:3px 15px;
min-width:25px;
border-radius:5px;
-webkit-border-radius:5px;
z-index:2;
min-height:44px;
}
.contact-us .err.err-msg {
padding:14px 12px 12px 25px;
font-size:11px;
}
.contact-us .err:before {
display:block;
width:6px;
height:18px;
content:' ';
position:absolute;
left:12px;
top:13px;
background:url(../images/sprite-icons.png) no-repeat 0 -85px;
}
.contact-us .err.err-msg.err-summary {
position:relative;
left:0;
width:100%;
padding-left:39px;
}
.contact-us .err.err-msg.err-summary:before {
background:url(../images/sprite-icons.png) no-repeat -6px -85px;
width:20px;
}
.contact-us .lbl-required {
position:relative;
float:left;
}
.contact-us .lbl-required:before {
content: '* ';
position:absolute;
margin-right:0px;
margin-left:-10px;
margin-top:0px;
margin-bottom:0px;
float:right;
}
.contact-us button.contact-us-cta
.contact-us button.cta-rounded {
font-size:14px;
}
a.btn-blue.cta-rounded,
a.btn-blue.contact-us-cta,
a.btn-blue.cta-rounded:hover,
button.btn-blue.cta-rounded,
button.btn-blue.contact-us-cta,
button.btn-blue.cta-rounded:hover {
background:none;
border:0;
padding-left:0;
padding-right:0px;
}
button.btn-blue.cta-rounded:after,
button.btn-blue.contact-us-cta:after,
a.btn-blue.cta-rounded:after,
a.btn-blue.contact-us-cta:after,
{
background:none;
}
.contact-us .form-label {
clear:both;
font-size:11px;
padding-top:6px;
}
.contact-us .text-right.lbl-required {
font-size: 12px;
width: auto !important;
float: right;
}
.contact-us .btns #btn-cancel {
float:left;
font-weight:bold;
}
.contact-us .btns #btn-submit {
float:right;
}
.contact-finish p, .contact-finish h3 {
margin-bottom:20px;
}
.message-sent {
}
.message-sent:before {
content:' ';
display:inline-block;
background: url(../images/sprite-icons.png) no-repeat -111px -39px;
width: 50px;
height: 40px;
margin-right:15px;
float: left;
}
.message-sent-text
{
clear:both;
}
.message-failed:before {
content:' ';
display:inline-block;
background: url(../images/sprite-icons.png) no-repeat -111px -120px;;
width: 50px;
height: 40px;
margin-right:15px;
float: left;
}
.message-failed-text
{
clear:both;
}
ul.file-list {
list-style:none;
margin:0;
padding:10px 0 0 0;
}
.file-list li {
padding:0 0 10px 0;
background:none;
height:30px;
clear:both;
}
.file-list span, .file-list a {
display:block;
width:40%;
float:left;
font-size:12px;
}
.file-list a {
text-align:center;
font-weight:bold;
}
@media screen and (max-width: 991px) {
.contact-us .col-xs-12 {
padding-left:0;
margin-left:0;
padding-right:0;
}
.contact-us .lbl-required {
margin-right: 0px;
}
.contact-us .form-row input,
.contact-us .form-row select,
.contact-us .form-row textarea,
.contact-us .err.err-msg,
.contact-us .btns,
.contact-us .err.err-msg.err-summary,
.contact-us .text-right.lbl-required,
.contact-us .btns,
.attach-container {
width:100%;
}
}
@media screen and (min-width: 768px) {
.attach-container label.fake-input {
width:40%;
}
.contact-us .attach-container .form-label {
width:60%;
}
}
@media screen and (min-width: 992px) {
.contact-us .form-row label:not(.fake-input) {
text-align:left;
}
.contact-us .form-row
{
margin: 0 -15px 15px 0;
}
.contact-us .lbl-required {
position:relative;
float:left;
}
.contact-us .err {
position:absolute;
height:44px;
}
.contact-us .err.err-msg {
width:auto;
padding-right:6px;
cursor:pointer;
}
.contact-us .err.err-msg:hover {
width:300px;
padding:14px 12px 12px 25px;
}
.contact-us .err.err-msg.err-summary:hover {
width:100%;
cursor:auto;
padding-left:39px
}
.contact-us .err.err-msg span {
display:none;
}
.contact-us .err.err-msg:hover span {
display:block;
}
}
.contact-us .submitted input.ng-invalid,
.contact-us .submitted select.ng-invalid,
.contact-us .submitted textarea.ng-invalid {
color:#cb0000;
border-color:#cb0000
}
.contact-us .submitted .invalidFile {
color:#cb0000;
}
.contact-us .err {
background:#cb0000;
color:#fff;
}
.contact-us .success {
background:green;
color:#fff;
}
.contact-us .lbl-required:before {
color:#cb0000;
}
button#btn-cancel.contact-us-cta,
button#btn-cancel.contact-us-cta:hover {
color:#2675aa;
}
.maincard{
border-radius:1px;
padding:30px 30px;
min-height:350px;
}
.maincard img {
float: right;
}
.colorbox-content{
margin-right:330px;
margin-top: -30px;
}
@media screen and (max-width: 568px){
.colorbox-content{
margin-right:1px;
margin-top:220px;
}
.maincard h3{
position: relative;
top: 220px;
}
}
.carousel-indicators li,
.carousel-indicators .active {
-webkit-border-radius: 15px;
border-radius: 15px;
width: 15px;
height: 15px;
border: none;
margin: 0 5px;
background: none;
padding: 0;
}
/* content */
.content-module .carousel-indicators {
bottom: -20px;
z-index: 2;
}
/* hero */
.hero-banner {
position:relative;
}
.hero-banner .carousel .container {
position:relative;
min-height:222px;
}
.hero-banner .carousel .item {
opacity: 0;
-webkit-transition: opacity 2s ease;
-moz-transition: opacity 2s ease;
-ms-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
transition: opacity 2s ease;
left: 0 !important;
}
.hero-banner .carousel .item.active {
opacity: 1;
}
.hero-banner .carousel .item.active.left {
opacity: 0;
-webkit-transition: opacity 2s ease;
-moz-transition: opacity 2s ease;
-ms-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
transition: opacity 2s ease;
left: 0 !important;
}
.hero-banner .item img {
display:none;
/* NB: 'Mobile-first' (don't display image; this is overridden in media queries below for images to display for larger viewports...) */
}
.hero-banner .carousel-text {
width:100%;
height:100%;
top:0;
z-index:2;
width:100%;
padding:60px 30px 20px 0;
}
.hero-banner .carousel-text h1 {
margin: 0 0 13px -3px;
}
.hero-banner .carousel-controls {
position:absolute;
bottom:0;
left:50%;
z-index:3;
width:100px;
border-style: solid;
border-width:1px;
height: 25px;
border-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 0;
}
.hero-banner .carousel-controls[data-list-length="1"] {
width:60px;
margin-left:-30px;
}
.hero-banner .carousel-controls[data-list-length="2"] {
width:80px;
margin-left:-40px;
}
.hero-banner .carousel-controls[data-list-length="3"] {
width:100px;
margin-left:-50px;
}
.hero-banner .carousel-controls[data-list-length="4"] {
width:120px;
margin-left:-60px;
}
.hero-banner .carousel-controls[data-list-length="5"] {
width:140px;
margin-left:-70px;
}
.hero-banner .carousel-button {
display:block;
width:10px;
height:10px;
background-image:url(../images/sprite-icons.png);
background-repeat:no-repeat;
float:left;
position:inherit;
bottom:5px;
left:15px;
background-position: -87px -12px;
}
.hero-banner .carousel-button.paused {
background-position: -97px -12px;
}
.hero-banner .carousel-inner {
min-height:222px;
}
.hero-banner .carousel-controls .carousel-indicators {
bottom:0;
float:left;
position:inherit;
width:auto;
margin:0;
left:15px;
margin-left:15px;
bottom:5px;
}
.hero-banner .carousel-controls .carousel-indicators li {
width:10px;
height:10px;
border-right:10px;
float:left;
}
@media screen and (max-width: 767px) {
.hero-banner .carousel-text {
padding-right:60px;
}
.hero-banner a.cta-rounded {
margin-bottom:10px;
}
}
@media screen and (max-width:978px) {
.hero-banner .carousel-text h1.small-heading,
.hero-banner .carousel-text [class*="header-h1"]
{
font-size:48px;
}
.hero-banner .carousel-text h3.small-heading,
.hero-banner .carousel-text [class*="header-h3"]
{
font-size:16px;
}
}
@media screen and (max-width:599px)
{
.hero-banner .carousel-text {
padding-top: 20px
}
}
@media screen and (min-width: 768px) {
.hero-banner .carousel-text {
padding:60px 20px 60px 0;
width:50%;
position:absolute;
}
.hero-banner .item img {
display:block; margin-left:-210px;
}
}
@media screen and (min-width: 978px) {
.hero-banner .item img {
margin-left:0;
}
}
.carousel-indicators li,
.carousel-indicators .active {
background-color: #797979;
}
.carousel-indicators .active {
background-color: #ffcc00;
}
.hero-banner.black-bg .carousel-text {
color:#fff;
}
.hero-banner .carousel-text h1 {
color:#000;
}
.hero-banner.black-bg .carousel-text h1 {
color:#ffcc00;
}
.hero-banner .carousel-controls {
border-color:grey;
background:#000;
}
.hide {
display: none;
}
.card-wrapper .container {
padding-top: 40px;
padding-bottom: 40px;
}
.card-list .card__inner{
border-top: 1px solid #d9d9d9;
}
.card-list .card.section:first-of-type .card__inner{
border-top: 0;
}
.card {
transition: 0.2s;
background-color:transparent;
}
.card:hover {
background-color:#fff;
}
.card__inner {
padding-top: 20px;
padding-bottom: 20px;
margin-left: 16px;
margin-right: 16px;
display: block;
display: flex;
}
.card > a:hover {
text-decoration: none;
}
.card__inner > * {
width: 33.333%;
padding-left: 16px;
padding-right: 16px;
}
.card .card__heading {
padding-left: 0;
height: 103px;
}
.card .card__thumbnail-wrapper {
padding-right: 0;
}
.card__heading-text {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #000;
margin-bottom: 5px;
display: block;
}
.card_date {
font-size: 12px;
color: #6f6f6f;
}
.card__description {
font-size: 16px;
line-height: 22px;
color: #000;
display: block;
}
.card__thumbnail-wrapper {
display: block;
}
.card__thumbnail {
position: relative;
display: block;
}
.card__thumbnail-img {
width: 100%;
}
.card__play-time {
position: absolute;
bottom: 10px;
right: 10px;
background: rgba(51, 51, 51, 0.7);
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 1px 5px;
}
.card__play-time:before {
content: '';
border-style: solid;
border-width: 4px 0 4px 7px;
border-color: transparent transparent transparent #fff;
width: 0;
height: 0;
display: inline-block;
padding-right: 3px;
}
.card-list--summary {
display: flex;
}
.card-list--summary .card__inner {
flex-direction: column;
}
.card-list--summary .card__inner > * {
width:100%;
padding-left: 0;
padding-right: 0;
}
.card-list--summary .card {
width: 33.333%;
}
.card-list--summary .card__heading-text {
font-size: 20px;
line-height: 26px;
max-height: 78px;
overflow: hidden;
}
.card-list--summary .card__description {
display: none;
}
.card-list--summary .card__thumbnail-wrapper {
margin-top: 20px;
}
.card-list .card.card-list--summary {
width: 33.33%;
}
@media (min-width: 768px) {
.card-list--summary .card__inner {
border: 0;
}
}
@media (max-width: 767px) {
.card__inner {
flex-direction: column;
}
.card__inner > * {
width: 100%;
}
.card__heading-text {
font-size: 20px;
line-height: 26px;
}
.hidden-sm-down {
display: none;
}
.card-list--summary {
flex-direction: column;
}
.card-list--summary .card {
width: 100%;
}
.card__thumbnail-wrapper {
margin-top: 20px;
padding: 0;
}
}
.cards-show-more {
padding: 12px 0;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
text-align: center;
}
.cards-show-more__button {
border: 0;
background-color: transparent;
color: #0073b1;
font-size: 16px;
min-height: 44px;
}
.card-feature h2{
font-size: 20px;
font-weight: 900;
margin-bottom:10px;
}
.empty-spacer{
padding:14px;
}
.right-arrow {
position: absolute;
bottom: 18px;
right: 18px;
}
.card-feature .right-arrow img{
width:75%;
float:right;
}
.card-feature .card-feature-image {
margin-bottom: 26px;
}
.card-feature-image img{
border-radius: 12px;
}
.card-feature {
height: auto;
width:auto;
border-radius: 12px;
padding: 22px;
position:relative;
margin-bottom: 20px;
}
span.color-black-header-h3 {
font-size: 19px;
font-weight: 600;
}
article.col-md-6:has(.card-feature){
margin:auto !important;
margin-bottom: 19px !important;
}
/* NOTE: Add media specific common styles here */
@media screen and (min-width: 768px) and (max-width: 1024px) {
.card-feature {
width:auto;
padding: 20px;
}
.right-arrow {
position: absolute;
bottom: 14px;
right: 14px;
}
.empty-spacer{
padding:14px;
}
.col-sm-3:has(.card-feature):nth-child(odd) {
clear: none !important;
}
.col-sm-3 .card-feature-image img{
border-radius: 8px;
}
.col-md-6 .card-feature .right-arrow img {
width: 70% !important;
}
.col-sm-3 .card-feature .right-arrow img, .col-sm-4 .card-feature .right-arrow img {
width: 50% !important;
}
.col-sm-4 .card-feature{
padding:12px;
}
.col-sm-3 .card-feature{
padding:11px;
}
.card-feature h2{
font-size: 16px;
}
.col-sm-3 .card-feature h2{
font-size: 14px;
}
.card-feature p{
font-size: 10px;
}
.articles:has(.col-md-6):has(.card-feature){
display: inline-flex;
}
article.col-md-6:has(.card-feature) {
width:auto !important;
margin:auto !important;
margin-bottom: 19px !important;
}
article.col-sm-3:has(.card-feature) {
width: 25% !important ;
margin:auto !important;
margin-bottom: 19px !important;
}
}
@media screen and (max-width: 430px){
article.col-sm-3:has(.card-feature),article.col-md-6:has(.card-feature),article.col-sm-4:has(.card-feature) {
width: auto !important;
margin: auto;
margin-bottom: 19px !important;
}
.empty-spacer{
padding:14px;
}
.right-arrow {
position: absolute;
bottom: 14px;
right: 14px;
}
.col-sm-3 .card-feature .right-arrow img,.col-sm-4 .card-feature .right-arrow img,.col-md-6 .card-feature .right-arrow img {
width: 70%;
}
}
@media screen and (min-width: 530px) and (max-width: 650px){
article.col-sm-3:has(.card-feature),article.col-md-6:has(.card-feature),article.col-sm-4:has(.card-feature) {
width: auto !important;
margin: auto !important;
margin-bottom: 19px !important;
}
.empty-spacer{
padding:14px;
}
.right-arrow {
position: absolute;
bottom: 14px;
right: 14px;
}
.col-sm-3 .card-feature .right-arrow img,.col-sm-4 .card-feature .right-arrow img,.col-md-6 .card-feature .right-arrow img {
width: 70%;
}
}
@media screen and (min-width: 430px) and (max-width: 530px){
article.col-sm-3:has(.card-feature),article.col-md-6:has(.card-feature),article.col-sm-4:has(.card-feature) {
width: auto !important;
margin: auto !important;
margin-bottom: 19px !important;
}
.empty-spacer{
padding:14px;
}
.right-arrow {
position: absolute;
bottom: 14px;
right: 14px;
}
.col-sm-3 .card-feature .right-arrow img,.col-sm-4 .card-feature .right-arrow img,.col-md-6 .card-feature .right-arrow img {
width: 70%;
}
}
@media screen and (min-width: 650px) and (max-width: 765px){
.col-sm-3 .card-feature .right-arrow img,.col-sm-4 .card-feature .right-arrow img,.col-md-6 .card-feature .right-arrow img {
width: 70%;
}
.empty-spacer{
padding:14px;
}
.right-arrow {
position: absolute;
bottom: 14px;
right: 14px;
}
}
@media screen and (min-width: 1002px) and (max-width: 1024px){
.col-md-6 .card-feature .right-arrow img {
width: 50% !important;
}
.empty-spacer{
padding:14px;
}
}
@media screen and (min-width: 765px) and (max-width: 768px){
.col-sm-3 .card-feature .right-arrow img,.col-sm-4 .card-feature .right-arrow img,.col-md-6 .card-feature .right-arrow img {
width: 50%;
}
.empty-spacer{
padding:14px;
}
.right-arrow {
position: absolute;
bottom: 14px;
right: 14px;
}
}
/*.aem-color-box{
padding-left: 20px;
padding-top: 20px;
padding-bottom: 3px;
padding-right: 130px;
}*/
.callout-container{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #2a2a2a;
box-sizing: border-box;
scroll-behavior: smooth;
margin-left:10px;
padding-top: 20px;
padding-left: 20px;
}
.callout-container .callout-heading--6{
font-size: 16px;
line-height: 20px;
font-weight:600;
}
/*.callout-container .aem-color-box {
background-color: #f3f3f3;
padding: 16px;
margin-bottom: 20px;
font-size: 14px;
line-height: 20px
}*/
.callout-container img{
float: right;
position: relative;
margin-right: 30px !important;
}
.callout-container > ol {
display: flex;
flex-wrap: wrap;
margin: 0;
padding-top: 20px;
padding-bottom: 10px;
padding-right: 10px;
}
.callout-container > ol > li {
flex: 1 1 320px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 5px;
}
.aem-color-box{
padding-left: 20px;
padding-top: 20px;
padding-bottom: 3px;
padding-right: 130px;
}
.callout-container{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #2a2a2a;
box-sizing: border-box;
scroll-behavior: smooth;
margin-left:10px;
}
.callout-container .callout-heading--6{
font-size: 16px;
line-height: 20px;
font-weight:600;
}
.callout-container .aem-color-box {
background-color: #f3f3f3;
padding: 16px;
margin-bottom: 20px;
font-size: 14px;
line-height: 20px
}
.callout-container img{
float: right;
position: relative;
margin-right: -80px;
}
.callout-container ol, .callout-container ul{
list-style: disc;
padding-left: 20px;
padding-bottom: 20px;
}
.callout-container ul li{
padding-left:0px;
}
.callout-box-container {
padding: 25px;
padding-bottom: 15px;
padding-top: 15px;
}
.callout-colorbox {
border-radius: 10px;
}
.message-box {
font-size: 15px;
}
.callout-box-container img {
float: left;
position: relative;
margin-right: 15px !important;
margin-top: 10px;
}
.callout-box-container .message-box {
display: flex;
flex-direction: column;
}
@media(max-width:767px) {
.callout-box-container {
padding-top: 17px;
}
}
.call-to-action {
font-family: cba_beaconsans-regular;
}
.call-to-action-class div p,
.call-to-action-class div
{
display:inline-block;
}
.call-to-action-class div p
{
margin-left: 15px;
margin-right: 15px;
text-align: left;
}
.call-to-action-class.align-left
{
text-align:left;
}
.call-to-action-class.align-right
{
text-align:right;
}
.call-to-action-class.align-center
{
text-align:center;
}
.call-to-action-class
{
overflow:hidden;
margin-top: 20px;
}
@CHARSET "ISO-8859-1";
.brightcove-containing-block {
width: 100%;
}
.brightcove-outer-container {
position: relative;
padding-bottom: 56.25%;
}
.BrightcoveExperience {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lt-ie9 .brightcovevideo span {
display: block !important;
}
.vjs-tech {
width: 100% !important;
height:100% !important;
}
.vjs-poster {
background-color: transparent !important;
}
@media only screen and (max-width: 600px) {
.videoContainer {
margin-right: 15px;
}
}
.banner-image-header .hero-banner-module {
padding-top: 5rem;
position: relative;
background-color: #fff;
}
.banner-image-header .container {
max-width: 1170px;
}
.banner-image-header .hero-banner-module .banner-image {
position: absolute;
width: calc(12.5rem + 50%);
height: 100%;
right: 0rem;
top: 0;
overflow: hidden;
}
.banner-image-header .hero-banner-module .banner-image img {
position: absolute;
width: 110%;
height: auto;
left: -1%;
}
.banner-image-header .hero-banner-module .banner-content-panel {
background-color: #fff;
width: 50%;
position: relative;
}
.banner-image-header .hero-banner-module .banner-content-panel .banner-content {
padding: 4rem 4rem 1rem 0;
border-top: 0.25rem solid #1DBEB0;
border-right: 0.25rem solid #1DBEB0;
}
@media (min-width: 978px){
.banner-image-header .banner-image-header .container {
padding-left: 32px;
padding-right: 32px;
}
}
@media (max-width: 977px){
.hero-banner-module .banner-content h1{
font-size: 48px;
}
.banner-image-header .container {
padding-left: 24px;
padding-right: 24px;
}
.banner-image-header .hero-banner-module .banner-content-panel .banner-content {
border-left: 0;
padding: 4rem 2rem;
border-right: 0;
}
.banner-image-header .hero-banner-module .banner-image{
height: 30rem;
width: 110%;
left: -5%;
}
.banner-image-header .hero-banner-module .banner-image img{
width: 100%;
left: 0;
}
.banner-image-header .hero-banner-module .banner-content-panel {
width: 100%;
margin-top: 12.5rem;
padding:0;
}
}
@media (max-width: 767px){
.banner-image-header .container {
padding-left: 8px;
padding-right: 8px;
}
.banner-image-header .hero-image-cta .cta-rounded{
width:100%;
}
.banner-image-header .hero-image-cta .call-to-action-class.align-left {
text-align: center;
}
.banner-image-header .hero-banner-module .banner-image {
height: 16.5rem;
}
.banner-image-header .hero-banner-module .banner-content-panel {
margin-top: 8rem;
}
.banner-image-header .hero-banner-module .banner-content-panel .banner-content {
padding: 3rem 2rem;
}
}
@media (max-width: 400px){
.banner-image-header .hero-banner-module .banner-content-panel .banner-content {
padding: 3rem 0.5rem;
}
}
.announcement {
padding: 25px 0;
}
.announcement .container {
position: relative;
}
.announcement p {
margin: 0 20px 0 0;
}
.announcement .icon {
max-width: 40px;
max-height: 34px;
position: absolute;
top: 50%;
margin-top: -17px;
}
.announcement .icon +span {
display:block;
margin-left:56px;
padding-right: 120px;
}
.announcement .heading {
margin-right: 15px;
}
.announcement .btn-close {
width: 12px;
height: 12px;
display: block;
background: url(../images/Black-Cross.png) no-repeat;
position: absolute;
top: 4px;
right: 15px;
display: none;
}
.announcement .btn {
width: 120px;
height: 40px;
position: absolute;
padding-inline: 10px;
top: 30px;
right: 1px;
border: solid #000000;
border-width: 1px;
border-radius: 0px;
font-weight: bold;
background: none
}
.announcement.closeable .btn-close {
display: block;
}
@media screen and (max-width: 768px) {
.announcement .heading {
display: block;
}
.announcement .icon {
position: initial;
margin-top: 0;
}
}
.announcement {
background: #F1F1F1;
}
.announcement.priority-2 {
background: #F6EEDF;
}
.announcement.priority-2 .btn {
display: none !important;
}
.announcement.priority-3 .btn {
display: none !important;
}
.announcement.priority-3 {
background: #FFCC00;
}
.announcement p {
color: #fff;
}
.announcement .heading {
font-weight: bold;
}
.announcement a {
color: #2675aa;
font-weight: bold;
}
.announcementData {
padding-right: 120px;
display: inline-block;
}
.panel-title.variation>a:after {
content: ' ';
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
margin-top: -10px;
right: 21px;
background: url(../../../../content/dam/EN/Images/CommSec%20Public/general/Chevron%20up.png);
}
.panel-title.variation>a.collapsed:after {
background: url(../../../../content/dam/EN/Images/CommSec%20Public/general/Chevron%20down.png);
}
.panel-title.variation {
margin-bottom: 3px;
}
.panel-title.variation>a {
font-family: cba_beaconsans-regular;
font-weight: bold;
color: black;
}
.panel-body.variation{
padding-top:10px;
padding-bottom:10px;
}
.panel-title.variation> a.collapsed{
border-bottom:none;
}
.collapsed.with-border{
border-bottom: 1px solid #e5e5e5!important;
}
.with-border{
border-bottom: 1px solid #e5e5e5!important;
}
.panel-group.variation{
border:none!important;
}
/* */
.accordion-section{
font-family: cba_beaconsans-regular;
}
.panel-group {
border: 1px solid #e5e5e5;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
}
.panel-group .panel + .panel {
margin: 0;
}
.panel-group .panel,
.panel-heading {
border: none;
border-radius: 0;
padding: 0;
}
.panel-default > .panel-heading {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 )"; /* IE6-9 */
}
.panel-default > .panel-heading:last-child {
border: none;
}
.panel-title > a {
display: block;
padding: 14px 50px 14px 14px;
text-decoration: none;
}
.panel-title {
position: relative;
}
.panel-title > a:after {
content: ' ';
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
margin-top: -10px;
right: 21px;
background: url(../images/sprite-icons.png) no-repeat 0 -45px;
}
.panel-title > a.collapsed:after {
background-position: 0 -24px;
}
.panel-title > a:hover,
.panel-title > a:active {
text-decoration: none;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border: none;
}
/* */
.panel-title > a {
color: #2675aa;
}
.panel-title > a.collapsed {
border-bottom: 1px solid #e5e5e5;
}
@font-face {
font-family: 'commsecfonticons';
src:url('../../../../content/dam/commsec/fonts/commsecfonticons.eot');
src:url('../../../../content/dam/commsec/fonts/commsecfonticons.eot?#iefix') format('embedded-opentype'),
url('../../../../content/dam/commsec/fonts/commsecfonticons.woff') format('woff'),
url('../../../../content/dam/commsec/fonts/commsecfonticons.ttf') format('truetype'),
url('../../../../content/dam/commsec/fonts/commsecfonticons.svg#commsecfonticons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'commsecfonticons';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.icon-youtube, .icon-youthstudent, .icon-workplace, .icon-workingcapital, .icon-warning, .icon-video-play, .icon-twitter, .icon-travelloan, .icon-travellerscheques, .icon-travel-insurance, .icon-travelcard, .icon-transfer, .icon-tradexchange, .icon-toolshomeloans, .icon-tick, .icon-thumbs-up, .icon-thumbs-down, .icon-thridpartydamagedft, .icon-thridpartydamage, .icon-termlifeprotection, .icon-termdeposit, .icon-templatesforms, .icon-telcomedia, .icon-teenagers, .icon-technologyfinance, .icon-technology, .icon-targetdeposit, .icon-tablet, .icon-switchaccounts, .icon-sustainability, .icon-supportdownloads, .icon-support-community, .icon-supersavingaccount, .icon-suitcase, .icon-stuff-i-like, .icon-studentbudget, .icon-structuredincome, .icon-startingbusiness, .icon-startfamily, .icon-speech-questionmark, .icon-social, .icon-shopping-bag, .icon-sharetrade, .icon-shareholders, .icon-selfmanagedsuper, .icon-securedcarloan, .icon-schools, .icon-savingterm, .icon-savingsacc, .icon-retirement, .icon-retail, .icon-renobuilding, .icon-reload, .icon-realestate, .icon-rates, .icon-question-mark, .icon-protectincome, .icon-propertyapp, .icon-professionalservice, .icon-productinvestment, .icon-productinternational, .icon-printer, .icon-premiumcheque, .icon-premierbanking, .icon-portfolio, .icon-play, .icon-plane, .icon-phone-handset, .icon-phone, .icon-personal-youth-and-students, .icon-personal-travel, .icon-personal-superannuation, .icon-personal-premier-banking, .icon-personal-personal-loans, .icon-personaloverdraft, .icon-personal-online-banking, .icon-personalloans, .icon-personalisedgoalandsaving, .icon-personal-investments, .icon-personal-international, .icon-personal-insurance, .icon-personal-home-loans, .icon-personal-financial-planning, .icon-personal-credit-cards, .icon-personal-bank-accounts, .icon-person, .icon-permanentdisability, .icon-people-talking, .icon-people, .icon-pen-paper, .icon-pdf, .icon-pause, .icon-padlock-rounded, .icon-overheads, .icon-overdraft, .icon-ourcompany, .icon-onlinesaver, .icon-notforprofit, .icon-netbanktablet, .icon-netbankchrome, .icon-netbankapp, .icon-netbank, .icon-naturalresources, .icon-mywealth, .icon-monthlysavings, .icon-mobiletoolkit, .icon-mobile-menu, .icon-mobile-login, .icon-mobile, .icon-menu, .icon-mediumterm, .icon-medicalequipment, .icon-mediaresources, .icon-mediarelease, .icon-married, .icon-marginloan, .icon-managing, .icon-managedebt, .icon-mail, .icon-magnifying-glass, .icon-lowfee, .icon-longterm, .icon-logon, .icon-logistics, .icon-login, .icon-location, .icon-locate, .icon-loanprotection, .icon-livingspace, .icon-linkedin, .icon-link, .icon-lineofcredit, .icon-line-chart, .icon-lifetrama, .icon-lifeinsurance, .icon-lifeaccidentprotection, .icon-leavingbusiness, .icon-latestoffers, .icon-keyfactsheet, .icon-katchingapp, .icon-investproperty, .icon-investmentglobe, .icon-investinginproperty, .icon-intmoneytransfers, .icon-institutions, .icon-insights, .icon-injurycashproduction, .icon-infrastructure, .icon-information-i, .icon-inbox, .icon-howmuchborrow, .icon-house-rounded, .icon-house, .icon-homeresidential, .icon-homeloans, .icon-homeinvestment, .icon-holiday, .icon-hlwealthpackage, .icon-hlveridianline, .icon-hlrefinancehome, .icon-hlprotectyourassets, .icon-hlnofeerv, .icon-hllowfeeaccounts, .icon-hllowdocumentationloans, .icon-hllowdepositpremium, .icon-hllmi, .icon-hlinterestoffset, .icon-hlguarantorsupport, .icon-hlfixedrate, .icon-hlexistingcustomer, .icon-hldepositguarantee, .icon-hlcreditcardnofee, .icon-hlbridgingfinance, .icon-hlbasevariablerate, .icon-healthcare, .icon-growthbond, .icon-graduaterecruitment, .icon-government, .icon-google-plus, .icon-googleplus, .icon-glossary, .icon-globe, .icon-globaloffices, .icon-globalmarkets, .icon-garantees, .icon-funds, .icon-franchising, .icon-foreignexchangechrome, .icon-foreignexchangecalculator, .icon-foreignexchange, .icon-foreigncurrency, .icon-foreigncash, .icon-foodbeverage, .icon-fixedincome, .icon-financingoptions, .icon-financialloan, .icon-financialgoals, .icon-facebook, .icon-essentials, .icon-equities, .icon-equipmentfinance, .icon-equipment, .icon-employersuperannuation, .icon-employersuper, .icon-eftpos, .icon-edit, .icon-economics, .icon-downloads, .icon-dollar-sign, .icon-document, .icon-diytermdeposit, .icon-diycashinvestment, .icon-debtinvestors, .icon-cross, .icon-creditcard, .icon-couple, .icon-corporateprofile, .icon-contentinsurance, .icon-contact-us, .icon-comprehenssivelife, .icon-comprehensivelife, .icon-comprehensivecar, .icon-comparrisoncalculator, .icon-community, .icon-commsecapp, .icon-commodities, .icon-commitment, .icon-commbizmarkets, .icon-commbiz, .icon-commbankkaching, .icon-commbankapp, .icon-clock, .icon-chequesanddrafts, .icon-checklist, .icon-case-studies, .icon-carfinance, .icon-career, .icon-careeerwithus, .icon-card-zero-interest, .icon-card-intersest-rate, .icon-card-corporate-charge, .icon-card-corporate, .icon-car, .icon-capitalraising, .icon-buyinghome, .icon-buyingbusiness, .icon-businessoverheads, .icon-businessloans, .icon-businessaccounts, .icon-buildinginsurance, .icon-budgetplanner, .icon-billfacility, .icon-betterbusiness, .icon-bar-graph-rounded, .icon-bankaccounts, .icon-badge, .icon-awards-card, .icon-australia, .icon-arrow-right-yellow, .icon-arrow-right-white, .icon-arrow-right-slate-tint-2, .icon-arrow-right-grey-lightest, .icon-arrow-right-grey-dark, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-arrow, .icon-agribusiness, .icon-advice, .icon-additionalcost, .icon-acceptonline, .icon-acceptbill, .icon-aboutus, .icon-3-people {
font-family: 'commsecfonticons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-youtube:before {
content: "\e000";
}
.icon-youthstudent:before {
content: "\e001";
}
.icon-workplace:before {
content: "\e002";
}
.icon-workingcapital:before {
content: "\e003";
}
.icon-video-play:before {
content: "\e005";
}
.icon-twitter:before {
content: "\e006";
}
.icon-travelloan:before {
content: "\e007";
}
.icon-travellerscheques:before {
content: "\e008";
}
.icon-travel-insurance:before {
content: "\e009";
}
.icon-travelcard:before {
content: "\e00a";
}
.icon-transfer:before {
content: "\e00b";
}
.icon-tradexchange:before {
content: "\e00c";
}
.icon-toolshomeloans:before {
content: "\e00d";
}
.icon-tick:before {
content: "\e00e";
}
.icon-thumbs-up:before {
content: "\e00f";
}
.icon-thumbs-down:before {
content: "\e010";
}
.icon-thridpartydamagedft:before {
content: "\e011";
}
.icon-thridpartydamage:before {
content: "\e012";
}
.icon-termlifeprotection:before {
content: "\e013";
}
.icon-termdeposit:before {
content: "\e014";
}
.icon-templatesforms:before {
content: "\e015";
}
.icon-telcomedia:before {
content: "\e016";
}
.icon-teenagers:before {
content: "\e017";
}
.icon-technologyfinance:before {
content: "\e018";
}
.icon-technology:before {
content: "\e019";
}
.icon-targetdeposit:before {
content: "\e01a";
}
.icon-tablet:before {
content: "\e01b";
}
.icon-switchaccounts:before {
content: "\e01c";
}
.icon-sustainability:before {
content: "\e01d";
}
.icon-supportdownloads:before {
content: "\e01e";
}
.icon-support-community:before {
content: "\e01f";
}
.icon-supersavingaccount:before {
content: "\e020";
}
.icon-suitcase:before {
content: "\e021";
}
.icon-stuff-i-like:before {
content: "\e022";
}
.icon-studentbudget:before {
content: "\e023";
}
.icon-structuredincome:before {
content: "\e024";
}
.icon-startingbusiness:before {
content: "\e025";
}
.icon-startfamily:before {
content: "\e026";
}
.icon-speech-questionmark:before {
content: "\e027";
}
.icon-social:before {
content: "\e028";
}
.icon-shopping-bag:before {
content: "\e029";
}
.icon-sharetrade:before {
content: "\e02a";
}
.icon-shareholders:before {
content: "\e02b";
}
.icon-selfmanagedsuper:before {
content: "\e02c";
}
.icon-securedcarloan:before {
content: "\e02d";
}
.icon-schools:before {
content: "\e02e";
}
.icon-savingterm:before {
content: "\e02f";
}
.icon-savingsacc:before {
content: "\e030";
}
.icon-retirement:before {
content: "\e031";
}
.icon-retail:before {
content: "\e032";
}
.icon-renobuilding:before {
content: "\e033";
}
.icon-reload:before {
content: "\e034";
}
.icon-realestate:before {
content: "\e035";
}
.icon-rates:before {
content: "\e036";
}
.icon-question-mark:before {
content: "\e037";
}
.icon-protectincome:before {
content: "\e038";
}
.icon-propertyapp:before {
content: "\e039";
}
.icon-professionalservice:before {
content: "\e03a";
}
.icon-productinvestment:before {
content: "\e03b";
}
.icon-productinternational:before {
content: "\e03c";
}
.icon-printer:before {
content: "\e03d";
}
.icon-premiumcheque:before {
content: "\e03e";
}
.icon-premierbanking:before {
content: "\e03f";
}
.icon-portfolio:before {
content: "\e040";
}
.icon-play:before {
content: "\e041";
}
.icon-plane:before {
content: "\e042";
}
.icon-phone-handset:before {
content: "\e043";
}
.icon-phone:before {
content: "\e044";
}
.icon-personal-youth-and-students:before {
content: "\e045";
}
.icon-personal-travel:before {
content: "\e046";
}
.icon-personal-superannuation:before {
content: "\e047";
}
.icon-personal-premier-banking:before {
content: "\e048";
}
.icon-personal-personal-loans:before {
content: "\e049";
}
.icon-personaloverdraft:before {
content: "\e04a";
}
.icon-personal-online-banking:before {
content: "\e04b";
}
.icon-personalloans:before {
content: "\e04c";
}
.icon-personalisedgoalandsaving:before {
content: "\e04d";
}
.icon-personal-investments:before {
content: "\e04e";
}
.icon-personal-international:before {
content: "\e04f";
}
.icon-personal-insurance:before {
content: "\e050";
}
.icon-personal-home-loans:before {
content: "\e051";
}
.icon-personal-financial-planning:before {
content: "\e052";
}
.icon-personal-credit-cards:before {
content: "\e053";
}
.icon-personal-bank-accounts:before {
content: "\e054";
}
.icon-person:before {
content: "\e055";
}
.icon-permanentdisability:before {
content: "\e056";
}
.icon-people-talking:before {
content: "\e057";
}
.icon-people:before {
content: "\e058";
}
.icon-pen-paper:before {
content: "\e059";
}
.icon-pdf:before {
content: "\e05a";
}
.icon-pause:before {
content: "\e05b";
}
.icon-padlock-rounded:before {
content: "\e05c";
}
.icon-overheads:before {
content: "\e05d";
}
.icon-overdraft:before {
content: "\e05e";
}
.icon-ourcompany:before {
content: "\e05f";
}
.icon-onlinesaver:before {
content: "\e060";
}
.icon-notforprofit:before {
content: "\e061";
}
.icon-netbanktablet:before {
content: "\e062";
}
.icon-netbankchrome:before {
content: "\e063";
}
.icon-netbankapp:before {
content: "\e064";
}
.icon-netbank:before {
content: "\e065";
}
.icon-naturalresources:before {
content: "\e066";
}
.icon-mywealth:before {
content: "\e067";
}
.icon-monthlysavings:before {
content: "\e068";
}
.icon-mobiletoolkit:before {
content: "\e069";
}
.icon-mobile-menu:before {
content: "\e06a";
}
.icon-mobile-login:before {
content: "\e06b";
}
.icon-mobile:before {
content: "\e06c";
}
.icon-menu:before {
content: "\e06d";
}
.icon-mediumterm:before {
content: "\e06e";
}
.icon-medicalequipment:before {
content: "\e06f";
}
.icon-mediaresources:before {
content: "\e070";
}
.icon-mediarelease:before {
content: "\e071";
}
.icon-married:before {
content: "\e072";
}
.icon-marginloan:before {
content: "\e073";
}
.icon-managing:before {
content: "\e074";
}
.icon-managedebt:before {
content: "\e075";
}
.icon-mail:before {
content: "\e076";
}
.icon-magnifying-glass:before {
content: "\e077";
}
.icon-lowfee:before {
content: "\e078";
}
.icon-longterm:before {
content: "\e079";
}
.icon-logon:before {
content: "\e07a";
}
.icon-logistics:before {
content: "\e07b";
}
.icon-login:before {
content: "\e07c";
}
.icon-location:before {
content: "\e07d";
}
.icon-locate:before {
content: "\e07e";
}
.icon-loanprotection:before {
content: "\e07f";
}
.icon-livingspace:before {
content: "\e080";
}
.icon-linkedin:before {
content: "\e081";
}
.icon-link:before {
content: "\e082";
}
.icon-lineofcredit:before {
content: "\e083";
}
.icon-line-chart:before {
content: "\e084";
}
.icon-lifetrama:before {
content: "\e085";
}
.icon-lifeinsurance:before {
content: "\e086";
}
.icon-lifeaccidentprotection:before {
content: "\e087";
}
.icon-leavingbusiness:before {
content: "\e088";
}
.icon-latestoffers:before {
content: "\e089";
}
.icon-keyfactsheet:before {
content: "\e08a";
}
.icon-katchingapp:before {
content: "\e08b";
}
.icon-investproperty:before {
content: "\e08c";
}
.icon-investmentglobe:before {
content: "\e08d";
}
.icon-investinginproperty:before {
content: "\e08e";
}
.icon-intmoneytransfers:before {
content: "\e08f";
}
.icon-institutions:before {
content: "\e090";
}
.icon-insights:before {
content: "\e091";
}
.icon-injurycashproduction:before {
content: "\e092";
}
.icon-infrastructure:before {
content: "\e093";
}
.icon-information-i:before {
content: "\e094";
}
.icon-inbox:before {
content: "\e095";
}
.icon-howmuchborrow:before {
content: "\e096";
}
.icon-house-rounded:before {
content: "\e097";
}
.icon-house:before {
content: "\e098";
}
.icon-homeresidential:before {
content: "\e099";
}
.icon-homeloans:before {
content: "\e09a";
}
.icon-homeinvestment:before {
content: "\e09b";
}
.icon-holiday:before {
content: "\e09c";
}
.icon-hlwealthpackage:before {
content: "\e09d";
}
.icon-hlveridianline:before {
content: "\e09e";
}
.icon-hlrefinancehome:before {
content: "\e09f";
}
.icon-hlprotectyourassets:before {
content: "\e0a0";
}
.icon-hlnofeerv:before {
content: "\e0a1";
}
.icon-hllowfeeaccounts:before {
content: "\e0a2";
}
.icon-hllowdocumentationloans:before {
content: "\e0a3";
}
.icon-hllowdepositpremium:before {
content: "\e0a4";
}
.icon-hllmi:before {
content: "\e0a5";
}
.icon-hlinterestoffset:before {
content: "\e0a6";
}
.icon-hlguarantorsupport:before {
content: "\e0a7";
}
.icon-hlfixedrate:before {
content: "\e0a8";
}
.icon-hlexistingcustomer:before {
content: "\e0a9";
}
.icon-hldepositguarantee:before {
content: "\e0aa";
}
.icon-hlcreditcardnofee:before {
content: "\e0ab";
}
.icon-hlbridgingfinance:before {
content: "\e0ac";
}
.icon-hlbasevariablerate:before {
content: "\e0ad";
}
.icon-healthcare:before {
content: "\e0ae";
}
.icon-growthbond:before {
content: "\e0af";
}
.icon-graduaterecruitment:before {
content: "\e0b0";
}
.icon-government:before {
content: "\e0b1";
}
.icon-google-plus:before {
content: "\e0b2";
}
.icon-googleplus:before {
content: "\e0b3";
}
.icon-glossary:before {
content: "\e0b4";
}
.icon-globe:before {
content: "\e0b5";
}
.icon-globaloffices:before {
content: "\e0b6";
}
.icon-globalmarkets:before {
content: "\e0b7";
}
.icon-garantees:before {
content: "\e0b8";
}
.icon-funds:before {
content: "\e0b9";
}
.icon-franchising:before {
content: "\e0ba";
}
.icon-foreignexchangechrome:before {
content: "\e0bb";
}
.icon-foreignexchangecalculator:before {
content: "\e0bc";
}
.icon-foreignexchange:before {
content: "\e0bd";
}
.icon-foreigncurrency:before {
content: "\e0be";
}
.icon-foreigncash:before {
content: "\e0bf";
}
.icon-foodbeverage:before {
content: "\e0c0";
}
.icon-fixedincome:before {
content: "\e0c1";
}
.icon-financingoptions:before {
content: "\e0c2";
}
.icon-financialloan:before {
content: "\e0c3";
}
.icon-financialgoals:before {
content: "\e0c4";
}
.icon-facebook:before {
content: "\e0c5";
}
.icon-essentials:before {
content: "\e0c6";
}
.icon-equities:before {
content: "\e0c7";
}
.icon-equipmentfinance:before {
content: "\e0c8";
}
.icon-equipment:before {
content: "\e0c9";
}
.icon-employersuperannuation:before {
content: "\e0ca";
}
.icon-employersuper:before {
content: "\e0cb";
}
.icon-eftpos:before {
content: "\e0cc";
}
.icon-edit:before {
content: "\e0cd";
}
.icon-economics:before {
content: "\e0ce";
}
.icon-downloads:before {
content: "\e0cf";
}
.icon-dollar-sign:before {
content: "\e0d0";
}
.icon-document:before {
content: "\e0d1";
}
.icon-diytermdeposit:before {
content: "\e0d2";
}
.icon-diycashinvestment:before {
content: "\e0d3";
}
.icon-debtinvestors:before {
content: "\e0d4";
}
.icon-cross:before {
content: "\e0d5";
}
.icon-creditcard:before {
content: "\e0d6";
}
.icon-couple:before {
content: "\e0d7";
}
.icon-corporateprofile:before {
content: "\e0d8";
}
.icon-contentinsurance:before {
content: "\e0d9";
}
.icon-contact-us:before {
content: "\e0da";
}
.icon-comprehenssivelife:before {
content: "\e0db";
}
.icon-comprehensivelife:before {
content: "\e0dc";
}
.icon-comprehensivecar:before {
content: "\e0dd";
}
.icon-comparrisoncalculator:before {
content: "\e0de";
}
.icon-community:before {
content: "\e0df";
}
.icon-commsecapp:before {
content: "\e0e0";
}
.icon-commodities:before {
content: "\e0e1";
}
.icon-commitment:before {
content: "\e0e2";
}
.icon-commbizmarkets:before {
content: "\e0e3";
}
.icon-commbiz:before {
content: "\e0e4";
}
.icon-commbankkaching:before {
content: "\e0e5";
}
.icon-commbankapp:before {
content: "\e0e6";
}
.icon-clock:before {
content: "\e0e7";
}
.icon-chequesanddrafts:before {
content: "\e0e8";
}
.icon-checklist:before {
content: "\e0e9";
}
.icon-case-studies:before {
content: "\e0ea";
}
.icon-carfinance:before {
content: "\e0eb";
}
.icon-career:before {
content: "\e0ec";
}
.icon-careeerwithus:before {
content: "\e0ed";
}
.icon-card-zero-interest:before {
content: "\e0ee";
}
.icon-card-intersest-rate:before {
content: "\e0ef";
}
.icon-card-corporate-charge:before {
content: "\e0f0";
}
.icon-card-corporate:before {
content: "\e0f1";
}
.icon-car:before {
content: "\e0f2";
}
.icon-capitalraising:before {
content: "\e0f3";
}
.icon-buyinghome:before {
content: "\e0f4";
}
.icon-buyingbusiness:before {
content: "\e0f5";
}
.icon-businessoverheads:before {
content: "\e0f6";
}
.icon-businessloans:before {
content: "\e0f7";
}
.icon-businessaccounts:before {
content: "\e0f8";
}
.icon-buildinginsurance:before {
content: "\e0f9";
}
.icon-budgetplanner:before {
content: "\e0fa";
}
.icon-billfacility:before {
content: "\e0fb";
}
.icon-betterbusiness:before {
content: "\e0fc";
}
.icon-bar-graph-rounded:before {
content: "\e0fd";
}
.icon-bankaccounts:before {
content: "\e0fe";
}
.icon-badge:before {
content: "\e0ff";
}
.icon-awards-card:before {
content: "\e100";
}
.icon-australia:before {
content: "\e101";
}
.icon-arrow-right-yellow:before {
content: "\e102";
}
.icon-arrow-right-white:before {
content: "\e103";
}
.icon-arrow-right-slate-tint-2:before {
content: "\e104";
}
.icon-arrow-right-grey-lightest:before {
content: "\e105";
}
.icon-arrow-right-grey-dark:before {
content: "\e106";
}
.icon-arrow-right:before {
content: "\e107";
}
.icon-arrow-left:before {
content: "\e108";
}
.icon-arrow-down:before {
content: "\e109";
}
.icon-arrow:before {
content: "\e10a";
}
.icon-agribusiness:before {
content: "\e10b";
}
.icon-advice:before {
content: "\e10c";
}
.icon-additionalcost:before {
content: "\e10d";
}
.icon-acceptonline:before {
content: "\e10e";
}
.icon-acceptbill:before {
content: "\e10f";
}
.icon-aboutus:before {
content: "\e110";
}
.icon-3-people:before {
content: "\e111";
}
/*
.icon-warning:before {
content: "\e004";
}
*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float: left;
position: relative;
margin-left: 10.0px;
margin-right: 10.0px;
}
.container_16 .grid_1 { width: 40px; }
.container_16 .grid_2 { width: 100px; }
.container_16 .grid_3 { width: 160px; }
.container_16 .grid_4 { width: 220px; }
.container_16 .grid_5 { width: 280px; }
.container_16 .grid_6 { width: 340px; }
.container_16 .grid_7 { width: 400px; }
.container_16 .grid_8 { width: 460px; }
.container_16 .grid_9 { width: 520px; }
.container_16 .grid_10 { width: 580px; }
.container_16 .grid_11 { width: 640px; }
.container_16 .grid_12 { width: 700px; }
.container_16 .grid_13 { width: 760px; }
.container_16 .grid_14 { width: 820px; }
.container_16 .grid_15 { width: 880px; }
.container_16 .grid_16 { width: 940px; }
.container_16 .prefix_1 { padding-left: 60px; }
.container_16 .prefix_2 { padding-left: 120px; }
.container_16 .prefix_3 { padding-left: 180px; }
.container_16 .prefix_4 { padding-left: 240px; }
.container_16 .prefix_5 { padding-left: 300px; }
.container_16 .prefix_6 { padding-left: 360px; }
.container_16 .prefix_7 { padding-left: 420px; }
.container_16 .prefix_8 { padding-left: 480px; }
.container_16 .prefix_9 { padding-left: 540px; }
.container_16 .prefix_10 { padding-left: 600px; }
.container_16 .prefix_11 { padding-left: 660px; }
.container_16 .prefix_12 { padding-left: 720px; }
.container_16 .prefix_13 { padding-left: 780px; }
.container_16 .prefix_14 { padding-left: 840px; }
.container_16 .prefix_15 { padding-left: 900px; }
.container_16 .prefix_16 { padding-left: 960px; }
.container_16 .suffix_1 { padding-right: 60px; }
.container_16 .suffix_2 { padding-right: 120px; }
.container_16 .suffix_3 { padding-right: 180px; }
.container_16 .suffix_4 { padding-right: 240px; }
.container_16 .suffix_5 { padding-right: 300px; }
.container_16 .suffix_6 { padding-right: 360px; }
.container_16 .suffix_7 { padding-right: 420px; }
.container_16 .suffix_8 { padding-right: 480px; }
.container_16 .suffix_9 { padding-right: 540px; }
.container_16 .suffix_10 { padding-right: 600px; }
.container_16 .suffix_11 { padding-right: 660px; }
.container_16 .suffix_12 { padding-right: 720px; }
.container_16 .suffix_13 { padding-right: 780px; }
.container_16 .suffix_14 { padding-right: 840px; }
.container_16 .suffix_15 { padding-right: 900px; }
.container_16 .suffix_16 { padding-right: 960px; }
.container_16 .push_1 { left: 60px; }
.container_16 .push_2 { left: 120px; }
.container_16 .push_3 { left: 180px; }
.container_16 .push_4 { left: 240px; }
.container_16 .push_5 { left: 300px; }
.container_16 .push_6 { left: 360px; }
.container_16 .push_7 { left: 420px; }
.container_16 .push_8 { left: 480px; }
.container_16 .push_9 { left: 540px; }
.container_16 .push_10 { left: 600px; }
.container_16 .push_11 { left: 660px; }
.container_16 .push_12 { left: 720px; }
.container_16 .push_13 { left: 780px; }
.container_16 .push_14 { left: 840px; }
.container_16 .push_15 { left: 900px; }
.container_16 .push_16 { left: 960px; }
.container_16 .pull_1 { right: 60px; }
.container_16 .pull_2 { right: 120px; }
.container_16 .pull_3 { right: 180px; }
.container_16 .pull_4 { right: 240px; }
.container_16 .pull_5 { right: 300px; }
.container_16 .pull_6 { right: 360px; }
.container_16 .pull_7 { right: 420px; }
.container_16 .pull_8 { right: 480px; }
.container_16 .pull_9 { right: 540px; }
.container_16 .pull_10 { right: 600px; }
.container_16 .pull_11 { right: 660px; }
.container_16 .pull_12 { right: 720px; }
.container_16 .pull_13 { right: 780px; }
.container_16 .pull_14 { right: 840px; }
.container_16 .pull_15 { right: 900px; }
.container_16 .pull_16 { right: 960px; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0
}
.clearfix {
display: inline-block
}
* html .clearfix {
height: 1%
}
.clearfix {
display: block
}
/* spacers */
div.section.spacer_before {
padding-top: 8px;
margin-top: 12px;
}
div.section.spacer_after {
margin-bottom: 20px;
}
div.section.spacer_both {
padding-top: 8px;
margin-bottom: 20px;
margin-top: 12px;
}
/* parsys component */
div.par, div.rightpar {
clear: both;
}
div.parsys_column {
height: 100%;
width: 100%;
float: left;
border: 0;
vertical-align:top;
padding: 0;
margin: 0;
}
div.section {
/* Property added to avoid IE hasLayout issue on paragraphs
see #20817 - IE6: div around Drag Components image not big enough
*/
zoom: 1;
}
div.parsys_column .section {
overflow:hidden;
width: 100%;
}
/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }
div.cq-colctrl-default { width: 100%;}
/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { width: 340px; margin-right:10px}
div.cq-colctrl-lt0-c1 { width: 340px; margin-left: 10px}
/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
div.cq-colctrl-lt1 { }
div.cq-colctrl-lt1-c0 { width: 220px; margin-right: 10px;}
div.cq-colctrl-lt1-c1 { width: 220px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt1-c2 { width: 220px; margin-left: 10px; }
/* layout 2: 16% 16% 16% 33% ( grid2.6 + grid2.6 + grid2.6 + grid4 ) */
div.cq-colctrl-lt2 { }
div.cq-colctrl-lt2-c0 { width: 140px; margin-right: 10px;}
div.cq-colctrl-lt2-c1 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c2 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c3 { width: 220px; margin-left: 10px }
/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.cq-colctrl-lt3 { }
div.cq-colctrl-lt3-c0 { width: 160px; margin-right: 10px;}
div.cq-colctrl-lt3-c1 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c2 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c3 { width: 160px; margin-left: 10px; }
/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.cq-colctrl-lt4 { }
div.cq-colctrl-lt4-c0 { width: 124px; margin-right: 10px;}
div.cq-colctrl-lt4-c1 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c2 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c3 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c4 { width: 124px; margin-left: 10px; }
/* widepage layouts */
/* layout 5 : 50% 50% ( grid8 + grid8 ) */
div.cq-colctrl-lt5 { }
div.cq-colctrl-lt5-c0 { width: 460px; margin-right:10px}
div.cq-colctrl-lt5-c1 { width: 460px; margin-left: 10px}
/* layout 6 : 25% 25% ( grid4 + grid4 + grid4 + grid4) */
div.cq-colctrl-lt6 { }
div.cq-colctrl-lt6-c0 { width: 220px; margin-right:10px}
div.cq-colctrl-lt6-c1 { width: 220px; margin-left: 10px; margin-right:10px}
div.cq-colctrl-lt6-c2 { width: 220px; margin-left: 10px; margin-right:10px}
div.cq-colctrl-lt6-c3 { width: 220px; margin-left: 10px}
/* -----------------------------------------< START: User Toggle Button >---- */
div.toggle div.status.loading {
background: url("misc/images/loading.gif") no-repeat;
height: 16px;
width: 16px;
}
/* --------------------------------------------< END: User Toggle Button >--- */
.campaign_body {
background-color: black;
color: white;
}
@font-face
{
font-family: 'cba_beaconsans-regular';
src: url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Regular.eot');
src: url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Regular.eot?#iefix') format('embedded-opentype'),
url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Regular.woff') format('woff'),
url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Regular.ttf') format('truetype'),
url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Regular.svg#cba_beaconsans-regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'cba_beaconsans-bold';
src: url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Bold.eot');
src: url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Bold.eot?#iefix') format('embedded-opentype'),
url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Bold.woff') format('woff'),
url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Bold.ttf') format('truetype'),
url('../../../../content/dam/EN/css/fonts/CBABeaconSans-Bold.svg#cba_beaconsans-bold') format('svg');
font-weight: normal;
font-style: normal;
}
body
{
font-family: Arial,sans-serif,"Helvetica Neue",Helvetica;
color: #000;
}
mark
{
background: #ffc20e;
font-weight: bold;
padding: 2px;
}
input[type="text"]
{
-webkit-border-radius: 5px;
border-radius: 5px;
}
.wrapper
{
overflow: hidden;
}
.page-left
{
display: none;
position: absolute;
top: 0;
left: 0;
width: 70%;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.page-right
{
position: relative;
}
.page-left,.page-right
{
-webkit-transition: -webkit-transform .3s ease 0s;
-ms-transition: -ms-transform .3s ease 0s;
transition: transform .3s ease 0s;
}
.module-overlay
{
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
}
.mega-nav-active .module-overlay,.reveal-left .module-overlay
{
display: block;
}
.container
{
width: 100%;
}
.width-85pc
{
width: 85%;
}
html[data-useragent*="MSIE"] .pagenav-anchor
{
display: block;
position: relative;
bottom: -10px;
line-height: 0;
height: 0;
}
html[data-useragent*="MSIE 8"] .container
{
width: 100% !important;
}
[data-ng-cloak]
{
display: none;
}
/**************** HEADERS ***************/
h1
{
font-size: 62px;
font-family: cba_beaconsans-bold;
line-height: 0.9em;
font-weight: normal;
letter-spacing: 0px;
}
h2
{
font-family: cba_beaconsans-regular;
font-size: 36px;
margin: 0 0 30px 0;
}
h3
{
font-family: cba_beaconsans-regular;
font-size: 20px;
margin-top: 0;
}
h4
{
font-family: cba_beaconsans-regular;
font-size: 16px;
}
h5
{
font-family: cba_beaconsans-regular;
font-size: 14px;
}
h6
{
font-family: cba_beaconsans-regular;
font-size: 12px;
}
p{
font-family: cba_beaconsans-regular;
font-size: 16px;
}
[class*="header-h1"]
{ font-size: 62px;
line-height: 0.8em;
font-weight: normal;
letter-spacing: 0px;
}
[class*="header-h2"]
{
font-size:36px;
}
[class*="header-h3"]
{
font-size:20px !important;
}
[class*="header-h4"]
{
font-size:16px;
}
[class*="header-h5"]
{
font-size:14px;
}
[class*="header-h6"]
{
font-size:12px;
}
[class*="header-h1"] a
{
font-size: 62px;
font-family: cba_beaconsans-regular;
line-height: 0.8em;
font-weight: normal;
letter-spacing: 0px;
}
[class*="header-h2"] a
{
font-size:36px;
margin: 0 0 30px 0;
}
[class*="header-h3"] a
{
margin-top: 0;
font-size:20px !important;
}
[class*="header-h4"] a
{
font-size:16px;
}
[class*="header-h5"] a
{
font-size:14px;
}
[class*="header-h6"] a
{
font-size:12px;
}
/**************** END HEADERS ***************/
/**************** COLORS *******************/
[class*='color-black']
{
color:#000000;
}
[class*='color-blue']
{
color:#2675aa;
}
[class*='color-yellow']
{
color:#FFCB05;
}
[class*='color-dark-grey']
{
color:#77787B;
}
[class*='color-light-grey']
{
color:#F1F1F2;
}
[class*='color-white']
{
color:#FFFFFF;
}
/**************** END COLORS *******************/
small
{
font-size: 10px;
line-height: 1em;
letter-spacing: -0.5px;
}
a:hover
{
text-decoration:underline;
}
a:hover, a:focus
{
color: #2675aa;
}
ul, ol
{
padding-left: 0;
font-family:cba_beaconsans-regular;
font-size: 16px;
}
ul li
{
padding-left: 0;
font-family:cba_beaconsans-regular;
font-size: 16px;
}
.black-bg ul li
{
color: #aaa;
}
.black-bg ul li, .black-bg ol li
{
background-position: 0 -603px;
}
.width-70-30 td:first-child
{
width: 70%;
}
.width-70-30 th:first-child
{
width: 70%;
}
.width-70-30 td:last-child
{
width: 30%;
}
.width-70-30 th:first-child
{
width: 30%;
}
.width-30-70 td:first-child
{
width: 30%;
}
.width-30-70 th:first-child
{
width: 30%;
}
.width-10-90 td:first-child
{
width: 10%;
}
.width-10-90 th:first-child
{
width: 10%;
}
select, textarea, input[type="text"],
input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"],
input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{
height: 25px;
padding: 4px 9px;
}
input[type="submit"]
{
background: #ffc20e;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ffc20e;
font-weight: bold;
}
select
{
height: 44px;
line-height: 44px;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px 9px;
}
.list-inline > li
{
padding-left: 0;
padding-right: 0;
}
.css-table
{
display: table;
width: 100%;
}
.css-table .col
{
display: table-cell;
}
@media only screen and (max-width: 767px) {
.table-responsive-sm table td:last-child,
.table-responsive-sm table th:last-child {
display: table-cell !important;
white-space: normal;
}
.table-responsive-sm {
overflow-x: auto;
}
.table-responsive-sm table {
width: 100%;
display: block;
overflow-x: auto;
}
.table-responsive-sm table td,
.table-responsive-sm table th {
display: table-cell;
padding: 8px;
vertical-align: top;
}
}
/* For sticky element functionality */
*[data-spy="affix"]
{
top: 0;
}
.black-bg
{
background-color: #000;
}
.white-bg
{
background-color: #fff;
}
.black-bg p
{
color:#aaa;
}
.light-grey-bg
{
background-color: #f2f2f2;
}
.dark-grey-bg
{
background-color: #231f20;
}
.dark-grey-bg p
{
color:#fff;
}
.cta-rounded:link,
.cta-rounded:visited,
button.cta-rounded,
label.fake-input.cta-rounded
{
display: inline-block;
border: 2px solid #000;
color: #ffc20e;
background: #000;
-webkit-border-radius: 44px;
border-radius: 44px;
font-size: 16px;
padding: 0 27px 0 27px;
line-height: 40px;
position: relative;
text-decoration:none;
box-shadow: #555 0px 3px;
margin-bottom: 10px;
}
a.cta-rounded.cta-version span
{
font-family:cba_beaconsans-regular;
}
.cta-rounded:active, .cta-rounded:hover, label.fake-input.cta-rounded:hover
{
text-decoration: none;
}
.cta-rounded::after
{
display: block;
content: ' ';
width: 7px;
height: 12px;
position: absolute;
top: 14px;
right: 17px;
}
.cta-rounded:hover:after
{
background-position:-94px 0;
}
.cta-rounded[disabled]
{
color: #969696 !important;
background: #767676 !important;
border-color: #767676 !important;
}
.cta-rounded[disabled]:after
{
background-position: -101px 0;
}
.cta-rounded.btn-yellow
{
border-color: #ffcc00;
}
.cta-rounded.btn-yellow:hover
{
color: #000;
text-decoration: none;
}
/* generic styling */
.bdr-btm
{
border-bottom-style:solid;
border-bottom-width:1px;
}
.bdr-302c2d
{
border-bottom-color:#302c2d;
}
.bdr-e5e5e5
{
border-bottom-color:#e5e5e5;
}
/* images */
.img-circle.img-circle-cba
{
border:solid 1px #ffcc00;
}
.panel-cba
{
border:0;
box-shadow:none;
-webkit-box-shadow:none;
background:none;
}
.panel-cba .panel-heading
{
border-radius:10px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
background:#ffcc00;
}
.panel-cba h1, .panel-cba h2, .panel-cba h3, .panel-cba
{
color:#000 !important;
}
.panel-cba .panel-body
{
border-radius:10px;
border-top-right-radius:0;
border-top-left-radius:0;
background:#fff2bf;
padding:15px !important;
}
.panel-cba h1, .panel-cba h2, .panel-cba h3, .panel-cba h4
{
margin:0 !important; padding:12px !important;
}
.black-bg .panel-cba li
{
background-position: 0 7px;
color: #000;
}
.panel-cba li:not(:last-child)
{
margin-bottom:10px;
}
.pagination-cba
{
padding: 0 15px;
}
.pagination-cba .arrow-left,
.pagination-cba .arrow-right
{
background: #8d8d8d;
width: 27px;
height: 27px;
display: block;
padding: 0;
position: relative;
top: -1px;
}
.pagination-cba .list-inline .arrow-left,
.pagination-cba .list-inline .arrow-right
{
padding: 0;
border: none;
}
.pagination-cba .arrow-left:before,
.pagination-cba .arrow-right:after
{
background: url(../images/sprite-icons.png) no-repeat -80px -75px;
content: '';
width: 10px;
height: 10px;
display: inline-block;
margin: 8px 0 0 0;
}
.pagination-cba .arrow-right:after
{
background-position: -67px -75px;
}
.pagination-cba .arrow-left.first:before
{
background-position: -70px -86px;
}
.pagination-cba .arrow-right.last:after
{
background-position: -80px -86px;
}
.pagination-cba .list-inline
{
display: inline-block;
margin-right: -4px;
}
.pagination-cba .list-inline li
{
background: none;
padding: 0;
}
.pagination-cba .list-inline li a
{
margin-right: 5px;
padding: 6px 10px 5px 9px;
border: 1px solid #ffcc00;
}
.pagination-cba .list-inline li.active a
{
background: #ffcc00;
color: #000;
}
html[data-useragent*="MSIE 8"] label.yes
{
background-position: -111px -40px;
}
html[data-useragent*="MSIE 8"] label.no
{
background-position: -111px -120px;
}
.label
{
display:inline-block;
}
iframe
{
width:100%;
}
.share-pull-right
{
float: right;
}
/* NOTE: Add media specific common styles here */
@media only screen and (max-width: 767px)
{
body
{
padding: 0;
}
.share-pull-right
{
float: left;
}
.page-left
{
display: block;
}
.reveal-left .page-left
{
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.reveal-left .page-right
{
-webkit-transform: translate3d(70%, 0, 0);
-ms-transform: translate3d(70%, 0, 0);
transform: translate3d(70%, 0, 0);
}
.container
{
padding: 0 15px 0 15px;
}
.page-nav .container
{
padding: 0 15px;
min-height: 98px;
}
.pagination-cba .arrow-left,
.pagination-cba .arrow-right
{
top: -4px;
}
.top-result .feedback .col
{
display: block;
}
.top-result .col.submit
{
width: 100%;
margin-top: 20px;
}
*[data-text-trans]:before
{
content: attr(data-text-trans);
}
*[data-text-trans] span
{
display: none;
}
}
@media screen and (min-width: 768px)
{
*[data-text-trans-tablet]:before
{
content: attr(data-text-trans-tablet);
}
*[data-text-trans-tablet] span
{
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1140px)
{
.top-result.col-md-9
{
margin-right: 29px;
}
}
@media screen and (min-width: 768px) and (max-width: 977px)
{
.col-sm-3
{
width: 50% !important;
}
.col-sm-3:nth-child(odd){
clear:left;
}
}
@media screen and (min-width: 1140px)
{
.container
{
max-width: 1170px;
}
*[data-text-trans]:before,
*[data-text-trans-tablet]:before
{
content: '';
}
*[data-text-trans-tablet] span
{
display: block;
}
}
@media print
{
.login,
.global-nav,
.content-image img,
.cta-rounded,
.page-nav
{
display:none !important;;
}
/*bootstrap print override */
a[href]:after
{
content: "" !important;
}
abbr[title]:after
{
content: "" !important;
}
[class*="header-h1"]
{
font-size: 30px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
[class*="header-h2"]
{
font-size:30px;
}
h1
{
font-size: 30px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h2
{
font-size:30px;
}
.content-module
{
padding: 0 0 0 0;
}
}
@font-face
{
font-family: 'cba_sourceserifpro-italic';
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Italic.eot');
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Italic.eot?#iefix') format('embedded-opentype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Italic.woff') format('woff'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Italic.ttf') format('truetype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Italic.svg#cba_sourceserifpro-italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'cba_sourceserifpro-regular';
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Regular.eot');
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Regular.woff') format('woff'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Regular.ttf') format('truetype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-Regular.svg#cba_sourceserifpro-regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'cba_sourceserifpro-semibold';
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBold.eot');
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBold.woff') format('woff'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBold.ttf') format('truetype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBold.svg#cba_sourceserifpro-semibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'cba_sourceserifpro-semibolditalic';
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBoldItalic.eot');
src: url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBoldItalic.woff') format('woff'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBoldItalic.ttf') format('truetype'),
url('../../../../content/dam/EN/css/fonts/SourceSerifPro-SemiBoldItalic.svg#cba_sourceserifpro-semibolditalic') format('svg');
font-weight: normal;
font-style: normal;
}
[class*="sspitalic"]
{
font-family: cba_sourceserifpro-italic;
}
[class*="sspregular"]
{
font-family: cba_sourceserifpro-regular;
}
[class*="sspsemibold"]
{
font-family: cba_sourceserifpro-semibold;
}
[class*="sspsemibolditalic"]
{
font-family: cba_sourceserifpro-semibolditalic;
}
.mobile-page-template .content-module
{
padding: 0 0 0 0;
}
.mobile-page-template .container
{
padding: 0 15px 0 15px;
}
.active-login-icon:after
{
background: url(../images/sprite-icons.png) no-repeat -90px -75px !important;
}