me: Electro v3.7.3 Child
Template: electro.3.7.3
Version: 1.0
*/

/* Your custom CSS goes below */
*/
/**
 * Global styles
 */

.chw-widget-area {
    padding-left: 15px;
    padding-right: 15px;
}

.chw-widget-area header {
    margin-bottom: 1rem !important;
}

@media (max-width: 568px){
        .woocommerce-breadcrumb{
                text-overflow: ellipsis;
                overflow: hidden;
        }
}

.footer-bottom-widgets , .copyright-bar{
        background: black;
}

.services{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
}

.service {
    flex: 1 1 Calc(25% - 25px);
    display: flex;
}

.service-icon {
    background: white;
    border-radius: 50%;
    border: 4px solid #F59D24;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    transition: color 300ms linear;
}

.service-icon:hover {
    color: #F59D24;
}

.service-text{
        padding-left: 20px;
        padding-right: 0px;
        text-align: center;
}

.item-title{
        text-transform: uppercase;
        color: #fff;
        padding-bottom: 5px;
        font-size: 16px;
        margin-bottom: 0;
}

.item-sub-title{
        color: #fff;
        padding-top: 5px;
        position: relative;
        font-size: 12px;
        font-style: italic;
        margin-bottom: 0;
}

.services .service .service-text .item-sub-title:before {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    position: absolute;
    width: 80px;
    height: 1px;
    border-radius: 50% 50%;
    box-shadow: 0 0 2px #fff;
    content: '';
    background: #fff;
    opacity: .6;
}

@media(min-width: 1024px){
        .footer-bottom-widgets{
                padding-left: 20px;
        }

        .footer-bottom-widgets .container{
                max-width: 1140px
        }
}

@media(max-width: 1023px){
        .service{
                flex-basis: Calc(50% - 25px);
                margin-bottom: 40px;
        }

        .services{
                margin-bottom: 0px;
        }
}

.ciw_contactinformation{
        padding: 20px;
}

.handheld-widget-menu #text-2 .textwidget {
        padding: 20px;
}

@media(min-width: 992px){
        .footer-bottom-widgets .textwidget , .ciw_contactinformation , .ciw_contactinformation a {
                color: white;
        }

        .ciw_contactinformation{
                padding: 0;
        }

        .handheld-widget-menu #text-2 .textwidget{
                padding: 0;
        }
}

.footer-bottom-widgets .widget-title , .copyright , .copyright a{
        color: #F59D24
}

.footer-bottom-widgets #text-2 , .handheld-widget-menu #text-2 .textwidget {
        text-align: right;
}

.home .site-content{
        margin-top: 2.857em;
}