/*----------------------------------------*/
/*  14. Sidebar
/*----------------------------------------*/
.widgets-area {
  background-color: #050A08;
  background-image: url("../img/background-img/1-1-100x100.webp");
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
/*padding-bottom: 100%;*/
  background-position: center;
  background-repeat: repeat;
}

.widgets-searchbox {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.widgets-searchbox .input-field {
  border: 1px solid #000000;
  background-color: #f9f9f9;
  border-radius: 30px;
  width: 100%;
  height: 60px;
  padding-left: 15px;
  padding-right: 75px;
}

.widgets-searchbox-btn {
  background-color: transparent;
  border: 0;
  border-left: 1px solid #000000;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.125rem;
  padding-left: 20px;
  padding-right: 20px;
}

.widgets-title {
  text-transform: uppercase;
  font-size: 19px;
  position: relative;
  font-weight: 450;
}

.widgets-title:before {
  background-color: #ffffffe3;
  height: 20px;
  width: 12px;
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
}

.widgets-author .widgets-content {
  text-align: center;
}

.widgets-author .widgets-content span {
  display: block;
}

.widgets-author .widgets-content span.author-name {
  color: #000;
  font-size: 1.125rem;
}

.widgets-author .widgets-content span.author-occupation {
  color: #000;
}

.widgets-list-slider .swiper-slide:not(:last-child) {
  border-bottom: 1px solid #fcfcfa;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.widgets-list-slider .blog-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

/*@media (min-width: 992px) and (max-width: 1199.98px) {
  .widgets-list-slider .blog-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 479px) {
  .widgets-list-slider .blog-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}*/

.widgets-list-slider .blog-list-img {
  width: 103px;
}

.widgets-list-slider .blog-list-content {
  width: 62%;
  padding-left: 10px;
  position: relative;
}

/*@media (min-width: 992px) and (max-width: 1199.98px) {
  .widgets-list-slider .blog-list-content {
    padding-top: 10px;
    padding-left: 0;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .widgets-list-slider .blog-list-content {
    padding-top: 10px;
    padding-left: 0;
    width: 100%;
  }
}*/

.widgets-list-slider .blog-list-content .blog-meta ul li {
  display: inline-block;
  font-size: 13px;
  color: #000;
}

.widgets-list-slider .blog-list-content .title {
  text-transform: uppercase;
  font-weight: 400;
  line-height: 20px;
}

.widgets-list-slider .blog-list-content .title a {
  color: #000;
  font-size: 1.0625rem;
  display: block;
}

.widgets-list-slider .blog-list-content .title a:hover {
  color: #7b4307;
}


.widgets-item .with-border li:not(:last-child) a {
  border-bottom: 1px solid #000000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.widgets-newsletter .input-field {
  text-align: center;
  border: 1px solid #000000;
  background-color: #f9f9f9;
  font-style: italic;
  font-size: 16px;
}

.widgets-newsletter .input-field:placeholder-shown {
  color: #000;
}

.widgets-newsletter .btn {
  text-align: center;
}

.widgets-category li:not(:last-child) {
  padding-bottom: 10px;
}

.widgets-category li a {
  color: #050a08;
  display: block;
}

.widgets-category li a:hover {
  color: #0a0a0a;
}

.widgets-categoryy li a {
  color: #fff;
  display: block;
}

.widgets-categoryy li a:hover {
  color: #0a0a0a;
}

.widgets-checkbox li {
  /* ---Custom Input Checkbox--- */
  /* -End Here- */
}

.widgets-checkbox li:not(:last-child) {
  margin-bottom: 25px;
}

.widgets-checkbox li input[type="checkbox"] {
  display: none;
}

.widgets-checkbox li input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 1;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  color: #050a08;
}

.widgets-checkbox li input[type="checkbox"] + label:before {
  border: 2px solid #000000;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  display: block;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.widgets-checkbox li input[type="checkbox"] + label:after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 9px;
  line-height: 14px;
  opacity: 0;
  width: 15px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #fff;
}

.widgets-checkbox li .label-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.widgets-checkbox li .label-checkbox span {
  color: #050a08;
  width: 30px;
  height: 20px;
  border-radius: 8px;
  text-align: center;
  margin-left: 5px;
}

.widgets-checkbox li input[type="checkbox"]:checked + label {
  color: #0a0a0a;
}

.widgets-checkbox li input[type="checkbox"]:checked + label:before {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
}

.widgets-checkbox li input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.widgets-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.widgets-tags li:not(:last-child) a {
  margin-right: 7px;
  margin-bottom: 7px;
}

.widgets-tags li a {
  background-color: #0a0a0a;
  color: #fff;
  padding: 5px 15px;
  display: block;
  border-radius: 30px;
  font-size: 13px;
}

.widgets-tags li a:hover {
  background-color: #2426b5;
  color: #fff;
}

.widgets-tags li:not(:last-child) span {
  margin-right: 7px;
  margin-bottom: 7px;
}

.widgets-tags li span {
  background-color: #0a0a0a;
  color: #fff;
  padding: 5px 15px;
  display: block;
  border-radius: 30px;
  font-size: 13px;
}

.widgets-tags li span:hover {
  background-color: #2426b5;
  color: #fff;
}

.sidebar-area.style-1 .widgets-area {
  padding-top: 20px;
/*padding-bottom: 730%;*/
  padding-left: 20px;
  padding-right: 20px;
}
.sidebar-area.style-1 .widgets-title:before {
  left: -30px;
}