/*------------------------------------------------------*\
    Styles for: 
    Created: 10/23/2017
    By: Camila Barreto <camilabarreto@estudiotouch.com>
\*------------------------------------------------------*/

/* FIND A DEALER PAGE */

#dealer-list .dealer-update.sales-dealer--titanium h3,
#dealer-list .dealer-update.sales-dealer--titanium .highlight,
.sales-dealer--titanium .titanium-name h3 {
    color: #80bf27;
}

#dealer-list .dealer-update.sales-dealer--platinum h3,
#dealer-list .dealer-update.sales-dealer--platinum .highlight,
.sales-dealer--platinum .platinum-name h3 {
    color: #18b7ca;
}

#dealer-list .dealer-update.sales-dealer--gold h3,
#dealer-list .dealer-update.sales-dealer--gold .highlight,
.sales-dealer--gold .gold-name h3 {
    color: #bd10e0;
}

#dealer-list .dealer-update.sales-dealer--default h3,
#dealer-list .dealer-update.sales-dealer--default .highlight {
    color: #000000;
}

#dealer-list .dealer-update.sales-dealer--titanium .map-pin {
    background: transparent url(../images/dealer-tier-update-icons/map-pin-titanium-sm.png) no-repeat 0 0;
    height: 24px;
    vertical-align: top;
    margin-bottom: 0px;
}

#dealer-list .dealer-update.sales-dealer--platinum .map-pin {
    background: transparent url(../images/dealer-tier-update-icons/map-pin-platinum-sm.png) no-repeat 0 0;
    height: 24px;
    vertical-align: top;
    margin-bottom: 0px;
}

#dealer-list .dealer-update.sales-dealer--gold .map-pin {
    background: transparent url(../images/dealer-tier-update-icons/map-pin-gold-sm.png) no-repeat 0 0;
    height: 24px;
    vertical-align: top;
    margin-bottom: 0px;
}

#dealer-list .dealer-update.sales-dealer--default .map-pin {
    background: transparent url(../images/dealer-tier-update-icons/map-pin-default-sm.png) no-repeat 0 0;
    height: 24px;
    vertical-align: top;
    margin-bottom: 0px;
}

#dealer-list .dealer-update .map-pin.map-pin-power {
    height: 24px;
    vertical-align: top;
}

.dealer .store-services-portables{
    color: #008dd7 !important;
    font-size: 9px;
}


.find-a-dealer .map .details .store-services-portables {
    color: #008dd7 !important;
    font-size: 12px;
}

.find-a-dealer-results .details .store-services-portables{
    color: #008dd7 !important;
    font-size: 14px;
}

.MicrosoftMap div.platinum-header,
.MicrosoftMap div.titanium-header,
.MicrosoftMap div.gold-header,
.MicrosoftMap div.default-header {
    position: relative;
    left: -20px;
    top: -20px;
    border: 0;
    width: 317px;
    margin-bottom: -5px;
    overflow: visible;
    padding: 10px;
}

.MicrosoftMap div.platinum-header,
.MicrosoftMap div.platinum-flag,
.MicrosoftMap .platinum-flag h3 {
    background-color: #18b7ca;
}

.MicrosoftMap div.titanium-header,
.MicrosoftMap div.titanium-flag,
.MicrosoftMap .titanium-flag h3 {
    background-color: #80bf27;
}

.MicrosoftMap div.gold-header,
.MicrosoftMap div.gold-flag,
.MicrosoftMap .gold-flag h3 {
    background-color: #bd10e0;
}

.MicrosoftMap div.default-header {
    background-color: #000;
} 

.MicrosoftMap .platinum-header h3.store-name a,
.MicrosoftMap .titanium-header h3.store-name a,
.MicrosoftMap .gold-header h3.store-name a,
.MicrosoftMap .default-header h3.store-name a {
    color: white !important;
}

.MicrosoftMap .platinum-header h3:last-child,
.MicrosoftMap .titanium-header h3:last-child,
.MicrosoftMap .gold-header h3:last-child,
.MicrosoftMap .default-header h3:last-child {
    padding: 5px;
    border-bottom-width: 12px;
    border-top-width: 13px;
    margin-right: 24px;
    font-size: 12px;
    line-height: 14px;
    top: 57px;
}

.MicrosoftMap .platinum-header h3:last-child:before,
.MicrosoftMap .titanium-header h3:last-child:before,
.MicrosoftMap .gold-header h3:last-child:before,
.MicrosoftMap .default-header h3:last-child:before {
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    left: -12px;
    top: 0;
}

.MicrosoftMap .platinum-header h3:last-child:before {
    border-right: 13px solid #18b7ca;
}

.MicrosoftMap .titanium-header h3:last-child:before {
    border-right: 13px solid #80bf27;
}

.MicrosoftMap .gold-header h3:last-child:before {
    border-right: 13px solid #bd10e0;
}

/* GET A QUOTE PAGE */

#find-a-dealer-form .dealers-update.sales-dealer--platinum .platinum-header,
#find-a-dealer-form .dealers-update.sales-dealer--titanium .titanium-header,
#find-a-dealer-form .dealers-update.sales-dealer--gold .gold-header {
    margin-bottom: 5px;
    border: none;
    background: none;
}

.find-a-dealer .details .store-powerpro .highlight.highlight--platinum {
    color: #18b7ca;
}

.find-a-dealer .details .store-powerpro .highlight.highlight--titanium {
    color: #80bf27;
}   

.find-a-dealer .details .store-powerpro .highlight.highlight--gold {
    color: #bd10e0;
}

.dealer-update .tollfree-phone, .tollfree-title {
    display: block;
}

@media screen and (min-width: 980px) {
    
    #find-a-dealer-form .sales-dealer--platinum .platinum-header, 
    #find-a-dealer-form .sales-dealer--titanium .titanium-header,
    #find-a-dealer-form .sales-dealer--gold .gold-header {
        display: table;
        width: 100%;
        overflow: hidden;
    }

   #find-a-dealer-form .sales-dealer--platinum .platinum-name,
   #find-a-dealer-form .sales-dealer--titanium .titanium-name,
   #find-a-dealer-form .sales-dealer--gold .gold-name {
        display: table-cell;
        width: 60.4%;
        vertical-align: middle;
        padding: 10px;
    }

    #find-a-dealer-form .sales-dealer--platinum .platinum-flag,
    #find-a-dealer-form .sales-dealer--titanium  .titanium-flag,
    #find-a-dealer-form .sales-dealer--gold  .gold-flag {
        display: table-cell;
        width: 20%;
        height: 100%;
        vertical-align: middle;
        padding-right: 15px;
        text-align: right;
        position: relative;
        padding-bottom: 15px;
        padding-left: 0;
    }

    #find-a-dealer-form .sales-dealer--platinum .platinum-flag {
        background-color: #18b7ca;
    }

    #find-a-dealer-form .sales-dealer--titanium  .titanium-flag {
        background-color: #80bf27;
    }

    #find-a-dealer-form .sales-dealer--gold  .gold-flag {
        background-color: #bd10e0;
    }

    #find-a-dealer-form .sales-dealer--platinum .platinum-flag h3,
    #find-a-dealer-form .sales-dealer--titanium  .titanium-flag h3,
    #find-a-dealer-form .sales-dealer--gold  .gold-flag h3 {
        color: #fff !important;
        display: table-row !important;
        position: absolute;
    }

    #find-a-dealer-form .sales-dealer--platinum .platinum-header .platinum-flag h3:before,
    #find-a-dealer-form .sales-dealer--titanium .titanium-header .titanium-flag h3:before,
    #find-a-dealer-form .sales-dealer--gold .gold-header .gold-flag h3:before {
        width: 0;
        height: 0;
        border-top: 44px solid transparent;
        border-bottom: 44px solid transparent;
        content: "";
        position: absolute;
        left: -43px;
        top: -270%;
    }

    #find-a-dealer-form .sales-dealer--platinum .platinum-header .platinum-flag h3:before {
        border-right: 44px solid #18b7ca;
    }

    #find-a-dealer-form .sales-dealer--titanium .titanium-header .titanium-flag h3:before {
        border-right: 44px solid #80bf27;
    }

    #find-a-dealer-form .sales-dealer--gold .gold-header .gold-flag h3:before {
        border-right: 44px solid #bd10e0;
    }

    #find-a-dealer-form .sales-dealer--platinum .platinum-header {
        border: 3px solid #18b7ca;
        background-color: #e7f7f9;
        line-height: 14px;
        margin-bottom: 10px;
    }

    #find-a-dealer-form .sales-dealer--titanium .titanium-header {
        border: 3px solid #80bf27;
        background-color: #e6f2d4;
        line-height: 14px;
        margin-bottom: 10px;
    }

    #find-a-dealer-form .sales-dealer--gold .gold-header {
        border: 3px solid #bd10e0;
        background-color: #f8e7fb;
        line-height: 14px;
        margin-bottom: 10px;
    }

    .MicrosoftMap div.platinum-name,
    .MicrosoftMap div.titanium-name,
    .MicrosoftMap div.gold-name,
    .MicrosoftMap div.default-name {
        width: 100%;
        display: block;
    }

    .MicrosoftMap .platinum-name h3,
    .MicrosoftMap .titanium-name h3,
    .MicrosoftMap .gold-name h3,
    .MicrosoftMap .default-name h3 {
        max-width: none;
    }

    .MicrosoftMap .titanium-flag,
    .MicrosoftMap .gold-flag{
        display: inline-block;
        height: auto;
        margin-right: 0;
        position: absolute;
        right: 15px;
        top: 47px;
        padding-right: 0;
        padding-bottom: 0 !important;
        width: auto;
    }

    .MicrosoftMap .platinum-flag h3,
    .MicrosoftMap .titanium-flag h3,
    .MicrosoftMap .gold-flag h3{
        margin-right: 0 !important;
        display: inline-block !important;
        top: 13px !important;
    }

    .MicrosoftMap .titanium-header .titanium-flag h3:before,
    .MicrosoftMap .gold-header .gold-flag h3:before{
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        left: -13px;
    }
   
}