/*
Theme Name: Lawna
Theme URI: http://demo.casethemes.net/lawna
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Lawna is a clean and modern Law Business design. You can use it for any kind website like law firm, attorneys, business, justice, law, lawyer, lawyers, legal office, politician and many others relevant businesses. Well-structured code and easy to use documentation help you to get a great business website.
Version: 1.0.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: lawna
Tags:  advocate, attorney, attorney website, attorneys, barrister, business, corporate, law, law firm, law office, lawyer, lawyer theme, legal blog, legal services, notary
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

*/


.setMarquee span {
    color: #000;
    font-size: 24px !important;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 0px;
    justify-content: space-evenly;
    text-transform: capitalize;
}
.setMarquee label {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #000;
    margin: 0px 0%;
}
.setMarquee {
    height: 80px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    background: linear-gradient(183deg,rgba(207, 174, 87, 1) 22%, rgba(142, 114, 45, 1) 75%);
}
/* nested div inside the container */
.setMarquee div {
    display: flex;
    width: 380%;
    position: absolute;
    overflow: hidden;
    animation: marquee 15s linear infinite;
    top: 0px;
    bottom: 0;
}
/* span with text */
.setMarquee span {
    float: left;
    width: 100%;
}
/* keyframe */
@keyframes marquee {
    0% { left: 0; }
    100% { left: -110%; }
}



.service-box .pxl-icon-box.pxl-icon-box1 {
    height: 440px !important;
}
.pxl-icon-box.pxl-icon-box1 .pxl-item--icon {
    width: 100px;
    justify-content: center;
}
.home section#header-main {
    margin-top: 20px;
}
.archive.woocommerce ul.products li.product a img {
    height: 275px !important;
    margin-bottom: 30px;
}
.single-product  header#pxl-header-elementor {
    min-height: 360px !important;
    background-image: url(/wp-content/uploads/2025/08/banner-new-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.pxl-nav-memu--margin-custom-1800 .pxl-nav-menu .pxl-menu-primary > li{
	margin-right: 40px !important;
}
.pxl-icon-box.pxl-icon-box3:hover .pxl-item--description {
    color: #dbc76d !important;
}
.service-sec .pxl-icon-box.pxl-icon-box1:hover .pxl-item--main h5 {
    color: #dbc76d;
}
.pxl-slide--home.pxl-slide--home1 .pxl-item--content {
    max-width: 700px !important;
    margin-left: 220px;
}
.pxl-iconbox-hide-1800 .pxl-item--main {
    display: block !important;
}
.pxl-slide--home.pxl-slide--home1 .pxl-item--inner:after{
	opacity: 1 !important;
}
.pxl-slide--home.pxl-slide--home1 .pxl-item--image:before {
    background: #30418F;
}
.pxl-slide--home.pxl-slide--home1 .swiper-slide-active .pxl-line:nth-of-type(6) {
    opacity: 0.1;
}
.pxl-slide--home.pxl-slide--home1 .swiper-slide-active .pxl-line:nth-of-type(5) {
    left: 230px;
    opacity: 0.2;
}
.pxl-slide--home.pxl-slide--home1 .swiper-slide-active .pxl-line:nth-of-type(4) {
    left: 270px;
    opacity: 0.4;
}
.pxl-slide--home.pxl-slide--home1 .swiper-slide-active .pxl-line:nth-of-type(3) {
    left: 310px;
    opacity: 0.6;
}
.pxl-slide--home.pxl-slide--home1 .swiper-slide-active .pxl-line:nth-of-type(2) {
    left: 350px;
    opacity: 0.8;
}
.black-img img {
    filter: brightness(0) invert(0);
}
body.search {
    background: #000;
}
.search .pxl-item--archive.pxl-item--standard {
    background: #fff;
}
.pxl-slide--home.pxl-slide--home1 .swiper-slide-active .pxl-line:nth-of-type(1) {
    left: 390px;
    opacity: 1;
}
.pxl-heading .pxl-item--subtitle.px-sub-title-1 {
    color: #DBC76D;
    border-color: #DBC76D;
}
.pxl-heading .pxl-item--subtitle.px-sub-title-1 svg, .pxl-sub--heading svg {
    display: none;
}
.pxl-sub--heading {
    color: #DBC76D !important;
    border-color: #DBC76D !important;
}
.pxl-list .pxl-item--meta .pxl-item--icon svg path {
    fill: #DBC76D !important;
}
ul.pxl-breadcrumb li a, ul.pxl-breadcrumb span {
		color: #fff;
}
.pxl-blog-meta-inner {
    display: none !important;
}
.contact-form5 .contact-heading {
    color: #fff;
}
input.wpcf7-form-control::placeholder {
    color: #ffffff6b;
}
input.wpcf7-form-control, textarea.wpcf7-form-control {
    color: #fff !important;
}
.pxl-icon-box.pxl-icon-box2 {
    align-items: flex-start !important;
}
div#banner-icon a {
    border: 1px solid rgb(255 255 255 / 52%);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: block;
    line-height: 55px;
}
div#banner-icon a span {
    display: block;
}
div#banner-icon a:hover {
    border-color: #cfae57;
}
div#header-logo .pxl-logo {
    width: 70%;
    margin: 0 auto;
}
section#banner-sec .pxl-item--content {
    padding: 200px 0 230px;
}
.pxl-testimonial-carousel.pxl-testimonial-carousel1 .swiper-slide-visible.swiper-slide-active .pxl-item--inner{
	background: #1C1E1F;
}
.pxl-testimonial-carousel.pxl-testimonial-carousel1 .pxl-item--inner:hover {
    background: transparent;
}
div#man-img .pxl-image-single {
    object-fit: contain !important;
    height: 660px !important;
    width: 465px !important;
}
.contact-form1 .wpcf7-textarea::placeholder {
    color: rgb(255 255 255 / 50%);
}
div#counter-sec .pxl-counter--title {
	position: relative;
	z-index: 1;
}
.pxl-post-carousel.pxl-post-carousel1 .pxl-swiper-slide:hover .pxl-button--readmore:hover {
    color: #cfae57 !important;
}
.pxl-post-carousel.pxl-post-carousel1 .pxl-swiper-slide:hover .pxl-button--readmore svg path {
    fill: #cfae57 !important;
}
.pxl-meta--inner a, .pxl-item--category a {
    pointer-events: none;
}
.contact-form1 button.wpcf7-form-control {
    color: #262B37;
}
section#footwear-sec {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
}

@media only screen and (max-width: 1000px) and (min-width: 320px){
	#counter-sec .pxl-counter1 {
		justify-content: center;
	}
	#counter-sec .pxl-counter1 .pxl-counter--holder {
		gap: 10px !important;
		display: block !important;
	}
	.pxl-slide--home.pxl-slide--home1 .pxl--heading {
		font-size: 22px;
		line-height: 30px;
	}
	.pxl-slide--home.pxl-slide--home1 .pxl--description {
		font-size: 14px;
		margin: 20px 0;
	}
	.pxl-swiper-dots.style-1 {
		display: none !important;
	}
	ul.pxl-breadcrumb {
		padding: 10px !important;
		align-items: center;
	}
	ul.pxl-breadcrumb li a, ul.pxl-breadcrumb span {
		font-size: 14px;
		color: #fff;
	}
	.pxl-blog--inner .pxl-blog-meta .pxl-item--title-entry {
		font-size: 22px;
	}
	.pxl-slide--home.pxl-slide--home1 .pxl-item--content {
		margin-left: 30px;
	}
	div#pxl-header-mobile .pxl-header-branding img {
		width: 170px;
		vertical-align: middle;
	}
	div#pxl-header-mobile .pxl-header-branding a {
		text-align: left !important;
		margin-left: 0;
	}
	div#banner-icon ul {
		display: flex;
		align-items: baseline;
		gap: 9px;
		margin-left: 10px;
	}
	div#banner-icon a {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	a.pxl-logo--light img#static-logo {
		margin: 0;
		width: 42%;
	}
	section#banner-sec .pxl-item--content {
		padding: 20px 0 0 0;
	}
	.pxl-testimonial-carousel.pxl-testimonial-carousel1 .pxl-control--item .pxl-swiper-arrow-wrap {
		display: block !important;
		margin-top: 35px !important;
		width: 100% !important;
		text-align: center !important;
	}
	.pxl-testimonial-carousel.pxl-testimonial-carousel1 .pxl-control--item {
		position: unset !important;
		width: 100% !important;
	}
	.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow {
		width: 20% !important;
		justify-content: center !important;
	}
	div#man-img .pxl-image-single {
		height: 360px !important;
		width: 250px !important;
	}
	.search .pxl-item--archive.pxl-item--standard {
		padding: 10px;
	}
	.search h2 a {
		font-size: 25px;
	}
	.search h2.pxl-item--title {
		padding: 0 !important;
	}
	.search .pxl-item--excerpt {
		font-size: 14px !important;
	}
	.search div#pxl-main {
		padding-top: 40px;
	}
	.service-box .pxl-icon-box.pxl-icon-box1 {
		height: auto !important;
	}
	.setMarquee span {
		font-size: 16px !important;
	}
	.setMarquee div {
		width: 870%;
	}
}
@media only screen and (max-width: 1366px) {
	.pxl-logo img {
		width: 180px !important;
	}
	ul#menu-header_menu li {
		margin: 0 5px !important;
	}
}