/*
Theme Name: Corporate Lawyer Firm
Description: The Corporate Lawyer Firm WordPress Theme is a professional solution designed specifically for law firms and attorneys focused on corporate law, making it ideal for those advising businesses on complex legal matters. Tailored to meet the needs of business law practices, this theme provides an effective platform to showcase a comprehensive range of legal services, including corporate litigation, legal advice, consultation, and representation. One of its key strengths lies in highlighting the expertise, credibility, and professionalism of your legal team, helping to build trust with clients seeking reliable support for their corporations. The theme features elegant design elements that create a strong first impression, while its modern layout ensures a polished appearance and intuitive navigation, allowing visitors to easily access essential information. With visually engaging features such as customizable banners, high-quality imagery, and interactive elements, it effectively presents your firm's offerings. Fully responsive and retina-ready, the theme guarantees your website looks sharp and performs seamlessly across all devices, from desktops to mobile phones. Additionally, it includes dedicated sections for key areas of corporate law such as compliance, governance, regulations, and policies, enabling you to present detailed insights into services like corporate disputes, lawsuits, arbitration, mediation, negotiation, and risk management. Whether you are an experienced attorney or part of a growing legal consultant firm, the Corporate Lawyer Firm WordPress Theme helps elevate your online presence, attract the right clients, and position your firm as a trusted authority in corporate justice and advising.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-lawyer-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 4.0.2
Requires PHP: 7.2
Tested up to: 7.0
Requires at least: 5.0
Tags: portfolio, news, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, theme-options, threaded-comments, flexible-header, rtl-language-support, translation-ready
Text Domain: corporate-lawyer-firm
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Corporate Lawyer Firm WordPress Theme has been created by misbahwp(misbahwp.com), 2024.
Corporate Lawyer Firm WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #BF9874;
}

.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 !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: 'Poppins', sans-serif;
  color: #626B7D;
  margin:0;
  background: #fff;
  letter-spacing: 1px;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Cormorant Garamond", serif;
	color: #001025;
}
a {
  color:#001025;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:var(--first-color);
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -30px;
}

.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
  margin-left: 0px;
}

.wp-block-button__link{
  background: var(--first-color);
  color: #fff !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid #001025;
    color: #001025 !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0px!important;
}

.tag-title h3, .tag-title h1{
  overflow-wrap: anywhere;
}

.blocks-gallery-grid:not(.has-nested-images){
  padding: 3px 7px;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
    width: 100%;
}
/* ===============================================
   HEADER BOX
   ============================================= */

/*#site-navigation {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}*/

p.header-button a {
  background: var(--first-color);
  padding: 22px 25px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ===============================================
   LOGO BOX
   ============================================= */
.logo a {
  font-family: "Cormorant Garamond", serif;
  color: #001025;
  font-size: 22px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
  text-transform: uppercase;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #001025;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search .open-search-form i {
  font-size: 22px;
  cursor: pointer;
  color: #001025;
}
.header-search .search-form {
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: #fff;
  border:none !important;
}
.header-search .search-form.is-open {
  right:0;
  height:100%;
  visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
.header-search .search-form i.searchform-close-button {
  font-size:25px;
  color: #000 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
  opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
====================================================================
  Navigation
====================================================================
*/
.top-menu-wrapper {
    padding: 10px 0;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 12px;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: var(--first-color);
    font-weight: 500 !important;
}
.main-navigation ul li a{
  text-transform: uppercase;
  color: #001025;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.top-menu-wrapper ul {
    gap: 5px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 12px;
    font-weight: 500;
}
#site-navigation .page_item_has_children ul li a,#site-navigation .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 12px;
    position: relative;   
    display: block;
    color: var(--first-color);
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--first-color);
    color: #fff;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 0;
}

.main-navigation ul.sub-menu > li > a:hover,
.main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover,
.main-navigation ul.children > li > a:focus {
    color: #fff !important;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    border:none;
}
.main-navigation ul.sub-menu.dropdown-menu {
    border: none;
    border-radius: unset;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #000;
    display: block;
    padding: 14px;
    font-weight: 500;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}

.sub-menu span.dashicons.dashicons-arrow-down-alt2{
  position: absolute;
  top: 10px;
  right: 0;
}

.main-navigation .dashicons-arrow-down-alt2:before {
    content: "\f347";
    font-size: 12px;
    color: #000;
}

.children.dropdown-menu span.dashicons.dashicons-arrow-down-alt2 {
    position: absolute;
    top: 10px;
    right: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  padding: 10px;
}
.post-thumbnail {
  line-height: 0;
}
.post-box h3.post-title a {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
  color: #000;
}
.post-content p{
  color: #898d94;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
  color: var(--first-color);
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000000;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
    border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.layout-img img {
  max-height:100%;
  height:300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #dfdcdc;
}
.sidebar-area img{
  height:auto;
  width: auto;
}
.post-content{
  color: #3c3c3c;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-meta.my-3 {
  display: flex;
  justify-content: start;
  border-radius: 4px;
  gap: 50px;
}
.post-meta a{
  color: #000;
}
.more-btn i {
  font-size: 15px;
  margin-left: 10px;
}
.blog-grid-layout .post-meta{
 gap: 20px;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-item h4.post-title {
    word-wrap: break-word;
}


/* ===============================================
   Slider
   ============================================= */

.blog_inner_box img{
  height: 650px;
  object-fit: cover;
}
.blog_inner_box {
  position: relative;
  padding: 0 9.2%;
}
.blog_box {
  background: var(--first-color);
  padding: 50px 5% 50px 9.2%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55%;
  left: 0;
  color: #fff;
}
.blog_box h3 {
  font-size: 42px;
  color: #fff;
  font-weight: 600;
}
.blog_box h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
}
.blog_box p {
  line-height: 2;
}
p.slider-button a {
  background: #fff;
  padding: 15px 20px;
  color: var(--first-color);
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
p.slider-button a:hover{
	background: #001025;
  color: #fff;
}
.slider .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 12%;
  color: #fff;
}
.slider button.owl-dot span {
  margin-right: 15px;
  font-size: 20px;
  font-weight: 600;
}
.slider button.owl-dot.active span {
    color: var(--first-color);
    border-bottom: solid 2px var(--first-color);
    padding-bottom: 5px;
}

/* ===============================================
   Projects Section
   ============================================= */

.project h3 {
  font-size: 40px;
  margin-bottom: 0;
}
.project .tabcontent.active {
  display: block;
}
.project .tabcontent{
  display: none;
}
.project .tab {
  border-bottom: solid 1px #c7c7c7;
  display: flex;
  justify-content: space-between;
}
.project .tablinks {
  border: none;
  background: transparent;
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #626B7D;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.project .tablinks:hover, .project .tablinks.active {
  border-bottom: solid 3px var(--first-color);
  font-weight: 600;
}
.projects_content_box h4 {
  font-size: 20px;
  font-weight: 700;
}
.project h6 {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  color: #626B7D;
  letter-spacing: 2px;
}
.projects_inner_box img {
  width: 100%;
  height: 370px;
  object-fit: cover;
}
.projects_content_box i {
  background: var(--first-color);
  padding: 10px;
  color: #fff;
  font-size: 20px;
}
.projects_content_box i:hover{
  background: #001025;
}
.project_category {
  background: #fff;
  position: relative;
  margin: 0 35px;
  margin-top: -25px;
  padding: 15px;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--first-color);
}
.project-button a {
  border: solid 1px;
  padding: 15px 20px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}
.project-button a:hover{
  border-color: var(--first-color);
  background: var(--first-color);
  color: #fff;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.corporate-lawyer-firm-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.corporate-lawyer-firm-pagination a span,
.corporate-lawyer-firm-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.corporate-lawyer-firm-pagination span.current,
.corporate-lawyer-firm-pagination span.current:hover,
.corporate-lawyer-firm-pagination span.current:focus,
.corporate-lawyer-firm-pagination a span:hover,
.corporate-lawyer-firm-pagination a span:focus {
	background: var(--first-color);
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--first-color);
    color: #fff;
}

/* ===============================================
   Feature Header Image
   ============================================= */

.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.4;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #001025;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: var(--first-color);
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  padding: 5px 15px;
  color: #fff;
  background: var(--first-color);
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
  float: none;
  background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
  color: #2f3235;
}
ol.wp-block-latest-comments{
  padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
    color:var(--first-color);
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;

}
.bread_crumb span {
  color: var(--first-color) ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
     padding: 10px;
}
.bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
}

/* ===============================================
   SIDEBARS
   =============================================== */
.sidebar-area{
  color: #000;
}
.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #f5f6f7;
  border-radius: 10px;
  padding: 0px 10px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height:1.9em;
  font-weight: normal;
  color: #000;
}
footer .sidebar-area a,
footer .sidebar-area p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget {
  color: #fff;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: circle;
  margin: 0;
  padding: 0 0px;
}
footer .sidebar-area ul,footer #calendar_wrap,footer .sidebar-area .textwidget,footer .tagcloud {
  list-style: none;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 25px;
}
.sidebar-area ul li{
  position: relative;
  margin-left: 25px;
  list-style: circle;
}
footer .sidebar-area ul li{
  list-style: none;
  margin-left: 0;
}
.sidebar-area ul li ul.children li,.sidebar-area ul li ul.sub-menu li{
  margin-left: 0;
}
.sidebar-area ul li::marker,.sidebar-area li::marker{
  color: var(--first-color);
}
.sidebar-area h4.title:before, .sidebar-area h1.wp-block-heading:before,  
.sidebar-area h2.wp-block-heading:before,  
.sidebar-area h3.wp-block-heading:before,  
.sidebar-area h4.wp-block-heading:before,  
.sidebar-area h5.wp-block-heading:before,  
.sidebar-area h6.wp-block-heading:before,
.sidebar-area .wp-block-search__label:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 16%;
    bottom: 12px;
    left: 0;
    background-color: var(--first-color);
}
.footer-area h4.title:before, .footer-area h1.wp-block-heading:before,  
.footer-area h2.wp-block-heading:before,  
.footer-area h3.wp-block-heading:before,  
.footer-area h4.wp-block-heading:before,  
.footer-area h5.wp-block-heading:before,  
.footer-area h6.wp-block-heading:before,
.footer-area .wp-block-search__label:before{
  display: none;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
    padding: 20px 0px;
    color: #000;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: var(--first-color);
  color: #ffffff;
}
.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: var(--first-color);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  border-radius: 6px;
}
footer .sidebar-area .tagcloud a, footer p.wp-block-tag-cloud a{
  background: #000;
}
footer .sidebar-area .tagcloud a:hover, footer p.wp-block-tag-cloud a:hover{
  background: #fff;
  color: #000;
}
.sidebar-area .tagcloud a:hover{
  background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width:100%;
  padding: 5px 2%;
  border: solid 1px #000000;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
#footer-widgets caption {
  color: #fff;
}
#footer-widgets h4 {
  margin-bottom: 30px;
  font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text], .sidebar-area .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit], .sidebar-area .wp-block-search__button {
	background: var(--first-color);
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background: var(--first-color);
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #001025;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:auto;
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
	background: var(--first-color);
	color:#ffffff;
}
.scroll-up a:hover{
	background: #fff;
	color:#000;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  padding: 10px;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}


.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/*===============================================
   Footer Social Icons
=============================================== */

.copy-text a.social-links {
    margin-left: 14px;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent var(--first-color) transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--first-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--first-color);
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
h3.post-title{
    position: relative;
}
.sticky h3.post-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 25px;
    font-weight: 900;
    color: #000;
    margin-top: 10px;
    z-index: 9;
    left: -30px;
    position: absolute;
    bottom: -6px;
}
.sticky h3.post-title {
    margin-left: 30px;
}

.copyright{
  background: #000000;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
  height: auto;
}

/* DARK MODE CSS */
body.dark-mode {
  background-color: #000000 !important;
  color: #f1f1f1 !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,body.dark-mode .sticky h3.post-title::before,body.dark-mode .woocommerce .woocommerce-ordering select, body.dark-mode .woocommerce form .form-row input.input-text, body.dark-mode .woocommerce form .form-row textarea,
body.dark-mode a ,body.dark-mode p, body.dark-mode li, body.dark-mode blockquote ,body.dark-mode label ,body.dark-mode span,body.dark-mode .post-content,body.dark-mode .main-navigation .dashicons-arrow-down-alt2:before,.header-search i,body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, body.dark-mode .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, body.dark-mode .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input, body.dark-mode .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, body.dark-mode .wc-block-components-quantity-selector, body.dark-mode table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, body.dark-mode .wc-block-components-product-price__value.is-discounted, body.dark-mode del.wc-block-components-product-price__regular {
  color: #fff !important;
}
body.dark-mode body.dark-mode p.slider-button a:hover{
    color: #ffffff !important;
}
body.dark-mode span.woocommerce-Price-amount.amount{
  color: grey !important;
}

body.dark-mode input, body.dark-mode select, body.dark-mode textarea, body.dark-mode button {
  background-color: #333;
  color: #fff; 
}

body.dark-mode #site-navigation .page_item_has_children ul li a,body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a,body.dark-mode .screen-reader-text:focus,body.dark-mode #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item,h4.product-text a,body.dark-mode .searchform input[type=text]{
  color: #000 !important;
}

body.dark-mode input[type="submit"], body.dark-mode button[type="submit"] {
  background-color: var(--first-color);
  color: #fff;
}

body.dark-mode table {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}
body.dark-mode th ,body.dark-mode td {
  background-color: #333 !important; 
  color: #fff !important; 
}
body.dark-mode tr {
  color: #fff !important; 
}

body.dark-mode pre, body.dark-mode code {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}

body.dark-mode .post-box,body.dark-mode #coming-soon-footer-banner,body.dark-mode div.product .woocommerce-tabs ul.tabs li,
body.dark-mode .pagination a,body.dark-mode .corporate-lawyer-firm-pagination a span,#featured-product{
  background: #121212 !important;
}

body.dark-mode #wp-calendar th, body.dark-mode #wp-calendar td{
  color: #fff !important;
}

body.dark-mode ul, body.dark-mode ol {
  color: #f1f1f1 !important;
}

body.dark-mode footer {
  background-color: #1f1f1f;
  color: #f1f1f1;
}

body.dark-mode .pagination a {
  color: var(--first-color);
}

body.dark-mode .widget {
  background-color: #1e1e1e;
}

body.dark-mode .widget a {
  color: #f1f1f1;
}

body.dark-mode .sidebar-area .sidebar-widget,body.dark-mode .media-body-wrap.card{
  background: #121212;
}

@media screen and (max-width : 1000px){
  body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a{
    color: #fff !important;
  }
}

body.dark-mode p.slider-button a{
        color: var(--first-color) !important;
}