/*
Theme Name: Flex Magazine
Author: flextheme
Author URI: https://www.flextheme.net/
Theme URI: https://www.flextheme.net/products/flex-magazine
Description: The Flex Magazine Theme is built for article-driven websites that publish regular updates, editorial features, interviews, reviews, and multimedia content. Its layout structure supports organized content presentation through category sections, featured stories, trending posts, sliders, and customizable homepage blocks. The responsive framework adjusts content display across desktops, tablets, and smartphones while maintaining readability and navigation consistency. The theme includes customizable typography settings, widget-ready areas, multiple menu locations, social media integration, and advertisement placement sections. It also supports image galleries, embedded videos, author profiles, and post format variations for different publishing styles. Built-in customization options allow users to modify colors, layouts, headers, and background settings without editing theme files. Flex Magazine Theme can support publishing needs for local news agencies, global news outlets, journalists, lifestyle influencers, travel writers, food critics, and fashion editors by offering structured article layouts and organized category management. Compatibility with SEO, caching, and contact form plugins helps maintain performance and content accessibility across content-heavy websites.
Version: 1.0.1
Tested up to: 7.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Template: flex-multi-business
Text Domain: flex-magazine
Tags: blog, portfolio, news, custom-background, custom-logo, custom-menu, featured-images, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-header, flexible-header, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, rtl-language-support

flex-magazine is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

:root {
    --primary-theme-color: #B9232B !important;
}
body{
	font-family: "Poppins", sans-serif;
    background-color: #E9ECF5;
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 1em;
}
.wp-caption-text,
.gallery-caption {
    font-size: 14px;
    color: #666;
    text-align: center;
}
.bypostauthor {
    font-weight: bold;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Poppins", sans-serif;
}
.header-two,.read-more a,.widget_block .wp-block-search .wp-block-search__button, .page-content .search-form .search-submit, .widget_search .search-form .search-submit,#c-scroll:hover,.footer-one,.pagination .page-numbers:hover, .pagination .current{
	background: var(--primary-theme-color);
}
.wp-block-calendar .wp-calendar-table tbody tr td#today, .widget_calendar .calendar_wrap .wp-calendar-table tbody tr td#today, .search-form .search-submit,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	background-color:  var(--primary-theme-color) !important;
}
.widget_block .wp-block-search .wp-block-search__button,.main-navigation .menu .children .page_item > a::before, .main-navigation .menu .dropdown-menu .menu-item > a::before,.comments-area .form-submit .submit{
	background:  var(--primary-theme-color) !important;
}
.read-more a{
	outline-color:  var(--primary-theme-color);
}
.pagination .page-numbers, .pagination .current{
	border-color:  var(--primary-theme-color);
}
.comments-area .comment-form-comment textarea:focus, .comments-area .comment-form-comment textarea:hover,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	border-color:  var(--primary-theme-color) !important;
}
.read-more a:hover,a:hover, a:active,#primary-menu .current-menu-item a,h5 a:hover, h6 a:hover,.post-meta li a:hover,.post-tags a:hover{
	color:  var(--primary-theme-color);
}
#primary-menu .menu-item:hover .nav-link,.main-navigation .menu .children .page_item:hover>a, .main-navigation .menu .dropdown-menu .menu-item:hover>a{
	color:  var(--primary-theme-color) !important;
}
.main-navbar{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.ac-btn:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input[type=submit].button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color:  var(--primary-theme-color) !important;
    color: #ffffff;
}
#page #primary-menu a.nav-link,
#page #primary-menu li:hover a.nav-link ,
#page #primary-menu li{
	color: #fff !important;
}
.single-post .comment-list{
	margin-left: 0px;
}
.footer-copyright a:hover{
	color: #000;
}
.post-meta li i ,
.post-meta li,
.post-meta li a{
    color: #ffffff !important;
}
.post-meta li::after{
    background: #ffffff !important;
}
.page-header h1,
.site-main .blog-detail h4,
#comments .comments-title,
.post-content a,
.wp-block-latest-comments__comment-link{
    word-break: break-word;
}
.woocommerce-cart .wc-block-cart-item__image img{
  padding: 10px;
}
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
  padding: 16px 10px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li a{
    color: #000 !important;
}
.blog-2 .post-meta {
    background: var(--primary-theme-color);
}
.box-image .single-page-img:after{
    opacity: 0.5;
}
.box-image .single-page-img,
.box-image .single-page-img:after{
    height: 400px;
}
.foot-top{
    background-color: #010101;
}
.search .search-form,
.widget-area .search-form{
    box-shadow: none;
}
.search .search-form input.search-field,
.widget-area #Search input.search-field{
    border-radius: 8px;
    border: 1px solid #000000 !important;
}  
.search-form #wp-travel-search ,
.widget-area #wp-travel-search{
    text-indent: -99999px;
    background-color: #0000 !important;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    z-index: 999;
    position: relative;
    cursor: pointer;
    border: none;
}
.premium-blog-thumbnail-container img{
    border-radius: 8px !important;
}
.premium-blog-meta-data a,
.premium-blog-meta-data span{
    font-family: "Poppins", sans-serif;
    font-size: 15px;
}
.premium-blog-meta-data a:hover,
.premium-blog-meta-data span:hover{
    color: #fff !important;
}
.footer-top .elementor-icon-list-item a:hover span{
    color: #000 !important;
}
.header-main-top .hfe-search-button-wrapper .fa-times{
    display: flex !important;
}
.premium-blog-entry-meta{
    top: 240px !important;
    transform: translateX(0%);
    margin-left: 0px !important;
}
.widget-area .search-form {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
    box-shadow: none;
    padding: 0;
}
.widget-area .search-form input.search-field{
    border: 1px solid #808080 !important;
}
.widget-area .search-form .search-submit {
    width: 34%;
}
.header-left-search .hfe-search-form__container{
    flex-direction: row-reverse;
}
.header-left-search .hfe-search-form__container button#clear-with-button{
    right: 7px !important;
}
.blogs-sec .wpr-grid-item-inner{
    display: block !important;
    overflow: visible !important;
}
.blogs-sec .wpr-grid-image-wrap {
    border-radius: 10px !important;
}
.comment-respond input#submit:focus {
    border: 1px solid #000000;
}
.widget_block .wp-block-group__inner-container h2:after {
    background-color: #000000 !important;
}