/*
Theme Name: Titan Branding Agency
Theme URI: https://www.titanthemes.net/themes/free-branding-wordpress-theme/
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: Titan Branding Agency is a sophisticated, multipurpose WordPress theme designed specifically for marketing and branding professionals. Perfect for digital marketing agencies, advertising agencies, and SEO experts, this theme offers a comprehensive toolkit to showcase your services and expertise. Whether you're a full-service marketing agency, a social media management agency, or a creative marketing agency, this theme provides the features you need to build a compelling online presence. With a sleek, modern design, Titan Branding Agency caters to a range of marketing specialties, including content marketing, PPC, and email marketing. Its versatile layout supports an array of visual elements such as engaging banners, high-quality imagery, and dynamic call-to-action buttons. Titan Branding Agency WordPress Theme also excels in functionality, offering customizable sections for showcasing case studies, testimonials, and service descriptions. Its responsive design ensures a seamless experience across devices, making it ideal for mobile marketing and ecommerce solutions. Additionally, with built-in options for video marketing and digital branding, this theme helps you effectively communicate your brand strategy. Benefits include enhanced user engagement, streamlined content management, and improved conversion rates. The theme’s robust feature set, combined with its elegant and professional design, makes it the ultimate choice for any marketing consultancy or performance marketing agency looking to make a strong impression online.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: titan-branding-agency
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, blog, photography, portfolio
*/

.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
.product-img{
  width: 100%;
}
.banner-img{
  position: relative;
}
.banner-box-2 .box-1row {
  gap: 10px;
}
.banner-box-2 {
  position: absolute;
  width: 28%;
  padding: 7px 10px 10px 10px !important;
  bottom: -200px;
  left: -2%;
  box-shadow: -6px 6px 17.5px 0px #00000033;
}
.banner-box-1 {
  position: absolute;
  width: 9%;
  padding: 7px 10px 10px 10px !important;
  top: 30%;
  right: 7%;
  box-shadow: 0px 4px 24px 0px #00000029;
}
.banner-box-1 .box-1row {
  gap: 10px;
  align-items: center !important;
}
.wp-site-blocks{
	padding: 0 !important;
}
.product-main img {
  width: 100%;
}
.toggle-icon img {
  top: -7px;
  position: relative;
}
.slider-banner {
  gap: 40px;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .slider-banner .wp-block-buttons {
    justify-content: center;
  }
  .banner-box-1 .box-1row {
    gap: 10px;
    align-items: center !important;
    display: flex !important;
    width: 100%;
    flex-direction: column !important;
  }
  .banner-box-1 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 50% !important;
  }
  .banner-box-2 .wp-block-column.is-vertically-aligned-center{
    flex-basis: 45% !important;
  }
}
 
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .slider-banner{
    text-align: left !important;
  }
  .heading-banner {
    font-size: 28px !important;
  }
  .slider-banner p{
    font-size: 12px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
	.header-area .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
		justify-content: center;
	}
  .search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
    float: none;
    justify-content: center;
  }
  .searchbox nav {
    justify-content: center !important;
  }
  .header-area h1{
    text-align: center;
  }
  .banner-box-1 .main-wrapper {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .banner-box-1 {
    position: relative;
    width: 39%;
    height: 65px;
    margin: 0 auto;
    right: 0px;
    display: flex;
  }
  .banner-box-2 {
    width: 65%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    right: 0;
    bottom: 0px;
  }
  .banner-img figure.wp-block-image.alignright.size-full.is-resized {
    margin-inline-start: 0em !important;
  }
  .product-heading{
    text-align: center;
  } 
  .logo-box {
    justify-content: center;
    display: flex;
  }
  .menu-box {
    justify-content: center;
    display: flex;
  }
  .slider-content {
    padding: 20px 14px;
  }
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .slider-banner {
    gap: 20px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
  .slider-main img {
    background-size: 100% 100% !important;
    object-fit: fill !important;
  }
  .banner-box-2 {
    width: 44%;
  }
  .banner-box-1 {
    width: 19% !important;
    right: 8px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1720px) {
  .banner-box-2 {
    width: 34%;
  }
  .slider-main img {
    background-size: 100% 100% !important;
    object-fit: fill !important;
  }
  .banner-box-1 {
    width: 16%;
  }
}
@media screen and (min-width: 601px) and (max-width: 781px) {
  .banner-box-1 {
    width: 45% !important;
    margin: 0 auto;
    margin-bottom: 20px !important;
  }
  .searchbox nav ul{
    justify-content: center !important;
  }
  .product-main {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .banner-box-2 {
    width: 46%;
    margin: 0 auto;
  }
}