/* 26/4/2020 dining module hide*/
.module-hide{
     display:none;
}

/* 5/27/2020 Header text color edit*/
.hero .col-md-6.stack {
    color:#0677b7;
} 


/* header - START */
@media (max-width: 767px) {
  .container-fluid > .grid:first-child + .grid > div:first-child  {
    min-height: 350px;
  }
  .container-fluid > .grid:first-child + .grid .card-img-bg {
    background-position: 58% !important;
  }
  .container-fluid > .grid:first-child + .grid .row {
    padding-top: 0 !important;
  }
  .container-fluid > .grid:first-child + .grid .row div.richtext {
    max-width: 70%;
  }
}
/* header - END */
.hr-secondary {
    border-top: 1.3px solid #c8c9c7;
}
/* tabs - START */
.tabs[aria-current=desktop] .tab-menu .form-control.desktop>.tab-link {
  max-width: none;
}
.tabs[aria-current=desktop].tabs-bordered {
  border: 0;
}
/* card selector for membership-benefits pages */
@media (min-width: 769px) {
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child>div>.container>.row>.col-md-3>div>.card-art>div,
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid>div>.container>.row>.col-md-3>div>.card-art>div,
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid+.grid>div>.container>.row>.col-md-3>div>.card-art>div  {
    padding-top: 0 !important;
  }
  #icons-style img{
	width: 50% !important;
	}

#travel-hero .card-content, #service-hero .card-content, #access-hero .card-content, #payflex-hero .card-content,#homepage-hero .card-content{
max-width: 30% !important;
 margin-left: 15.25rem!important;
}
	.icons-width img{
max-width: 140% !important;
}

}
/* smaller card in selector for mobile */
@media (max-width: 415px) {
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg],
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg],
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid+.grid>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg] {
    max-width: 150px;
    max-height: 100px;
    padding: 0;
  }  
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg]>.dls-card-tilt-container:after,
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg]>.dls-card-tilt-container:after,
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid+.grid>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg]>.dls-card-tilt-container:after  {
    content: none;
  }  
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg]+h2,
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg]+h2,
  .tab-content-container>div[data-value="mymenu0_tabs"]>div>.grid:first-child+.grid+.grid>div>.container>.row>.col-md-3>div>.card-art>div>a>[class^=dls-card][class*=-lg]+h2 {
    font-size: .8125rem;
    line-height: 1.125rem
  }
}
/* tabs - END */

/* Collapsible */
.border-tb {
  border: 0;
}

.collpasible-panel-container.open .collapsible {
  padding-bottom: 15px;
}
.collapsible-panels .margin-b {
  margin-bottom: 0;
}

/* Collapsible - TnC */
.container-fluid>.grid>div>.container>.row>.col-md-12>div>.collapsible-panels>.row>.col-xs-12.col-md-12.col-lg-12>.accordion>.collapsible {
  text-align: center;
}
/* reset text align for other sections */
.container-fluid>.grid>div>.container>.row>.col-md-12>div>.richtext + .collapsible-panels>.row>.col-xs-12.col-md-12.col-lg-12>.accordion>.collapsible {
  text-align: left;
}

/* Card */
[class^=dls-card][class*=-lg] {
  max-width: 100%;
}
[class^=dls-card][class*=-lg] + h2 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .card-art > div {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

/* ul - tick-list */
ul.tick-list {
  padding-left: 0 !important;
}
ul.tick-list li {
  list-style: none;
  background: url('');
  background-repeat: no-repeat;
  padding-left: 35px;  
}

/* ul - arrow-list-grey */
ul.arrow-list-grey {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
ul.arrow-list-grey li {
  list-style: none;
  background: url('');
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left 50%;
  padding-left: 25px;
  margin-bottom: 10px;
}
b{
    font-weight: 550 !important;
}
#Visit-Amex-button .btn{
font-size: 15px !important;
}

.accordion-content{
	background-color: transparent !important;
	border: none !important;
}
.collapsible {
    border: none;
} 
.collapsible-panel .border {
    border: none !important;
}
.full-card-benefits-CTA{
font-size: 11.5px !important;
}

/*
#travel-hero .card-title, #access-hero .card-title,#payflex-hero .card-title
{
color: #0677b7 !important;
font-weight: 400 !important;
} */

#travel-hero .body-3, #access-hero .body-3,#payflex-hero .body-3
{
color: #000000 !important;
font-weight: 500 !important;
}
{}

.hero, .hero>.card-block.card-block-center {
    min-height: 20rem !important;
	}
	
.grid .accordion-content .dls-icon{
padding-top: 20px !important;
}

/* header image position in mobile */
@media (max-width: 767px) {
  .container-fluid > .grid:first-child + .grid .card-img-bg {
    background-position: 68% !important;
  }
  .container-fluid > .grid:first-child + .grid .row div.richtext {
    text-shadow: 1px 1px #383838 !important;
  }
}
.hr-grid {
	background-color: #ecedee !important;
}
/* .dls-card-lg{
	background-size: contain;
background-repeat: no-repeat;
min-height: 100px !important;
height: 100% !important;
max-width: 100% !important;
visibility: visible;
} */
@media screen and (max-width: 1023px) and (min-width: 768px) {
.col-md-2 .dls-card-md {
    width: 6.525rem!important;
    height: 4.075rem!important;
}
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
.col-md-2 .dls-card-lg {
    height: 5.1875rem!important;
}
}
@media (min-width: 1279px){
.col-md-2 .dls-card-lg {
    height: 7.1875rem!important;
	width: 11.4rem!important;
}
}