/*
Theme Name: Home Repair Service Pro
Theme URI: https://www.buywptemplates.com/themes/ac-repair-wordpress-theme/
Author: BWT Themes
Author URI: https://www.buywptemplates.com/
Description: This WordPress sports theme is the best option you can opt for if you run a business that is related to sports. It is a good choice for sports trainers or sports coaches offering coaching in any sport. It can also be used in promoting any sport or game. Sports academies and sports clubs can use this theme for their promotion. The effectively designed sections of this theme can constructively display the facilities of your sports academy or business. It is made versatile so that even a sports goods manufacturer or retail shop can also use it to full effect for boosting the business. This cleverly designed sports WordPress theme has a layout that will suit any sport. Many high-end features are included that allow you to showcase the sporting events and schedule in a nice way. With this theme, you are allowed to create your own engaging content giving all the details perfectly.
Version: 0.0.1
Requires at least: 5.2.4
Requires PHP: 5.2.4
Tested up to: 7.4
License: GNU General Public License
License URI:license.txt
Text Domain: home-repair-service-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Home Repair Service Pro WordPress Theme has been created by BWT Themes(buywptemplates.com), 2021.
Home Repair Service Pro WordPress Theme is released under the terms of GNU GPL
*/


@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sen:wght@400..800&display=swap');


:root {
  --color-white: #ffffff;
  --color-secondary: #4989FC;
  --color-gray: #777777;
  --color-gray1: #9b9b9b;
  --color-blue: #51acfb;
  --color-blue1: #4989FC;
  --color-blue2: #181e5e;
  --color-blue3: #5049c1;
  --color-black: #2b2525;
  --color-black1: #3e3e3e;
  --color-black2: #a29a9a;
  --color-black3: #1b1d1e;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-gray);
  font-weight: 300;
  font-size: 15px;
  font-family: 'Sen';
}
body a {
  text-decoration: none;
  color: var(--color-white);
}
section img {
  max-width: 100%;
}
section{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
}
#bwt-footer{
   background-size: 100% 100%;
  background-repeat: no-repeat;
}
textarea{
  padding: 5px;
}
h1{
  color: var(--color-white);
  font-weight: 700 !important;
}
h2,h5,h6 {
  font-weight: 600 !important;
}
h2, #bwt-sidebar .widget h2{
  font: 28px/28px 'Sen';
}
h5 {
  font: 22px/28px 'Sen';
}
p,.single-post-content p{
  color: var(--color-white);
  font: 400 14px/20px 'Sen';
  }
h4{
    color: var(--color-white);
  }
h6 {
  font: 16px/28px 'Sen';
 }
img {
  border: none;
  max-width: 100%;
  height: auto;
}
li {
  list-style: none;
}
a:hover {
  color: var(--color-white) !important;
}
input[type=search]{
    padding: 10px;
    font-size: 15px;
    margin-bottom: 10px;
    color: #6c6c6c;
    border: solid 1px #e1e1e1;
    width: 100%;
}
ol, ul{
  padding-left: 0 !important;
}
#pricing-plan .owl-carousel .owl-nav.disabled,#team .owl-carousel .owl-nav.disabled,#what-we-offer .owl-carousel .owl-nav.disabled,#best-tool .owl-carousel .owl-nav.disabled{
  display: block;
}
.modal-backdrop{
  background: unset !important;
  top: unset !important;
  opacity: 1 !important;
  left: unset !important;
}
#slider .modal-content{
  margin-top: 20%;
}
.modal-header button {
    background: #4989FC;
    padding: 0 11px;
    color: var(--color-white);
    font-size: 20px;
    border-color: #4989FC;
}
.bradcrumbs a,.bradcrumbs span,.bradcrumbs{
  font: 700 14px/20px 'Sen';
}
.bradcrumbs{
  color: var(--color-white);
}
.bradcrumbs span{
    color: var(--color-secondary);
}
.bwt-scroll{
  background-attachment: scroll;
}
.bwt-fixed{
  background-attachment: fixed;
}
.home #bwt-menu-section{
  background: var(--color-blue1) !important;
}
/*singlepage*/
.metabox {
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
}
.metabox .entry-date {
  margin: 0 13px 0 0;
}
.metabox .entry-author {
  padding: 0 0 0 20px;
  margin: 0 20px 0 0;
}
.metabox .entry-comments {
  padding: 0 0 0 20px;
}
.metabox i,.content_boxes h2{
  color: var(--color-blue1);
}
.metabox span a,.metabox span,.metabox span a:hover,.related-post-wrapper a {
  color: var(--color-blue1) !important;
  font: 600 16px 'Sen';
}
.related-post-wrapper a {
  font: 600 15px 'Sen';
  margin-top: 10px !important;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  color: var(--color-white) !important;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f {
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in {
  background-color: #007bb5;
}
.share_icon i.fab.fa-twitter {
  background-color: #55acee;
}
.content_boxes .share_icon {
  padding-top: 15px;
}
.content_boxes iframe {
  width: 100%;
}
.share_icon a {
  padding-bottom: 5px;
  display: inline-block;
}
.post_ctg span,.socila_share {
  float: left;
  margin-right: 7px;
  font: 600 16px 'Sen';
}
.single-post-content p,.content_boxes p a{
  font-weight: 700;
}
ul.post-categories a,ul.post-categories a:hover ,.content_boxes p,.content_boxes p a{
  color: var(--color-gray) !important;
}
.authordetails {
  padding: 30px 0;
}
#bwt-sidebar .widget {
    padding: 20px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 0 57px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 0 57px 0 rgb(0 0 0 / 11%);
}
#bwt-sidebar .widget h2{
  color: var(--color-black) !important;
}
#bwt-sidebar ul li {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}
#bwt-sidebar a {
    font: 700 16px/24px 'Sen';
    color: var(--color-gray) !important;
    align-self: center;
}
#bwt-sidebar input[type=search] {
    padding: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #6c6c6c;
    border: solid 1px #e1e1e1;
    width: 100%;
}
#bwt-sidebar button[type=submit] {
    filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
    background-color: var(--color-secondary);
    color: var(--color-white);
    padding: 12px 0;
    font-size: 12px;
    width: 100%;
    letter-spacing: 2px;
    font-weight: 700;
}
.comment-form-comment label {
    display: block;
}
#comments input[type=submit] {
    background-color: var(--color-secondary)!important;
    color: #fff!important;
    padding: 10px 20px;
    font: 600 16px 'Sen';
    border-color: var(--color-secondary);
}
.wp-block-search .wp-block-search__inside-wrapper {
    display: block;
}
.wp-block-search .wp-block-search__button {
    margin-left: 0;
}
textarea {
    padding: 5px;
}
.post-navigation .nav-links {
    display: flex;
    padding: 0 5px 15px 5px;
}
.nav-next span, .nav-previous span{
    font: 600 12px 'Sen';
    color: var(--color-gray);
    margin-right: 10px;
}
.bwt-navigation .page-numbers, .meta-nav {
    background: var(--color-secondary);
    color: var(--color-white) !important;
    padding: 10px 16px;
    font: 600 16px 'Sen';
}
.nav-next {
    margin-left: 10px;
}
.blurb-ripple-out {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  background: rgba(255, 255, 255, 1);
  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
}
.blurb-ripple-out:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.blurb-ripple-out:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}
.blurb-ripple-out{
  background: rgba(255, 255, 255, 1);
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
  color: #fff;
}
.blurb-ripple-out:after {
  -webkit-animation: sonarEffect 1s infinite;
  -moz-animation: sonarEffect 1s infinite;
  animation: sonarEffect 1s infinite;
}
.single-team .post_ctg,.single-testimonials .post_ctg{
  display: none;
}
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 99;
  background-color: #FD751B;
}
#return-to-top i {
  color: var(--color-white);
  position: relative;
  top: 13px;
  padding: 3px 18px;
  font-size: 19px;
  transition: all 0.3s ease;
}
#slidemainbox h1{
  font: 700 52px/70px 'Sen';
  text-shadow: 0 0 80px rgba(255,255,255,.5);
  background: url("assets/images/animated-text-fill.png") repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: aitf 120s infinite;
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  font: normal normal bold 72px/87px Sen;
}
@keyframes aitf {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
#accordion .accordion-button:not(.collapsed)::after {
    background-image: url("assets/images/accordion.png") !important;
    transform: rotate(-180deg);
}
#accordion .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("assets/images/accordiono.png") !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1110;
  overflow: hidden;
}
.loader-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.progress-loder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transform-origin: center;
}
.progress-loder.done .progress__item {
    opacity: 0;
    -webkit-animation: done 3.1s;
    transition: opacity 0.3s linear 3.1s;
}
.progress-loder .progress__item {
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.loader-container.done:before {
    top: -50%;
    z-index: -1;
}
.loader-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #4989FC;
    z-index: -1;
    transition: top 1.2s linear 3.1s;
}
.progress-loder.done:after {
    opacity: 0;
    -webkit-animation: done 3.1s;
    transition: opacity 0.15s linear 3.1s;
}
.progress-loder.shadow-loader:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    color: var(--color-blue2);
    text-align: center;
    line-height: 100px;
    border: 2px solid var(--color-blue2);
    border-radius: 50%;
    margin: -40px 0 0 -40px;
    z-index: -1;
    transform-origin: center;
}
.loader-container.done:after {
    bottom: -50%;
}
.loader-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #4989FC;
    z-index: -1;
    transition: bottom 1.2s linear 3.1s;
}
.progress-loder.float .progress__item:before {
    border-top-width: 2px;
    margin-top: 0px;
    height: 50px;
}
.progress-loder .progress__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -3px;
    margin-left: 0px;
    width: 45px;
    height: 45px;
    border-top: solid 10px #fff;
    border-right: solid 10px #fff;
    border-top-right-radius: 100%;
    transform-origin: left bottom;
    -webkit-animation: spin 3s linear infinite;
}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 }
 .search-submit {
    filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
    background-color: var(--color-secondary);
    padding: 9px;
    border-color: var(--color-secondary);
    color: var(--color-white);
}
.ea-bootstrap p{
    color: red !important;
}
::placeholder {
  color: #A6A6A6;
}

.wp-block-woocommerce-cart  .wc-block-cart__submit-button, .wc-block-components-totals-coupon__button{
      background: #4989FC;
      color: #fff;
      border:none;
}
.wc-block-components-totals-coupon a{
      color: #000;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  margin: 0;
color: #fff;
}
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder{
    color: gray !important;
}
