/**
/**
 * Smart CSV Lists Front Office Feature
 *
 * NOTICE OF LICENSE
 *
 * @category Front Office Features
 * @author    Pol Rué
 * @copyright Smart Modules 2014
 * @version 1.2.0
 * @license   One time License
 * Registered Trademark & Property of Smart-Modules.pro
 *
 * **************************************************
 *                           WhatsApp contact             *
 * *               http://www.smart-modules.pro           *
 * *                       V 1.2.0                     *
 * **************************************************
 *
 * Versions:
 * 1.0.0 First release.
 * 1.0.1 Bug fixes, better support for thmes not supporting FontAwesome
 * 1.1.0 Bug fixes, better compatibility for Prestashop 1.5.x versios
 * 1.1.1 Small bug fix
 * 1.2.0 Added individual text boxes for every placement
*/
/* General settings */
.whatsappcontact { margin:5px 0 15px 0; }
.whatsapptitle, .whatsphone {
    line-height: 20px;
    font-size: 22px;
    top: 6px;
    left:40px;
    position: relative;
    color:#5ED142;}
.watsapp-icon {
    display:inline-block;
    background:url('../img/whatsapp-icon-32.png') left center no-repeat;
    /*width:32px;*/
    height:32px;
    margin-right:15px;
 }
.whatsphone {
    color:#777;
    font-size: 18px;
    margin-left:15px;
}
.icon-whatsapp .whatsapptitle,.icon-whatsapp .whatsphone {
    top:0; left:8px;
}
.icon-whatsapp {
    font-size:21px;
    line-height:32px;
    color:#5ED142;
}
/* Styles for each display customize css to set each view
* To change each section CSS
* Navigation .wc-nav
* Top of Pages .wc-top
* Page footer .wc-footer
* Page footer .wc-footer
* Right column display .wc-right
* Left column display .wc-left
* Product Right column .wc-prod-right
* Product Left column .wc-prod-left
* New account form .wc-ord-reg
* New Address .wc-order-addr
* Order main steps .wc-order-main
* Order Authentication .wc-order-auth
*
* To change and edit the Whatsapp icon > .icon-whatsapp
* Icon sizes:
*   16x16 background-image: url('../img/whatsapp-icon-16.png');
*   24x24 background-image: url('../img/whatsapp-icon-24.png');
*   32x32 background-image: url('../img/whatsapp-icon-32.png');
*   48x48 background-image: url('../img/whatsapp-icon-48.png');
*   64x64 background-image: url('../img/whatsapp-icon-64.png');
*
* to change the styles of the Whatsapp word > .whatsapptitle
* to change the styles of the Whatsapp phone number > .whatsphone
* to change a specific display target the section class and the parameter you want to change
* for example .wc-nav .icon-whatsapp  { ... } to change the icon CSS of the top navigation
*/
/* Navigation Top */
.wc-nav {
    float:left;
    margin-left:15px;
}
.wc-nav .whatsapp-icon { background-image:url('../img/whatsapp-icon-24.png'); width:24px; }
.wc-nav .whatsappcontact { margin:0;}
.wc-nav .whatsapptitle { font-size:20px;}
.wc-nav .whatsphone { font-size:16px; color:#fff;}
.wc-nav p {
    margin-right:10px;
}
.wc-nav p, .wc-nav .whatsappcontact { display:inline-block; }
/* Header */
.wc-top p, .wc-top .whatsappcontact { display:inline-block; }
.wc-top p {
    margin-right:10px;
}
/* Footer */
.wc-footer {
    display:inline-block;
     float:left;
}

/* Account creation */
.wc-ord-reg {
    padding-top: 10px;
    margin-top: 30px;
    border-top: 1px solid #ccc;
}
/* Order Process*/
.wc-order-addr p {
     margin-top:25px;
}
.wc-footer .whatsphone { color:#fff; }