/*
Theme Name: Flex Photography Shop
Author: flextheme
Author URI: https://www.flextheme.net/
Theme URI: https://www.flextheme.net/products/flex-photography-shop
Description: Flex Photography Shop is a layout designed for showcasing visual content in a structured and organized manner. It includes multiple grid and masonry arrangements for displaying images in varying formats. The layout supports full-width sections, allowing large visual elements to be presented clearly. A flexible gallery system enables grouping and categorization of media for easier browsing. Built-in slideshow and carousel components allow sequential viewing of images. The design incorporates responsive behavior so content adapts across different screen sizes. Typography controls provide options for adjusting font styles and spacing. Navigation structures are arranged to support hierarchical content organization. Lightbox functionality is included for expanded image viewing without leaving the current page. Customizable sections allow rearrangement of content blocks to match different presentation needs. The structure supports integration of multimedia elements such as video alongside image content. Performance considerations are included through optimized asset loading techniques. The overall framework is structured to maintain consistency across pages while allowing variation in layout presentation. Styling options provide control over spacing, alignment, and visual balance throughout the interface. It maintains consistent layout across sections uniformly.
Version: 1.0.0
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-photography-shop
Tags: blog, portfolio, photography, 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-photography-shop 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: #122529 !important;
    --secondary-theme-color: #1D1D1D !important;
}
body{
	font-family: "Roboto", sans-serif;
    background-color: var(--secondary-theme-color);
    color: #ffffff !important;
}
.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: "Roboto", sans-serif;
    color: #ffffff;
}
.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);
}
.read-more a:hover {
  background-color: #ffffff;
}
.widget_block .wp-block-search .wp-block-search__input:focus{
    border: 1px solid #84C1C4 !important;
}
.widget_block .wp-block-search .wp-block-search__button:focus, .page-content .search-form .search-submit:focus, .widget_search .search-form .search-submit:focus, .widget-area .search-submit:focus, .read-more a:focus, .comment-respond input#submit:focus {
    border: 1px solid #ffffff !important;
}
.pagination a:focus,
#commentform textarea:focus {
    border: 2px solid #84C1C4;
}
.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;
}
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:#84C1C4;
}
#primary-menu .menu-item:hover .nav-link,.main-navigation .menu .children .page_item:hover>a, .main-navigation .menu .dropdown-menu .menu-item:hover>a, .read-more a:hover {
	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;
}
p {
    color: #ffffff;
}
@media (min-width: 1440px) {
    .container {
        max-width: 1360px !important;
    }
}
@media screen and (max-width: 991px){
    #page #primary-menu a.nav-link, #page #primary-menu li:hover a.nav-link, #page #primary-menu li {
        color: #000 !important;
    }
    .box-image .page-header {
        z-index: 5;
    }
}
.blog-item {
    background-color: #000000;
}
.post-tags .c-black {
    color: #FFFFFF;
}
.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;
}
@media (min-width: 991px) and (max-width: 1199px){
    .flex-blog-banner-tab .e-n-tab-title{
        padding: 15px !important;
    }
}
@media (min-width: 320px) and (max-width: 767px){
    .elementskit-navbar-nav-default .elementskit-dropdown {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    .elementskit-navbar-nav{
        display:block !important;
    }
    .elementskit-navbar-nav li{
        position: relative !important;
        height: auto !important;
        overflow: visible !important;
    }
    .elementskit-navbar-nav .elementskit-submenu-panel{
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 0 !important;
        padding-left: 20px !important;
    }
    .elementskit-navbar-nav .elementskit-submenu-panel .elementskit-submenu-panel{
        padding-left: 30px !important;
    }
    .elementskit-navbar-nav .elementskit-submenu-panel li{
        display: block !important;
        width: 100% !important;
        position: relative !important;
    }
    .elementskit-navbar-nav .elementskit-submenu-panel li a{
        display: block !important;
        padding: 12px 15px !important;
    }
}
.flex-photography-shop-header-section{
    min-height: auto !important;
    height: auto !important;
}
.flex-photography-shop-header-section .elementskit-menu-container{
    height: auto !important;
}
.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;
}  
.premium-blog-thumbnail-container img{
    border-radius: 8px !important;
}
.premium-blog-meta-data a,
.premium-blog-meta-data span{
    font-family: "Roboto", 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;
}
.elementor-editor-wp-page .right-images .elementor-widget-image {
   height: 130px !important;
}
.elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
    padding: 10px 15px !important;
}
.sidebar .widget, .widget-area section.widget,
.comment-respond input#submit  {
    box-shadow: 0 0 2px #ffffff !important;
}
.footer-copyright a:hover {
    color: #84C1C4;
}
.blog {
    position: unset;
}
@media (max-width: 767px) {
    .ekit_menu_responsive_mobile>.elementskit-navbar-nav-default {
        height: 100% !important;
    }
}