/* 
Theme Name: Berkshire Black Economic Council
Theme URI: https://github.com/elementor/hello-theme/
Description: Berkshire Black Economic Council is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: berkshirebec
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


div[id*="dir-container-"] .dir-contact{
    grid-column-gap: var(--grid-column-gap, 5px);
    grid-row-gap: var(--grid-row-gap, 5px);
    grid-template-columns: var(--grid-template-columns);
    -webkit-box-pack: var(--justify-content, center);
    -ms-flex-pack: var(--justify-content, center);
    justify-content: var(--justify-content, center);
    justify-items: var(--justify-content, center);
    margin: 0 -5px;
}
div[id*="dir-container-"] .dir-contact .dir-grid-item{
    display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word;
    --grid-template-columns: repeat(0, auto);
    --icon-size: 21px;
    --grid-column-gap: 10px;
    --grid-row-gap: 0;
}
div[id*="dir-container-"] .dir-contact .dir-grid-item a{
    font-size: var(--icon-size, 22px);
    line-height: var(--icon-size, 22px);
    width: calc(var(--icon-size, 22px) + (2 * var(--icon-padding, .1em)));
    height: calc(var(--icon-size, 22px) + (2 * var(--icon-padding, .1em)));
    --e-social-icon-icon-color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    text-align: center;
    cursor: pointer;
}
div[id*="dir-container-"] .col-sm-4{
    padding-top: 10px;
    margin-bottom: 20px;
}