/* default color: #fa6a2e  */
.bg-color,
section.bg-color,
section.call-to-action,
#mainmenu li li a:hover,
#mainmenu ul li:hover > a,
.price-row,
.slider-info .text1,
.btn-primary,
.bg-id-color,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.dropcap,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.feature-box-small-icon .border,
#jpreBar,
.date-post,
.team-list .small-border,
.de-team-list .small-border,
.btn-line:hover,a.btn-line:hover,
.btn-line.hover,a.btn-line.hover,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.box-fx .info,
.btn-more,
.widget .small-border,
.product img:hover,
#btn-search,
.de_tab.timeline li.active .dot,
.btn-id,
.tiny-border,
#subheader .small-border-deco span,
#services-list li a:hover,
.timeline .tl-block .tl-line,
.de_tab.tab_style_2 .de_nav li.active span,
.de_tab.tab_steps.style-2 .de_nav li.active span,
.feature-box-small-icon.style-2 .number.bg-color,
a.btn-custom,.btn-custom,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.timeline > li > .timeline-badge,
.de_light  .de_tab.tab_style_3 .de_nav li.active span,
.de_tab.tab_style_4 .de_nav li.active span,
.circle,
.social-icons-sm i:hover,
.btn-rsvp,
.btn-close,
.pricing-s1 .ribbon,
.de_tab.tab_style_4 .de_nav li.active,
#preloader .s1 span,
#filters a.selected,
.custom-show:after,
.custom-close:after,
.widget-post .date,
.style-2 .date-box,
.feature-box-type-1 i,
.owl-item.active > div blockquote:before,
.accordion-section-title:before,
#form_subscribe #btn-submit i,
.owl-dot.active,
.bg-gradient-to-right-2,
.feature-box-type-1.hover i,
.feature-box-type-1:hover i,
.ribbon,
.box-icon-simple .num,
.box-highlight.s2,
.feature-box.f-boxed:hover,
.fpw-overlay-btm,
.fp-wrap .fpwow-icons,
.social-icons i,
.owl-item.active.center .feature-box-type-2,
.testimonial-color .item:nth-child(1n) blockquote:before,
.spinner > div,
.d-gallery-item .dgi-1,
a.btn-border:hover,
.dih-overlay,
.widget_tags li a,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link,
#selector .sc-opt,
#cookieConsent a.cookieConsentOK,
.mask .cover,
.icon-box:hover,
#back-to-top,
.date-box,
.mask .m-date span,
.de_tab.tab_steps .de_nav li span,
#topbar.topbar-dark.bg-color
{
	background:#a00629;
}


a,a:hover,
.id-color,
#mainmenu li:hover > ul,
.date-box .day,
.slider_text h1,
h1.id-color,h2.id-color,h3.id-color,h4.id-color,
.pricing-box li h1,
.title span,
i.large:hover,
.feature-box-small-icon-2 i,
.pricing-dark .pricing-box li.price-row,
.ratings i,
header.smaller #mainmenu a.active,
.pricing-dark .pricing-box li.price-row,
.dark .feature-box-small-icon i,
a.btn-slider:after,
a.btn-line:after,
.team-list .social a,
.de_contact_info i,
.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after,
a.btn-text:after,
.separator span  i,
address span strong,
.de_tab.tab_steps .de_nav li span:hover,
.de_testi_by,
.widget_tags li a,
.dark .btn-line:after, .dark  a.btn-line:after,
.crumb li .active,
.btn-right:after,
.btn-left:before,
#mainmenu li a:after,
header .info .social i:hover,
#services-list li.active,
#services-list li.active a:after,
.testimonial-list:before,
span.deco-big,
h2.hs1 span,
.wm,.wm2,
.blog-list .date-box .day,
.social-icons-sm i,
.de_tab.tab_style_4 .de_nav li span,
.schedule-item .sc-name,
.de_testi.opt-2 blockquote:before,
.pricing-s1 .bottom i,
.profile_pic .subtitle,
.countdown-s3 .countdown-period,
.countdown-s4 .countdown-period,
.social-icons i:hover,
a.btn-link,
blockquote.s1:before,
.accordion a:before,
.expand-custom .toggle:before,
.sitemap.s1 li:before,
.list li:before,
.post-meta span:before,
footer .widget a:hover,
.mask .cover .date:before,
.feature-box-type-2 i,
.pricing-s2 .bottom i,
.post-text h3 a:hover,
.pricing-s1 .top h2,
.demo-icon-wrap i,
.demo-icon-wrap-s2 span,
a.btn-border.light:hover,
.de_testi.opt-2.review .p-rating,
.post-text .p-tagline,
.p-title,
.h-phone i,
a.btn-custom.btn-white,
.mask:hover .cover h3 i,
#topbar a i,
.ul-style-2 li:before,.ul-style-2 li:after,
#mainmenu li a:hover,
i.id-color,
.mask.s2 .cover i,
.de_tab.tab_steps .de_nav li.active span
{
	color:hwb(345 98% 0%);
	
}
 
.id-color-2,
span.id-color-2{
	color:var(--secondary-color);
}

.id-color-3,
span.id-color-3{
	color:var(--tertiary-color);
}


.bg-color-2,
.timeline h5,
.testimonial-color .item:nth-child(2n) blockquote:before,
a.btn-custom.bg-color-2

{
	background:var(--secondary-color);
}

.bg-color-3,
a.btn-custom.bg-color-3
{
	background:var(--tertiary-color);
}

.feature-box-group .feature-box-type-1 i{
	background:var(--secondary-color);
}
.bg-gradient-to-right,
.post-image .post-info .inner,
.switch::after,
.accordion-section-title.active,
.de_table.table-style-2:not(.no-heading) .tr:first-child,
h1 .label,
#menu-btn,
a.btn-custom.secondary,
.accordion.secondary .accordion-section-title:before,
header.header-gradient,
.ribbon.s2,
.table-pricing,
.box-highlight
{
background:#A00629;
}


.bg-gradient-to-top-right{
	background:linear-gradient(to top right, var(--primary-color), var(--primary-color-2));
}

.feature-box-type-1 i,
#preloader{
background-image:linear-gradient(to top right, var(--primary-color), var(--primary-color-2));
}

.overlay-gradient {
background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.9) 0%, rgba(var(--primary-color-2-rgb),0.9) 100%);
background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.9) 0%,rgba(var(--primary-color-2-rgb),0.9) 100%);
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),0.9) 0%,rgba(var(--primary-color-2-rgb),0.9) 100%); 
}

.overlay-gradient.t80{
background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.8) 0%, rgba(var(--primary-color-2-rgb),0.8) 100%);
background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.8) 0%,rgba(var(--primary-color-2-rgb),0.8) 100%);
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),0.8) 0%,rgba(var(--primary-color-2-rgb),0.8) 100%); 
}

.overlay-gradient.t70{
background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.7) 0%, rgba(var(--primary-color-2-rgb),0.7) 100%);
background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.7) 0%,rgba(var(--primary-color-2-rgb),0.7) 100%);
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),0.7) 0%,rgba(var(--primary-color-2-rgb),0.7) 100%); 
}

.overlay-gradient.t60{
background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.6) 0%, rgba(var(--primary-color-2-rgb),0.6) 100%);
background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.6) 0%,rgba(var(--primary-color-2-rgb),0.6) 100%);
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),0.6) 0%,rgba(var(--primary-color-2-rgb),0.6) 100%); 
}

.overlay-gradient.t50{
background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.5) 0%, rgba(var(--primary-color-2-rgb),0.5) 100%);
background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb),0.5) 0%,rgba(var(--primary-color-2-rgb),0.5) 100%);
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),0.5) 0%,rgba(var(--primary-color-2-rgb),0.5) 100%); 
}

.de_tab.tab_steps .de_nav li.active span,
a.btn-border.btn-invert,
.small-border,
.icon-box,
.profile-sm img{
	border-color:var(--primary-color);
}

.de_tab.tab_steps .de_nav li .v-border,
blockquote{
	border-left-color:var(--primary-color);
}

.de_tab.tab_steps .de_tab_content{
	border-top-color:var(--primary-color);
}

header.header-light #mainmenu a span,
header.scroll-light #mainmenu a span,
#subheader h1{
	border-bottom-color:var(--primary-color);
}

@media only screen and (max-width: 992px) {	
.table-pricing tbody tr th
{
background-image:linear-gradient(to right, var(--primary-color), var(--primary-color-2));
}

}

.bg-color-op-1,.ul-style-2 li:before, .ul-style-2 li:after{
	background: maroon;
}
.bg-color-op-2,.de_tab.tab_steps .de_nav li{
	background: rgba(var(--primary-color-rgb),.2);
}
.bg-color-op-2{
	background: rgba(var(--primary-color-rgb),.3);
}

#newsletter-btn {
    background-color: maroon;
    color: white;
    font-size: 13px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    margin-left: 15.4rem; /* Center the button horizontally */
    margin-top: -3.1rem;
    padding: 10px 20px;
    display: block; /* Make button a block element for centering */
   
}

/* Icon styling inside the button */
#newsletter-btn .icon {
    margin-right: 10px;
}

/* Hover effect for the button */
#newsletter-btn:hover {
    background-color: white;
    color: maroon;
}

/* Focus effect for accessibility */
#newsletter-btn:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.6);
}

/* Style for input field */
#name_1 {
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

/* Optional: Mobile responsiveness */
@media only screen and (max-width: 1024px) {
    #newsletter-btn {
        font-size: 14px;
        margin-top: -3.5rem;
        width: 31%; /* Adjust for tablet screens */
    }

    #name_1 {
        width: 100%; /* Input field takes full width */
    }
}

@media only screen and (max-width: 768px) {
    #newsletter-btn {
        font-size: 14px;
        width: 44%;
        margin-left: 28em;
        margin-right: auto;
        padding: 12px;
    }

    #name_1 {
        width: 100%;
        margin-top: 12px;
    }
}

/* Small devices (Mobile) */
@media only screen and (max-width: 480px) {
    #newsletter-btn {
        font-size: 12px;
        width: 40%;
        margin-top: -3rem;
        padding: 10px;
        margin-left: 10rem;
    }

    #name_1 {
        margin-top: 12px;
        padding: 8px;
        width: 70%;
    }
}
/* Small devices (Mobile) */
@media only screen and (max-width: 540px) {
    #newsletter-btn {
        font-size: 12px;
        width: 40%;
        margin-top: -3rem;
        padding: 10px;
        margin-left: 10rem;
    }

    #name_1 {
        margin-top: 12px;
        padding: 8px;
        width: 70%;
    }
}

/* Footer adjustments for responsiveness */

@media (max-width: 992px) {
    footer .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    footer .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    footer .social-icons {
        text-align: center;
    }

    footer .social-icons a {
        margin-right: 10px;
    }
}
