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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-wrapper {
    padding-top: 20px;
}
#logo {
    position: absolute;
    top: -48px;
    z-index: 9999;
}
#logo img {
    max-height: 108px !important;
}
.home-icon a {
    font-size: 0 !important;
}
.home-icon img {
    width: 23px;
}
.home-icon .den, .home-icon .do, .home-icon.active .den,
h6.entry-category.is-xsmall,
.single-post .entry-divider.is-divider.small,
.box-blog-post .is-divider {
    display: none;
}
.single-post .entry-header-text.entry-header-text-top.text-left {
    padding: 0;
}
.entry-content.single-page {
    padding-top: 0;
}
.home-icon .den {
    display: block;
}
.home-icon.active .do {
    display: block;
}
@-webkit-keyframes shake-top {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

@keyframes shake-top {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}
.phone-ring {
    -webkit-animation: shake-top 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 5s infinite alternate-reverse both;
    animation: shake-top 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 5s infinite alternate-reverse both;
}
#header .flex-right {
    width: 100%;
}
#header .header-search-form {
    width: 210px;
}
input#s {
    box-shadow: none;
    height: 35px;
    border-radius: 3px;
    /* width: 210px; */
    background: #fff;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    position: absolute;
    top: 1px;
    padding: 3px 6px;
    right: -20px;
    background-color: #fff !important;
    box-shadow: none;
    border: 0;
}
.searchform .button.icon i {
    font-size: 1.2em;
    color: #03989e;
}
/* #header .flex-col.hide-for-medium.flex-center {
    z-index: 999;
}
#top-bar ul.nav.nav-center.nav-small.nav- {
    right: -145px;
} */
div#top-bar li a {
    background: #5c5c5c;
    color: #fff;
    padding: 9px 18px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 11px;
}
div#top-bar li:hover a{
    background: #393939;
}
div#top-bar li ul.sub-menu li a {
    background-color: #fff;
    color: #4f5151;
    font-size: 12px;
    padding: 6px 0;
    line-height: 24px;
}
div#top-bar li ul.sub-menu li:hover a{
    color: #393939;
}
.nav-dropdown>li>a {
    color: #4f5151;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}
footer#footer {
    border-top: 3px solid #393939;
}
#footer ul.menu>li, #footer .widget>ul>li {
    line-height: 18px;
}
#footer ul.menu>li a, #footer .widget>ul>li a {
    font-size: 14px;
    color: #423f3a;
}
#footer ul.menu>li+li, #footer .widget>ul>li+li {
    border-top: 0;
}
@media only screen and (max-width: 767PX) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    #logo img {
        max-height: 57px !important;
    }
    .header-wrapper {
        padding-top: 0  !important;
    }
    input#s {
        box-shadow: none;
        height: 35px;
        border-radius: 3px;
        width: 222px !important;
        background: #fff;
    }
    .home-icon.current-menu-item .den {
        display: none;
    }
    .home-icon.current-menu-item .do {
        display: block;
    }
    button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
        top: 0;
        right: 0;
        background-color: transparent !important;
    }
}
li.has-dropdown.header-language-dropdown a i {
    padding-left: 10px;
}