/*Body and content text set to black*/
body, #site-head, #site-foot, #site-head .fix-me, #site-head .fix-me-bottom, #site-head:hover {
    color: #000;
}

body {
  color: #000;
}

/*Header Grey background*/
@media (min-width: 768px) {
    .layout-unauth main:before {
        display: block;
        background-color:  #000;
        color: white;
        height: 280px;
        margin: 0 0 -165px;
    }
    #site-head .fixable-item {
        background-color: #000;
        transition: background-color 0.3s, border 0.3s;
        }
    #site-head .fix-me .btn-clear,
    #site-head .fix-me-bottom .btn-clear,
    #site-head:hover .btn-clear {
        color: #fff;
        border-color: #FBB041;
        background-color: #FBB041;
    }

    #site-head .fix-me .btn-clear:hover, 
    #site-head .fix-me-bottom .btn-clear:hover,
    #site-head:hover .btn-clear:hover {
        background-color: #FBB041;
        color: #fff;
        border-color: #FBB041;
    }
    #site-head .btn-clear {
     border-color: #FBB041;
     color:#fff;
    }
    
    #site-head:hover .fixable-item {
    background: #000;
    border-color: transparent;
    }
    
    #site-head .fix-me .fixable-item {
    background-color: #000;
    border-color: transparent;
    }
}
/*Button color with white text and grey background*/
.cta-1 {
    background-color: #FBB041;
    color: #fff;
    border-color: #FBB041;
}
/*Button hover color with white text and grey background*/
.cta-1:hover {
    background-color: #FBB041;
    color: #fff;
    border-color: #FBB041;
}
/*Back to top button with white text*/
#w-back-to-top::before{
    background-color: #FBB041;    
}

/*responsive view header and card padding*/
@media only screen and (max-width: 979px){
.page-landing > .page-content-column-right .card-img {
    padding-top: 20px;
}
}
/*My Account logo fix*/
@media only screen and (min-width: 768px){
#site-head .logos {
    display: flex;
    padding: 0 33px;
}
}
/*My Account logo bar fix*/
#site-head .logos:after {width: 0}
#site-head .auth:before {width: 0}

/*Mobile Buy Card Show how text color change*/
#steps-wrapper + a.mobi-only {
color: #fff
}
/*Grey background mobile header*/
@media (max-width: 767px){
#site-head .fixable-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    position: absolute;
    left: 0;
    z-index: 99999;
    width: 100%;
    transition: background-color 0.3s, border 0.3s;
    background-color: #000;
}
}
@media (max-width: 767px){
#site-head .head-btns .btn {
    border-color: #FBB041;
}
}
media (max-width: 767px){
#site-head .mobi-nav .btn {
    border-color: #FBB041;
}
}
@media (max-width: 767px){
#site-head .nav-burger > span {
    background-color: #fff;
}
}
@media (max-width: 767px){
#site-head .mobi-nav {
	box-shadow: 0px 0px 7px 3px #a9a9a9;
    background-color: #000;
    color: #fff;
}
}
button.btn:not(.disabled):not([disabled]):hover {
    background-color: #FBB041;
    border-color: #9FBB041;
}

@media (max-width: 767px){
#site-head .mobi-nav .btn {
    display: block;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 15px 19px 0;
    border-color: #FBB041;
}
}

@media (max-width: 767px){
#site-head .mobi-nav .a {
	color: #000;
}
}

.form .form-btn-row .btn {
    display: block;
    border-color: #FBB041;
    background-color: #FBB041;
    color: #fff;
}

/* unauth and auth header*/
@media (min-width: 768px){
#site-head nav a:not(.nav-burger):not(.btn) {
    transition: all 0.3s;
    color: #fff;
}
}
/* Auth logout color*/
#site-head .auth {
    color: #fff;
    line-height: 20px;
}

/*form label color*/
.form label {
	color: #6c6c6c;
}

@media only screen and (min-width: 768px){
#site-head nav a {
    text-decoration: none;
    color: inherit;
    color: #6c6c6c;
}
}
#site-foot p {
    color: #6c6c6c;
    margin: 0;
    line-height: 1.66666;
}
/*Mobile footer background*/
@media only screen and (max-width: 767px){
#site-foot {
    background-color: #f1f1f1;
}
}

/*card to card select payee button changes*/
.selectable-row .btn-selectable-row {
    color: #fff;
    background-color: #FBB041;
    background: #FBB041;
    border: 1px solid #FBB041;
    min-width: 140px;
}
/*card to card select payee button hover changes*/
.selectable-row .btn-selectable-row:hover {
    color: #fff;
    background-color: #FBB041;
    background: #FBB041;
    border: 1px solid #FBB041;
    min-width: 140px;
}
/*hover active and focus select payee button*/
.selectable-row:hover .btn-selectable-row  { 
background: #FBB041;
}
/*card to card change text hide*/
.page-steps .chg {
    display: none;
    padding-left: 1px;
    font: inherit;
    font-size: 12px;
    text-decoration: underline;
    color: #222;
}
/*Dashboard Load More currency hover state color*/
.mc-actions .reload a:not(.disabled):not([disabled]):hover, .mc-actions .reload a:not(.disabled):not([disabled]):focus {
    background-color: #FBB041;
}

/*Logo width and height fix*/
@media (min-width: 768px){
#site-head .logo {
    width: 265px;
    height: 64px;
    float: left;
}
}
.news-tab-view {
    display: none;
}
.news-mobi-view {
    display: none;
}
/*Estatements tab hide for shinhan*/
.page-transactions .tabbed-tab:not(:first-of-type) {
    border-left-width: 0;
}

/*a link color*/

a{
  color: #6c6c6c;
}

/*Dashboard button color*/
.mc-actions .reload a {
    background-color: #FBB041;
}

/*suspend color*/
.btn {
    background-color: #FBB041;
    border: #FBB041;
}
/*a button color*/
a.btn[href]:not(.disabled):not([disabled]):focus {background-color: #FBB041;border-color: #FBB041;color: #fff;transition: all 0s;cursor: pointer;}

/*Grey color change on settings*/
@media only screen and (min-width: 768px){
.page-settings header h2 {
    color: #6c6c6c;
}
}
/*Grey color change on settings*/
.def-form {
    color: #6c6c6c;
}
/*My account auth logo*/
@media only screen and (min-width: 768px)
#site-head .logos .logo > * {
    margin-top: -13px;
    display: block;
    height: 64px;
    width: 265px;
}
/*My Account header background color*/
@media only screen and (min-width: 768px){
#site-head .page-content {
    background-color: #000;
}
#site-head .site-important-notice .page-content { 
background-color: transparent;
}  
}
@media only screen and (min-width: 768px){
#site-head .logos .logo > * {
    height: 55px;
    display: block;
    margin-left: 125px;
}
}
.cta-3:active, .cta-3:focus, .cta-3:hover {
    background-color: #FBB041;
    color: #f7f8fa;
    border-color: #FBB041;
}

@media only screen and (max-width: 767px){
#site-head .page-content {
    width: auto;
    background-color: #000;
    border-color: #000;
}
}

@media only screen and (max-width: 767px){
#site-head nav .content {
    background-color: #000;
	color: #fff;
}
}

.mc-actions .reload-while-pending a {
    background-color: #FBB041;
}

button.btn:not(.disabled):not([disabled]):hover,a.btn[href]:not(.disabled):not([disabled]):hover,button.btn:not(.disabled):not([disabled]):focus,a.btn[href]:not(.disabled):not([disabled]):focus{         background-color: #FBB041;
    border-color: #FBB041;
}

@media (max-width: 767px){
#site-head .mobi-nav a:not(.btn) {
    color: #fff;
}
}
.content-block *+img, .content-block *+p, .content-block img+*, .content-block p+* {
    margin-top: 3em;
}
.xchg-rates-block .tabbed-wrap-h .tabbed-tabs label[for="TAB-2-1"] {
visibility: hidden;
}
.xchg-rates-block .tabbed-wrap-h .tabbed-tabs label[for="TAB-2-1"]:before {
content: '新しいカード';
visibility: visible;
}