/* Marketing Studio Theme CSS */

/* Primary Colors */
:root {
  --primary-color: #ff6b35; /* Vibrant Orange for calls to action */
  --secondary-color: #2a9d8f; /* Teal for secondary elements */
  --accent-color: #e76f51; /* Coral for accents */
  --dark-color: #264653; /* Dark teal for text and headers */
  --light-color: #f8f9fa; /* Light background */
  --white-color: #ffffff;
  --gray-color: #6c757d;
}

/* Update selection colors */
::selection {
  background-color: var(--primary-color);
  color: var(--white-color);
}

::-moz-selection {
  background-color: var(--primary-color);
  color: var(--white-color);
}

/* Update body text color */
body {
  color: var(--dark-color);
}

/* Update heading colors */
h1, h2, h3, h4, h5, h6 {
  color: var(--dark-color);
}

/* Update button styles */
.btn-style-1 {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-style-1:hover {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

.btn-style-2 {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.btn-style-2:hover {
  background-color: var(--dark-color);
  border-color: var(--dark-color);
}

/* Update header location colors */
.header-location li .icon i {
  color: var(--primary-color);
}

.header-location li .title-box h5 {
  color: var(--dark-color);
}

.header-location li .title-box p a:hover {
  color: var(--primary-color);
}

/* Update navigation colors */
.header-navigation .nav-item .nav-link:hover, 
.header-navigation .nav-item.active .nav-link {
  color: var(--primary-color);
}

.header-navigation .dropdown-menu {
  background-color: var(--primary-color);
}

/* Update slider colors */
.slider .carousel-center-box {
  background-color: rgba(231, 111, 81, 0.85);
}

.slider .carousel-caption h5 span {
  color: var(--white-color);
}

/* Update call us banner */
.callus-banner-box:after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6b35+0,ff6b35+65,ff6b35+99&1+0,0.7+65,1+100 */
  background: -moz-linear-gradient(left, rgba(255,107,53,1) 0%, rgba(255,107,53,0.7) 65%, rgba(255,107,53,0.99) 99%, rgba(255,107,53,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,107,53,1) 0%, rgba(255,107,53,0.7) 65%, rgba(255,107,53,0.99) 99%, rgba(255,107,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,107,53,1) 0%, rgba(255,107,53,0.7) 65%, rgba(255,107,53,0.99) 99%, rgba(255,107,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b35', endColorstr='#ff6b35', GradientType=1 ); /* IE6-9 */
}

/* Update about section */
.about-text h2 {
  color: var(--primary-color);
}

.about-box {
  border-color: var(--primary-color);
}

.about-box h4 {
  color: var(--dark-color);
}

/* Update services section */
.service-box .image .overlay {
  background-color: rgba(38, 70, 83, 0.8);
}

.service-box .image .overlay:before {
  border-color: var(--primary-color);
}

.service-box .image .overlay a {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.service-box h4 {
  background-color: var(--primary-color);
}

.service-box h4 a:hover {
  color: var(--dark-color);
}

/* Update counter section */
.counter-area {
  background-image: url(../img/bg/counter-bg.jpg);
}

.counter-box .icon {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.counter-box span {
  color: var(--primary-color);
}

/* Update skills section */
.skills-area {
  background-image: url(../img/bg/skills-bg.jpg);
}

.skill-progress .progress-outter {
  background-color: var(--primary-color);
}

.skill-progress .progress-content {
  background-color: var(--primary-color);
}

.skill-progress .percent:before {
  background-color: var(--primary-color);
}

/* Update pricing section */
.single-pricing .pricing-head {
  background-color: var(--primary-color);
}

.single-pricing:hover, .single-pricing.active {
  border-color: var(--primary-color);
}

/* Update blog section */
.blog-item-content h6 a:hover {
  color: var(--primary-color);
}

.blog-item-content .tag {
  color: var(--primary-color);
}

.blog-item-content ul li a:hover {
  color: var(--primary-color);
}

.sidebar-categories li:hover a {
  color: var(--primary-color);
}

.sidebar-recent-post li .post-date {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.sidebar-recent-post li .post-title a:hover {
  color: var(--primary-color);
}

.popular-tag li a:hover {
  background-color: var(--primary-color);
}

.blog-post-meta li a:hover {
  color: var(--primary-color);
}

.blog-single-tag li a:hover {
  color: var(--primary-color);
}

.blog-single-social li a:hover {
  color: var(--primary-color);
}

.comments-block ul li .d-flex a.reply {
  color: var(--primary-color);
}

.leave-reply-form input:focus, 
.leave-reply-form textarea:focus {
  border-bottom-color: var(--primary-color) !important;
}

/* Update footer */
.footer-link li a:hover {
  color: var(--primary-color);
}

.footer-address li a:hover {
  color: var(--primary-color);
}

.footer-social a:hover {
  background-color: var(--primary-color);
}

/* Update team section */
.team-social li a:hover {
  color: var(--primary-color);
}

/* Update FAQ section */
.faq-box .accordion-item .accordion-header .accordion-button {
  color: var(--primary-color) !important;
}

.faq-box .accordion-item .accordion-header .accordion-button.collapsed span {
  color: var(--primary-color);
}

/* Update contact section */
.contact-box .icon {
  color: var(--primary-color);
}

.contact-form input:focus, 
.contact-form textarea:focus {
  border-bottom-color: var(--primary-color) !important;
}

/* Update error page */
.error-page-item h2 {
  color: var(--primary-color);
}

/* Update gallery */
.gallery-box .gallery-zoom:hover {
  color: var(--primary-color);
}

/* Update testimonial */
.testimonial-user-name {
  color: var(--primary-color);
}