﻿/* GENERAL*/

.promo-details-wrapper {
    display: flex;
}

.promo-details-wrapper .inline-block {
    vertical-align: top;
}

.promo-iphone, .promo-android {
    background: #fff;
}

/* HERO */

.promo-iphone .promo-hero .capacity-2 [class*="span"]:first-child > div {
    padding-right: 16px;
    border-right: 1px solid #ccc;
}

.promo-iphone .promo-hero .capacity-2 [class*="span"]:last-child > div {
    padding-left: 16px;
}

.promo-iphone .promo-hero .promo-bubble {
    height: 64px;
}

.promo-iphone .promo-hero .capacity-2 .promo-bubble {
    height: 48px;
    }

/* IPHONE HERO - GENERAL */

.promo-iphone .promo-hero .promo-price {
    font-size: 18px;
    margin-bottom: 8px;
}

.promo-iphone .promo-hero [class*="tagline"] {
    font-size: 14px;
}

.promo-iphone .promo-hero .link {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.promo-iphone .promo-hero .carriers {
    margin-bottom: 8px;
}

/* IPHONE HERO - 2 CAPACITIES*/

.promo-iphone .promo-hero .capacity-2 .promo-size {
    font-size: 16px;
    margin-bottom: 8px;
}

.fr-CA .promo-iphone .promo-hero .capacity-2 .promo-price { 
    font-size: 14px;
}


/* IPHONE BAR - GENERAL */

.promo-iphone .promo-bar .capacity-2 [class*="span"]:first-child > div {
    padding-right: 16px;
    border-right: 1px solid #ccc;
}

.promo-iphone .promo-bar .capacity-2 [class*="span"]:last-child > div {
    padding-left: 8px;
}


.promo-iphone .promo-bar {
    border: 1px solid #ccc;
}

.template-wide-full .promo-bar {
    border: none;
}

.promo-iphone .promo-image img {
    right: 0;
}

.promo-iphone .promo-bar .promo-image img {
    right: 0;
    top: 8px;
}
.promo-iphone .promo-bar .promo-size {
    margin-bottom: 8px;
    font-size: 14px;
}

.promo-iphone .promo-bar .promo-bubble {
    height: 48px;
}

.promo-iphone .promo-bar .promo-details-wrapper {
    margin-bottom: 8px;
}

.promo-iphone .promo-bar .link {
    margin-bottom: 8px;
}

.promo-iphone .promo-bar .carriers {
    display: inline-block;
}


/* 2 ACROSS */

.layout-2n-across .promo-bar .promo-image {
    height: 100%;
}
.layout-2n-across .promo-bar .promo-image img {
    width: 150px;
    height: 150px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1px;
}

/* ANDROID HERO - GENERAL */


.promo-android .promo-hero .promo-price {
    font-size: 18px;
    margin-bottom: 8px;
}

.promo-android .promo-hero [class*="tagline"] {
    font-size: 14px;
}

.promo-android .promo-hero .link {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.promo-android .promo-hero .carriers {
    margin-bottom: 8px;
}

.promo-android .promo-hero .capacity-2 [class*="span"]:first-child > div {
    padding-right: 16px;
    border-right: 1px solid #ccc;
}

.promo-android .promo-hero .capacity-2 [class*="span"]:last-child > div {
    padding-left: 16px;
}

.promo-android .promo-hero .promo-bubble {
    height: 64px;
}

.promo-android .promo-hero .capacity-2 .promo-bubble {
    height: 48px;
    }



/* ANDROID BAR */

.promo-android .promo-bar .promo-bubble {
    height: 48px;
}


.promo-android .promo-bar {
    border: 1px solid #ccc;
}

.promo-android .promo-image img {
    right: 0;
}

.promo-android .promo-bar .promo-size {
    margin-bottom: 8px;
    font-size: 14px;
}

.promo-android .promo-bar .promo-bubble {
    height: 48px;
}

.promo-android .promo-bar .promo-details-wrapper {
    margin-bottom: 8px;
}

.promo-android .promo-bar .link {
    margin-bottom: 8px;
}

.promo-android .promo-bar .carriers {
    display: inline-block;
}
