/*
Theme Name: Content Marketing Agency
Theme URI: https://www.misbahwp.com/products/content-marketing-agency
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: The Content Marketing Agency Theme provides a structured layout for creating content-focused websites with a clean and organized presentation. It includes a responsive design that adapts to different screen sizes, helping pages display consistently on desktops, tablets, and mobile devices. The theme offers customizable sections for banners, featured content, services, team profiles, testimonials, blogs, and contact information. Built-in customization settings allow changes to colors, typography, layouts, and logo placement without modifying the core files. The theme supports navigation menus, widget-ready areas, featured images, and customizable headers and footers. It is designed with clean code to maintain compatibility with standard plugins and commonly used site features. Additional options such as social media integration, call-to-action sections, and blog layouts help organize information in a clear manner. It also includes support for image galleries, portfolio-style sections, and multiple page templates for flexible page creation. Regular coding standards and responsive elements contribute to a consistent browsing experience across devices while keeping the interface simple and easy to manage.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: content-marketing-agency
Tags: flexible-header, style-variations, one-column, footer-widgets, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education
Content Marketing Agency WordPress Theme, Copyright 2026 misbahwp
Content Marketing Agency is distributed under the terms of the GNU General Public License v3
*/

a:focus {
    outline: 2px solid;
    outline-offset: 2px;
}
.taxonomy-category.wp-block-post-terms a:hover {
    color: var(--wp--preset--color--primary);
}
.product-content a:focus {
    outline: 2px solid #000;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.product-image{
    position: relative;
}
.banner-image img {
    width: 100% !important;
    margin-bottom: -0px;
    z-index: 1;
    position: relative;
}
.product-image img,.product-image figure{
    width: 100%;
    height: 350px;
}
.footer-contact-box p:hover{
    color: var(--wp--preset--color--secondary-one) !important;
    cursor: pointer;
}
.product-rating{
    position: absolute;
    top: 0px;
    left: 0px;
}
.blog-group{
    margin-top: 50px !important;
}
textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span
.header-menu ul li ul.wp-block-navigation-submenu li a{
    background: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
    margin: 0px !important;
}
header {
    background-color: var(--wp--preset--color--hover);
}
.wp-block-post-featured-image :where(img) {
    height: 400px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.blog-image,.blog-image img{
	width: 100%;
	object-fit: cover;
}
.countor-box h4 span{
    color: var(--wp--preset--color--accent) !important;
}
input#submit,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
button.wp-block-search__button.has-border-color.has-outline-border-color.wp-element-button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    background-color: var(--wp--preset--color--tertiary) !important;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.header-menu ul li a:hover {
    color: var(--wp--preset--color--tertiary) !important;
	fill: var(--wp--preset--color--tertiary) !important;
    text-decoration: underline;
}
.header-menu ul li a{
	padding: 10px 17px !important;
    position: relative;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:hover{
    color: var(--wp--preset--color--tertiary) !important;
    background: transparent !important;
    border-radius: 0px;
}
.wp-block-categories-dropdown.wp-block-categories {
    position: relative;
    text-align: right;
}
.wp-block-categories-dropdown.wp-block-categories:after {
    content: "\f333";
    top: 0px;
    left: 0px;
    position: absolute;
    width: 36px;
    font-size: 22px;
    color: #fff;
    font-family: "dashicons";
    height: 100%;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 8px 0px 0px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
select#wp-block-categories-1 {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
    border: 0px;
    width: 100%;
    padding: 13px 20px 13px 40px !important;
    border-radius: 8px !important;
}
.header-meta svg.icon {
    width: 25px;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:after{
    display: none;
}
.wp-block-button__link{
    height: auto;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge svg:hover{
	fill: var(--wp--preset--color--secondary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
button.single_add_to_cart_button.button.alt.wp-element-button{
    background-color: var(--wp--preset--color--primary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border: 0px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
    padding-top: 3px;
    padding-right: var(--wp--preset--spacing--x-small);
    padding-bottom: 3px;
    padding-left: var(--wp--preset--spacing--x-small);
    position: absolute;
    top: 0px;
    right: 0px;
}
.footer-contact span{
    fill: var(--wp--preset--color--primary) !important;
}
.footer-main a.wp-block-social-link-anchor:hover, .footer-main ul li a:hover svg {
    color: var(--wp--preset--color--pure-black) !important;
    fill: var(--wp--preset--color--pure-black)  !important;
}
.main-header{
    position: relative;
}

/* Header Section */

.header-section .header-btn a{
  border-color: var(--wp--preset--color--tertiary);
}
.section-btn a:hover,
.header-section .header-btn a:hover {
  background-color: var(--wp--preset--color--tertiary) !important;
  color: #ffffff !important;
}
.blog-section .wp-block-post-excerpt__more-link {
    background-color: var(--wp--preset--color--primary);
    color: #000;
    text-align: center;
    padding: 7px 15px;
    border-radius: 6px;
}
.blog-section .blog-content:hover .wp-block-post-excerpt__more-link {
    color: #000 !important;
}
.header-section .header-btn a:focus {
    background-color: var(--wp--preset--color--tertiary) !important;
    color: #fff !important;
}

/* Banner Section */
.banner-outer {
    position: relative;
}
.banner-svg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 2;
}
.banner-svg svg {
    display: block;
    width: 100%;
    height: auto;
}
.banner-section .banner-image-content {
    position: relative;
    z-index: 3;
}
.banner-section .banner-image-content .banner-image-group {
    width: 79% !important;
}
.banner-section .banner-content {
    position: relative;
    z-index: 2;
}
.banner-section .banner-color-circle {
    width: 100px;
    height: 100px;
    position: relative;
    right: 80px;
}
.banner-section .banner-image {
    margin-right: 0px;
    width: 100%;
}
.banner-section .banner-image img {
    height: 285px;
}
.banner-section .banner-divide {
  justify-content: center;
}

/* Choose Section */

.choose-section .choose-img {
    position: relative;
    left: 50px;
}
.choose-section .choose-img img {
    height: 390px;
    width: 360px;
}
.choose-section .choose-left-list-card {
    padding-left: 0px;
}
.choose-section .choose-left-list-card li {
    list-style: none;
    position: relative;
    padding-left: 30px;
}
.choose-section .choose-left-list-card li::before {
    position: absolute;
    content: "\f058"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 100; 
    left: 0;
    top: 2px;
    color: var(--wp--preset--color--tertiary);
}
.choose-section .choose-right-list-card li::marker {
  font-size: 12px;
}
.team-content .team-btn a:hover,
.blog-section .wp-block-buttons a:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: #000 !important;
}
.blog-section a:hover {
    background-color: transparent !important;
}
.team-section h4:hover,
.blog-section h4:hover {
    background-color: var(--wp--preset--color--tertiary) !important;
    color: #ffffff !important;
}

/* Team Section */
.team-section h4, .blog-section h4 {
  background-color: var(--wp--preset--color--tertiary);
  color: #ffffff;
}
.team-section .wp-block-social-link a:focus {
    border: 1px solid var(--wp--preset--color--tertiary);
    border-radius: 50%;
}
.team-section h4,
.blog-section h4 {
    width: fit-content;
}
.team-section .team-social-icons {
    position: relative;
    padding-top: 100px;
}
.team-section .team-social-icons svg {
    height: 0.8em;
    width: 0.8em;
}
.team-section .team-social-icons a:hover {
    background-color: var(--wp--preset--color--tertiary);
    color: #ffffff !important;
    border-radius: 50%;
    transition: 0.3s ease-in;
}
.team-section .team-social-icons::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    height: 80px;
    width: 2px;
    background-color: var(--wp--preset--color--tertiary);
}
.team-section .team-social-icons::after {
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--wp--preset--color--tertiary);
}
.team-section .team-content .wp-block-columns {
    margin-left: 0px !important;
    margin: auto !important;
}

/* Blog Section */

.blog-section .wp-block-post-excerpt__more-link {
    position: relative;
    padding-right: 15px;
    display: inline-block;
}
.blog-section a {
    text-decoration: none;
}
.blog-section .blog-content {
    transition: 0.3s ease-in-out;
    padding: 15px 0px;
}
.blog-section .blog-content:hover {
    background: linear-gradient(104.99deg, var(--wp--preset--color--tertiary) 1.31%, var(--wp--preset--color--primary) 134.98%);
    padding: 15px;
    border-radius: 10px; 
} 
.blog-section .wp-block-post-excerpt__more-link:hover{
 background-color: var(--wp--preset--color--primary) !important;
}
.blog-section .wp-block-post-excerpt__more-link:focus {
    background-color: var(--wp--preset--color--tertiary);
    color: #fff;
}
.blog-section .blog-content:hover p,
.blog-section .blog-content:hover a {
    color: #ffffff !important;
}

/* Footer Section */

.footer-section a:hover,
.footer-right p a:hover {
    color: var(--wp--preset--color--tertiary) !important;
}
.footer-contact p a {
    text-decoration: none;
}