/*
Theme Name: Legal Law Consulting Pro
Theme URI: https://www.themespride.com/products/legal-wordpress-theme/
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: A Legal WordPress theme is good for both individual attorneys and law firms. The credit goes to its mesmerizing features like responsive nature, professionalism, personalization options, CTA, and stunning, animated, personalization options secure, and clean code. All these features make the law firm theme suitable for advocates, attorneys, clean, corporate, law, law firm, law office, lawyer, lawyer theme, lawyer WordPress, a legal blog, legal services, modern and responsive. This theme comes in the professional Legal WordPress theme works well not only for lawyers but for accountants, legal experts, law firms, and legal offices. It is also good for legal advisors and experts in civil law, and you can use it for legal websites & legal practices. It is robust and sophisticated, making it an excellent choice for websites related to law and international law firms.
Version: 0.0.2
Tested up to: 6.1
Requires PHP: 7.2
Requires at least: 5.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: legal-law-consulting-pro
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, translation-ready, blog, e-commerce, portfolio
Legal Law Consulting Pro WordPress Theme, Copyright 2022 ThemesPride
Legal Law Consulting Pro is distributed under the terms of the GNU GPL
*/
/* Open Sans- */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('OpenSans Regular'), local('OpenSans-Regular'), url(./assets/webfonts/OpenSans-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('OpenSans SemiBold'), local('OpenSans-SemiBold'), url(./assets/webfonts/OpenSans-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('OpenSans Bold'), local('OpenSans-Bold'), url(./assets/webfonts/OpenSans-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Cardo */
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Cardo Regular'), local('Cardo-Regular'), url(./assets/webfonts/Cardo-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Cardo Italic'), local('Cardo-Italic'), url(./assets/webfonts/Cardo-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Cardo Bold'), local('Cardo-Bold'), url(./assets/webfonts/Cardo-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --primary-global: #ec4933;
  --globalgrey: #232c2b;
  --color2: #666666;
  --color3: #5b5b5b;
  --color7: #333333;
  --color8: #bbbbbb;
  --color13: #cccccc;
  --color1: #a9adac;
  --color4: #90939c;
}
:root {
  --font-primary: "OpenSans";
  --font-secondry: "Cardo";
}
body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 14px;
  font-family: var(--font-primary);
  overflow-x: hidden;
  color: #757575;
}
a {
  text-decoration: none;
}
p {
  font-size: 16px;
}
label {
  margin-bottom: 0 !important;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
}
section img {
  max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 10px 0;
  line-height: 1.4;
  color: var(--color-222222);
  font-family: var(--font-secondry);
  font-weight: 600;
}
p {
  margin: 0 0 15px;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  line-height: 26px;
}
body a {
  text-decoration: none;
  color: var(--color-primary);
}
a:hover {
  text-decoration: none;
}
a:focus,a:hover {
  text-decoration: none !important;
}
ul,ol {
  margin: 0 0 0 15px;
  padding: 0;
}
ul li, ol li {
  font-size: 14px;
}
:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background: #ececec;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 70px;
  position: absolute;
  left: 0px;
  top: -7%;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea {
  border: 1px solid #424648;
  font-size: 12px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
}
select {
  padding: 6px;
}
input[type="submit"]:hover {
  cursor: pointer;
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
.wp-caption-text {
  margin: 0;
  padding: 0;
}
.gallery-caption {
  margin: 0;
  padding: 0;
}
.bypostauthor {
  margin: 0;
  padding: 0;
}
.owl-nav button i {
  color: var(--primary-global);
  font-size: 20px;
  padding: 9px 8px;
  /* color: black; */
  border: none;
}
button.owl-prev, button.owl-next {
  border: 1px solid #ccc;
  margin: 2px;
  background-color: white;
}
.owl-nav{
  margin-top: 10px; 
}
.owl-nav, .owl-dots {
    text-align: center;
}
.owl-carousel .owl-dots button.owl-dot {
  background-color: #49484d !important;
  margin: 0 3px;
  outline: none;
  border: none;
  border-radius: 50%;
  padding: 6px !important;
  height: auto !important;
  width: auto !important;
}
.owl-carousel button.owl-dot.active{
  background-color: var(--primary-global) !important;
}
.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.sticky {
  margin: 0;
  padding: 0;
  background-color: #d7d7d7;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  padding: 5px;
}
.alignright, img.alignright {
  display: inline;
  float: right;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  padding: 5px;
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 0.75em;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 700;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--color-primary);
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 5px;
}
/*--------------------------  Theme Button  --------------------------*/
.woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, a.custom_read_more {
  padding: 12px 20px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
  background-color: var(--color-primary);
  border-radius: 30px;
  padding: 10px 14px;
  color: #fff;
}
.theme_button a, a.theme_button, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, input[type="submit"], a.custom_read_more, .custom_cart a, table.compare-list .add-to-cart td a:not(.unstyled_button), button#bmi_submit, .contact-box .contac_form input[type="submit"], input[type="submit"], .contact_shortcode input[type="submit"] {
  font: 700 14px var(--font-primary);
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 26px;
  border-radius: 3px;
  border: none;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease 0s;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: var(--color-3a9046);
  border: 1px solid var(--color-3a9046);
  color: white;
}
.contact-box .contac_form input[type="submit"] {
  border: none;
}
a.theme_button{
  background-color: var(--primary-global);
  color: white;
}
.theme_button:hover{
  background-color: black;
  color: white;
}
/*----- Site Frame -------*/
.site-frame {
  top: 0;
}
.site-frame, .site-frame:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
  background: #000;
}
.site-frame:after {
  bottom: 0;
}
.site-frame-sides:before, .site-frame-sides:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 1405;
  background: #000;
}
.site-frame-sides:after {
  right: 0;
}
/* --------- Widget Text ------- */
.textwidget p {
  padding-top: 15px;
  padding-bottom: 15px;
}
#sidebar form {
  margin-top: 5px;
}

/*--- Preloader 1 ---*/
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary-global);
  cursor: pointer;
  z-index: 999999;
}
.preloarder {
  position: absolute;
  width: 100px;
  height: 70px;
  display: inline-block;
  transform-origin: center;
  animation: preloarder 1.5s linear infinite;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.spinner-loading-box .lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner-loading-box .lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.spinner-loading-box .lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.spinner-loading-box .lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.spinner-loading-box .lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
/*---------------- Section Heading-----------------*/
.section_main_head.heading-half-width {
  max-width: 50%;
  margin: 0 auto;
}
.section_main_head .section-text{
  color: #6b6b6b;
  margin-bottom: 0;
}
.section_main_head.white_head h3 {
  color: white;
}
.section_main_head.white_head .section-text, .section_main_head.white_head .section-text p {
  color: #e3e3e3;
}
.section_main_head h3 {
  color: #212121;
  font-weight: 700;
  position: relative;
  padding: 0;
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.media img {
  margin-right: 15px;
  width: auto !important;
}
/* Back to top button css */
.scrollup {
  color: white;
  position: fixed;
  display: none;
  bottom: 86px;
  right: 2em;
  z-index: 9999999999;
  background-color: var(--primary-global);
  width: 55px;
  height: 55px;
  border-radius: 50px;
  padding: 15px 20px;
}
.scrollup.left{
  left: 15px;
  right: auto;
}
.scrollup.center{
  left: 45%;
  right: 44%;
}
.scrollup:focus,
.scrollup:hover{
  color: white;
}
.scrollup span {
  display: inline-block;
}
.scrollup i{
  font-size: 23px;
}