/* resources/css/partials_mobile.css */

/* PARTIALS FOR MOBILE CHANNEL */

/* ================== */

/*hero*/
 .hero-notification {
    height: 54px;
    line-height: 54px;
}
.hero-notification.open {
    height: 100%;
}
.hero-notification.open {
    padding-top: 42px;
}
.hero-bg {
    background-position: right top;
    background-size: auto 265px;
    background-repeat: no-repeat;
}
.hero-bg .editorial-cell {
    display: block;
    padding-top: 285px;
}
.hero-bg.hero-pop-out .editorial-cell {
    padding-top: 335px;
}
.hero-bg.hero-pop-out .editorial-container:nth-child(2) {
    position: absolute;
    top: 0
}
.hero-bg.hero-pop-out .editorial-container:nth-child(2) img {
    width: 250px;
}
/* for the pages like consumer and merchant home page, with a video in the hero */
 #fixed-top .hero-bg .editorial-cell {
    padding-top: 65px;
}
/* for the pages which have no image, keep the text on the dark background */
 .hero-bg.dark .editorial-cell {
    padding-top: 15px;
}
.heroBtn {
    display: block;
    margin: 0 auto;
}
html .hero-bg .x-large {
    font-size: 40px;
    font-size: 2.857rem;
    line-height: 1.25em;
}
/* ----- panel ------ */
 .panel {
    padding: 30px 0;
}
.panel .row-fluid {
    padding: 0;
}
.panel div + div {
    padding: 30px 0 0;
}
.panel p {
    padding: 0;
}
/* ---------- pullout --------- */
 .pullout {
    padding: 30px 0;
}
/* -------- editorials ------------- */
 .editorial-bg {
    background-size: auto 265px;
}
.editorial-bg .editorial-container {
    padding-right: 0;
    padding-top: 285px;
}
.editorial-cell {
    padding-top: 20px;
    padding-bottom: 20px;
}
html .editorial-img {
    background-image: none;
}
.editorial-left {
    background-position: left top;
}
.editorial-right {
    background-position: right top;
}
/* --------- Closing CTA -------------- */
 .closingHeadline {
    padding: 0;
}
/*---sign-up panel---*/
 .signup-panel-form {
    padding:0
}
.signup-panel {
    padding:10px 20px 20px
}
.signup-panel-form .signupBtn {
    min-width: 100%;
    width: 100%;
    margin: 0;
    margin-top: 20px;
}
.email {
    margin: 0;
    width: 100%;
}
/* --- quote ---- */
 .quoteHeadline {
    padding-bottom: 5px;
}
/* --- steps ---- */
 html .circle {
    margin-top: 6px;
}
/*remove*/
.steps {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px;
}
.dark .steps {
    border-color: #878787;
}
/* ---organized list-----*/
 .organized {
    padding-top: 30px;
    padding-bottom: 30px;
}
.organizedList a {
    padding: 10px 0;
}
/* used for Steps and Footer links */
 html .containerCentered.containerExtend {
    padding-left: 0;
    padding-right: 0;
}

 .contentLink {
    display: block;
    border: none;
    padding: 0;
    margin: 0 0 20px;
}
.contentLink:last-child {
    margin-bottom: 0;
}
/* fat-footer */
 html[data-device-type="mobile"] .panel-three {
    padding-top: 0;
}

/* resources/css/partials_mobile_rtl.css */

/* Right-to-left PARTIALS FOR THE MOBILE CHANNEL */

/* ================== */

/* sticky nav */
html[data-device-type="mobile"] .rtl #sticky-nav .controls .select-arrow {
    left: 30px;
}

/* steps */
html .rtl p.circle {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}
.rtl section.row-fluid .steps {
	float: right;
}

/* carousel */
html[data-device-type="mobile"] .rtl .containerMobileFullWidth .carousel > div > [class*="span"] {
	margin-right: 10px;
	margin-left: 0;
}
html[data-device-type="mobile"] .rtl .carousel > div > [class*="span"]:first-child {
	margin-right: 0;
}

/* organized list */
.rtl ul.organizedList {
    padding-right: 0;
}