/*!
Theme Name: Words Blog
Theme URI: https://themesarray.com/wordpress_themes/words-blog/
Author: Themesarray
Author URI: https://themesarray.com/
Description: Words Blog is a beautiful creative free responsive blog WordPress theme. It is fully responsive and works perfectly on all type of devices like mobiles, tablets, laptops, and all kinds of browser. Words Blog is very easy to use and customize the theme. This theme is made for any search engine, SEO Compatible. Words Blog is child theme of The Words.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: words-blog
Template: the-words
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, right-sidebar, grid-layout, footer-widgets, rtl-language-support, theme-options, blog 
Tested up to: 5.8
Requires PHP: 5.5
*/


.ta-top-notice-bar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 7px 0;
}
span.ta-bar-sticker {
    margin-right: 15px;
    background: #5ca595;
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
}
.ta-top-notice-bar h2 {
    margin: 0;
    font-size: 17px;
    margin-right: 15px;
    color: #535353;
    font-weight: 400;
}
.ta-top-notice-bar a {
    text-decoration: underline;
}
.ta-top-notice-bar-main {
    position: relative;
    box-shadow: 0 1px 1px 0px #efefef;
    z-index: 999;
}
.toggle-notice-bar button {
    border: none;
    background: no-repeat;
}
span.toggle-notice-bar-close svg {
    color: #000;
}
span.toggle-notice-bar-open svg {
	color: #000;
	background: #fff;
	text-align: center;
	width: 25px;
}
.ta-notice-button-active span.toggle-notice-bar-close {
    display: block;
}

.toggle-notice-bar {
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-18px);
}
.toggle-notice-bar.ta-notice-button-active button {
    padding: 18px 3px 12px 10px;
}
.site-header.ta-header-1 a.ta-search-toggle {
    color: #494949;
}
.ta-top-header.ta-top-header-2 .ta-header-search-main {
    width: calc(50% - 60px);
}
.site-header.ta-header-1 .ta-header-search-main a {
    color: #000;
}

/** Responsive **/
@media(max-width:1024px) {

    .toggle-notice-bar {
        right: 0;
    }
    .ta-top-notice-bar {
        justify-content: left;
    }

}