/*
Theme Name: Emerald
Theme URI: https://www.wikicasa.it
Author: Wikicasa Webagency
Author URI: https://www.wikicasa.it/
Description: Emerald Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

#float-contacts-container {
    position: fixed !important;
    right: 0!important;
    top:42%;
    padding: 0;
    z-index:10;
}
#float-contacts-container > div {
    padding: 12px;
    margin-right:0;
    margin-top:10px;
    margin-bottom:10px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    color: #fff !important;
    display: flex;
    align-items: center;
    align-content: center;
    background-color: var(--porto-secondary-color)!important;
}
#float-contacts-container > div#whatsapp_container {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
#float-contacts-container > div#email_container {
    background-color: var(--porto-primary-color)!important;
}

.wwa-whatsapp-badge, .email_container a {
    color: #fff !important;
}

#float-contacts-container> div a {
    width: 100% !important;
    text-align: center !important;
}

#float-contacts-container > div img {
    height: 40px;
    width: auto;
}

#float-contacts-container > #email_container img {
    height: 25px !important;
}