/*
Theme Name: Eco Solar Victoria
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description:
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
*/

.ajax_loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }



/* contact sidebar start */
.signup-btn {text-align: center; width: 140px; height: 38px; line-height:40px; letter-spacing: 0.5px; position: fixed; right: -51px; top: 240px; background:#e67348; z-index: 99992; cursor: pointer; border-top-left-radius:4px; border-top-right-radius: 4px; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transition: ease-in-out all 0.5s; -moz-transition: ease-in-out all 0.5s; -ms-transition: ease-in-out all 0.5s; -o-transition: ease-in-out all 0.5s; -webkit-transition: ease-in-out all 0.5s;   }
.signup-btn:hover{background:#161a7d;}
.signup-btn a {font-size: 18px; text-transform: uppercase; font-weight: 600; color: #fff;}
.signup-btn a:hover{text-decoration:none; color: #fff;}
.form-control:focus,.form-select:focus{box-shadow: none;}

.appointment-box {position: fixed; right: -400px; top: 0; width: 400px; max-width: 100%; height: 100%; overflow-y: auto;  z-index: 99999;  opacity: 0; visibility: hidden; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.appointment-form-visible .appointment-box {right:0px; opacity: 1; visibility: visible;}
.appointment-box .inner-box {position: absolute; background-color: #e67348; right: 0; padding: 70px 20px 20px; height: 100%; overflow-y: auto;}
.appointment-box .inner-box::-webkit-scrollbar { width:5px;}
.appointment-box .inner-box::-webkit-scrollbar-thumb {background:  #fff; border-radius: 20px;}
.appointment-box .inner-box .cross-icon {position: absolute; z-index: 99; right: 20px; top: 10px; cursor: pointer; color: #fff;}
.appointment-box .inner-box .cross-icon a span{font-size: 28px;}
.appointment-box input:not([type=submit]),.appointment-box select {-webkit-appearance: none; height: auto; border-radius: 4px; margin-bottom: 16px;  background-color: #fff; border: none; padding: 10px 15px; color: #6c757d;}
.appointment-box textarea {height: 125px; border-radius: 4px; background: #fff; margin-bottom: 15px; border: none; padding: 10px 15px;}
.appointment-box input[type=submit] {border: none; background: #161a7d; display: inline-block; font-weight: 500; text-decoration: none; position: relative; z-index: 2; overflow: hidden; text-shadow: 0 0 1px rgb(255 255 255 / 30%); white-space: nowrap; padding: 10px 32px; color: #fff; width: auto; height: auto; border-radius: 4px; margin-top: 0; margin-bottom: 0 !important;  transition: ease-in-out all 0.5s; -moz-transition: ease-in-out all 0.5s; -ms-transition: ease-in-out all 0.5s; -o-transition: ease-in-out all 0.5s; -webkit-transition: ease-in-out all 0.5s;}
.appointment-box input[type=submit]:hover{background: #fff; color: #e67348;}
.appointment-box .wpcf7-spinner{position: absolute;left: 141px;margin-top: 15px;  z-index: 9;}
.appointment-box input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {margin: 0;  }
.appointment-box span.wpcf7-not-valid-tip {margin-bottom: 10px; font-size: 13px; color: #fff;}
.appointment-box .wpcf7 form.invalid .wpcf7-response-output{border-color: #f00; font-size: 16px; line-height: 26px; color: #fff; margin:15px 0 0 0px;}
#appointment-close span img{height: 20px; filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(325deg) brightness(115%) contrast(101%);}
.form-back-drop {position: fixed; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #000000b3; visibility: hidden;  z-index: 99999;  transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.appointment-form-visible .form-back-drop {opacity: 1; visibility: visible; }
/* contact sidebar end */