/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-widget-area {
    color: white;
    background-color: #0052a8;
    overflow: hidden;
    z-index: 10;
    position: relative;
}
.flex-row .container {
    max-height: 130px;
}
.widget-in-header {
    margin: 0 auto;
}
.widget-in-header img {
    max-height: 130px;
    width: 200px;
    object-fit: cover;
}

.additional-bar-1 {
    border-bottom: 1px solid #ed1c24;
    font-size: 0.9em;
    color: #777777;
    background-color: #f1f1f1;
    z-index: 5;
    position: relative;
}
.bar-1-item-outer {
    padding: 0.4em 0 0.4em 0;
}
.bar-1-item-inner {
    padding: 0.1em 0 0.1em 0.5em;
    border-left: 1px dashed #b7b7b7;
}
.bar-1-item-inner .dashicons {
    font-size: 23px;
    margin-right: 4px;
}
.bar-1-item-outer:first-child ul {
    border-left: none;
}

.additional-bar-2 {
    color: #777777;
    background-color: #f1f1f1;
    z-index: 5;
    position: relative;
}
.bar-2-item-outer {
    padding: 0.4em 0 0.4em 0;
}
.bar-2-item-inner {
    padding: 0.1em 0 0.1em 0.5em;
}
.bar-2-item-inner .dashicons {
    font-size: 23px;
    margin-right: 4px;
}

/* wpk GLOC-12 */

.header-widget-area .widget-in-header {
    border-left: 2px solid #368ddd;
}

.header-widget-area .widget-in-header:last-of-type {
    border-right: 2px solid #368ddd;
}

/* wpk GLOC-12 end */

@media only screen and (max-width: 1200px) {
    .widget-in-header img {max-height: 100px;}
}
    
@media only screen and (max-width: 849px) {
    .widget-in-header img {display: none;}
}