/* additional basic styles*/

@media screen and (min-width: 991px){
.featured-usps h3.left.special {
white-space: nowrap;
}
.featured-usps h3.left.special:after {
right:-100px;
}
}
@media screen and (max-width: 992px){
.holiday-header {
overflow:hidden; 
}
}
.jumbotron.premium p a.button--link, .mobile-text p a.button--link {
border: 0;
padding: 0;
text-decoration: underline;
margin-left: 15px;
}
.jumbotron.premium p a.button--link:hover,.jumbotron.premium p a.button--link:focus,
.mobile-text p a.button--link:hover,.mobile-text p a.button--link:focus{
text-decoration: none;
background-color: transparent;
color:#FFFFFF;
}



/* If width 100% on tablet is not wanted for the bcr remove the style contents below */
@media (min-width: 767px) and (max-width: 991px){.bcr img {width:100%;}}


.featured-usps .disclaimer {
font-size: 10px;
line-height: 12px;
}
@media (max-width: 992px){
.col-12.col-sm-12.col-md-12.text-left.article.close {
padding-right: 60px;
}
  .desktop-break {
 	display:none; 
}
}

.featured-usps h3 br {
display:block;
}
@media (max-width: 1230px) and (min-width: 992px){
.featured-usps h3 br {
display:block;
}
}
@media screen and (min-width: 991px) and (max-width: 1015px){
.featured-usps h3.left:after {
right: -40px;
}
h3.left.short-h3:after {
right:-170px
}
}

/* these styles are customized for a specific featured products and services banners*/
@media screen and (min-width: 991px){
h3.left.lower-left:after {
right: -150px;
}

h3.left.short-h3:after {
right: -270px;
}
.featured-usps h3.left.special:after {
right:-70px
}

.featured-usps h3 br {
line-height: 0px;
}
}
@media (min-width: 992px){
.jumbotron.premium .article {	
position: relative;
z-index: 5;
top: 65px;
padding-bottom: 15px;
padding-top: 10px;
}	
.jumbotron.premium {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.jumbotron.premium.track-opt p a {	
margin-top: 5px;	
margin-bottom: 10px;	
}
.jumbotron.premium.track-opt p.disclaimer {
padding-top: 0;
padding-bottom: 15px;
}
.carouselslide {
margin-bottom: 30px;
}
}
@media (max-width: 991px){
.track-opt.mobile p.disclaimer {
padding-bottom:20px;
}
.track-opt.mobile a {
margin-bottom:15px;
}
.track-opt.mobile br {
display:none;
}
.featured-usps img {
max-width: 100%;
}
.usps-updates.usps-covid .content-section {
padding-top: 20px;
}
}
.usps-updates.usps-covid .article p a.button--primary{
text-decoration: none!important;
padding:  10px 20px;
display:inline;
}

.usps-updates.usps-covid {
margin-bottom: 20px;
}
.hol-22 .usps-updates.usps-covid {
margin-bottom: 0px; 
}
@media screen and (min-width: 992px){
.usps-updates.usps-covid .row .article:not(:last-of-type):after {
display:none;
}
.title-area-1 {
padding-left: 10%; padding-right: 10%;
}
}
section.jumbotron {
background-color: #f7f7f7;
}

section.jumbotron .usps-updates.usps-covid p a:not(.button--primary) {
color: #0068BB!important;
font-weight:normal!important;
}
/* alert topper  */
@media (min-width: 767px) and (max-width: 991px){.bcr img {width:100%;}.usps-updates.usps-covid{padding-right:0%;padding-left:0%}}
section.jumbotron.alert-topper{
background: transparent;
margin-top:60px;
margin-bottom:60px
}
.jumbotron.hero-component.alert-top {
text-align: center;
background-color: transparent;
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}

.jumbotron.hero-component.alert-top p {
border-right:0;
border-top:0;
border-bottom:0;
border-left: 15px solid #3573B1;
padding: 20px 20px;
margin-top: 20px;
text-align: left;
width:100%;
margin-bottom:0;
background-color:#E7F6F8;
}

.alert-topper {
margin: 0 auto;
background-color: transparent;
}

.alert-topper p {
max-width: 1170px;
text-align: left;
width: 100%;
padding-left: 40px;
padding-top: 12px;
font-size: 16px;
font-family: "Inter";
padding-bottom: 16px;
position: relative;
}

.alert-p {
border-left: 0;
position: relative;
padding-left: 0;
}


.alert-topper p:before {
content: '';
display: inline-block;
background: url(assets/images/global/info-icon.svg);
width: 22px;
height: 22px;
background-size: 22px 22px;
position: absolute;
margin-left: 0;
left: 0;
background-repeat: no-repeat;
top: 12px;
}
}
.alert-top, .alert-topper {

max-width: 1175px;
margin:0 auto;
margin-top:60px;
}


.alert-top a, .alert-topper a {
color: #005EA2;
text-decoration: underline;
}
.alert-top a:hover, .alert-topper a:hover {
color: #005EA2;
text-decoration: none;
}

.jumbotron.hero-component.alert-top.red p, .jumbotron.alert-topper.red .container-fluid {
border-left: 15px solid #e71921;
background-color:#f4e3db;
}

@media screen and (max-width: 991.5px){
.premium.track-opt{
background-image:none!important;   
}
.jumbotron.premium.track-opt{
display:none;
}

}



			  .added-link a {
text-decoration:underline;
color:#0068BB;
}
.added-link a:hover {
text-decoration:none;
color:#0068BB;

}
.added-link a sup {
text-decoration:none!important;
}
em {
font-style: italic;
}
@media (max-width: 992px){
p.added-link {display:none;}
.col-12.col-sm-12.col-md-12.text-lg-center.text-md-center.title-area-2 {margin-top:0!important;}
.title-area-2 h3.header-3{padding-top: 0;}
}
.carousel-item img {
margin: 0 auto;
max-height: 250px;
}
.carousel-caption a.button--primary {
bottom:30px;
}

@media screen and (min-width: 992px) {
.jumbotron.premium {
max-height: 500px;
}
}
@media (max-width: 767px) {
.featured-usps img {
padding-left:15px;
padding-right:15px;
}
}
@media (max-width: 991px) and (min-width: 768px){
.col-lg-5.col-md-5.col-12.article {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 991.98px){
.featured-usps h3 {
padding-top: 30px;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 0;
display: block;
text-align: center;
color: #000000;
background-color: none;
}
.featured-usps h3 {
font-size: 22px;
line-height: 24px;
}

}
@media (min-width: 768px) and (max-width: 991.98px){
.featured-usps h3:after {
background:none!important;
}

.col-lg-5.col-md-5.col-12.article {
display: block;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.featured-usps p {
display: block;
text-align: center;
}
}

@media screen and (max-width: 767px) {
.featured-usps .article h3 {
padding-top: 30px;
}
}
@media (min-width: 992px){
.carousel-item img {
min-height: 250px;
}
#usps-carousel .carousel-caption p {
max-width: 500px;
margin: 0 auto;
padding-top: 15px;
}
}
@media screen and (max-width: 767px) {
.carousel-control-prev {
left:0;
}
.carousel-control-next {
right:0;
}
.carousel-caption {
padding-left:15px;
padding-right:15px;
}
}
.usps-updates .button--link {
font-size: 14px;
line-height: 16px;
margin-top: 0;
color: #0068BB;
padding-top: 5px;
padding-bottom: 5px;
}
.hol21-schedule {
margin-bottom: 40px;
}
.hol21-schedule a {
text-decoration:underline;
}
.hol21-schedule a:hover,.hol21-schedule a:focus {
text-decoration:none;
}
p.disclaimer-text {
font-size: 12px;
line-height: 16px;
}
@media (max-width: 992px){
.col-12.col-sm-12.col-md-12.text-left.article {
padding-right: 60px;
}
}



img.premium-hero {
position: absolute;
left: 53%;
}


@media (max-width: 1150px){
img.premium-hero {
width: 50%;
}    
}

@media (max-width: 500px){
    [data-gtm-subsection="goodnight-moon"] h2.header-2,    [data-gtm-subsection="gifts"] h2.header-2 {
		font-size: 22px;
         line-height:24px;
    }

}

@media (max-width: 1100px) and (min-width: 992px) {
    .jumbotron.premium.track-opt .article h2 {
        font-size: 28px;
    }
}

.alert-p img {
    display: inline-block;
    width: 100px;
    height: auto;
        padding-top: 30px;
    padding-bottom: 30px;
}
.alert-topper p:before {
    display:none;
}
.alert-topper .alert-p p {
    display:inline-block;
    width: 60%;
    font-size: 16px;
    font-family: "Inter";
    position: relative;
    top: 15px;
    padding-left: 50px;
}
@media (max-width: 700px) {
    .alert-p img {
        display: block;
        width: 100px;
        max-width: 100%;
        height: auto;
        margin: 0 auto !important;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
    }
    }
	.alert-topper .alert-p p {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        padding-top: 0;
        font-size: 16px;
        font-family: "Inter";
        position: relative;
        top: 0px;
        padding-left: 0;
    }
}
/* in page alert topper  */

.inpage-alert + .inpage-alert {
    background: transparent;
    margin-top: 24px;
    margin-bottom: 30px;
}
.inpage-alert {
    margin: 0 auto;
    background-color: transparent;
}
.inpage-alert {
    background: transparent;
    position: relative;
	width:100%;
    max-width: 1180px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
.inpage-alert .alert-p {
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.inpage-alert h4 {
	max-width: 1170px;
    text-align: left;
    width: 100%;
    padding-left: 40px;
    padding-top: 12px;
    padding-bottom: 0;
}
.inpage-alert p {
	max-width: 1170px;
    text-align: left;
    width: 70%;
    padding-left: 40px;
    padding-top: 12px;
    font-size: 16px;
    font-family: "Inter";
    padding-bottom: 16px;
    position: relative;
}
.inpage-alert h4 ~ p {
    margin-top:0;
}
.inpage-alert.no-icon p,.inpage-alert.no-icon h4 {
    padding-left: 0px;
}

.inpage-alert .container-fluid {
    background-color: #E7F6F8;
    border-left: 15px solid #3573B1;
	padding-left:19px;
}

.inpage-alert.warning .container-fluid {
    background-color: #faf3d1;
    border-left: 15px solid #ffbe2e;
}
.inpage-alert.error .container-fluid {
    border-left: 15px solid #e71921;
    background-color:#f4e3db;
}
.inpage-alert.success .container-fluid {
    border-left: 15px solid #218748;
    background-color:#ECF3EC;
}




.inpage-alert .container-fluid .alert-p p:first-child:before,
.inpage-alert .container-fluid .alert-p h4:first-child:before  {
    content: '';
    display: inline-block;
    background: url(/assets/images/global/info-icon.svg);
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    position: absolute;
    margin-left: 0;
    left: 0;
    background-repeat: no-repeat;
    top: 12px;
}
.inpage-alert.warning .container-fluid .alert-p p:first-child:before,
.inpage-alert.warning .container-fluid .alert-p h4:first-child:before  {    
	background: url(/styleguide/design/images/icons/Warning.svg);
    background-repeat: no-repeat;

}
.inpage-alert.success .container-fluid .alert-p p:first-child:before,
.inpage-alert.success .container-fluid .alert-p h4:first-child:before  {
    background: url(/styleguide/design/images/icons/Approved.svg);
	background-repeat: no-repeat;
}
.inpage-alert.error .container-fluid .alert-p p:first-child:before,
.inpage-alert.error .container-fluid .alert-p h4:first-child:before  {
    background: url(/styleguide/design/images/icons/Alert.svg);
    background-repeat: no-repeat;
}
.inpage-alert.no-icon .container-fluid .alert-p p:first-child:before,
.inpage-alert.no-icon .container-fluid .alert-p h4:first-child:before  {
    display: none;
}

.inpage-alert.no-icon .container-fluid .alert-p:first-child:before {
    display: none;
}


.inpage-alert a {
    color: #005EA2;
    text-decoration: underline;
}
.inpage-alert a:hover {
    color: #005EA2;
    text-decoration: none;
}
.inpage-alert p+p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.inpage-alert p:last-child {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.inpage-alert p:first-child {
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-bottom:0;
}
.alert-p img {
    display: inline-block;
    width: 100px;
    margin-left: 25px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-right: 20px;
}


.jumbotron.alert-topper .alert-p img {
    display: inline-block;
    width: 230px;
    height: auto;
        padding-top: 30px;
    padding-bottom: 30px;
}
.alert-topper p:before {
    display:none;
}
.alert-topper .alert-p p {
    display:inline-block;
    width: 60%;
    font-size: 16px;
    font-family: "Inter";
    position: relative;
    top: 15px;
    padding-left: 50px;
}
@media (max-width: 700px) {
    .alert-p img {
        display: block;
        width: 100px;
        max-width: 100%;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0 auto !important;
    }
	.alert-topper .alert-p p {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        padding-top: 0;
        font-size: 16px;
        font-family: "Inter";
        position: relative;
        top: 0px;
        padding-left: 0;
    }
}
@media (min-width: 991.5px){
.featured-usps {
    margin-top: 60px;
    margin-bottom: 60px;
}
.usps-updates h3 {
    font-size: 22px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
}



/* carousel slide  */



                      [data-slide-to] {
                    	cursor: pointer;
                      }.jumbotron .usps-updates.usps-covid .article.close {
					  opacity: 1; text-shadow:none;}
				
					  
/* Info Icon */

 .info-icon {
    width: 16px;
    height: 16px;
    background-image: url(/assets/images/info-icon.svg);
    background-size: 40px;
    background-position: -12px -12px;
    display: inline-block;
    margin-bottom: 0px;
	cursor: pointer;
	position:relative;
	bottom:-3px;
	left: 3px;
	text-decoration:none!important;
}
.info-icon.white {
    background-image: url(/assets/images/default/info-icon-white.svg) !important;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 0;
}
