/* 

Accordian Styles 

*/

.accordian { padding-bottom: 50px; }

.accordian h5 { margin-bottom: 0 !important; }

span.arrow { background-repeat: no-repeat; }

.accordian ul { list-style: none; }

.accordian h5 { margin-top: 0;  }

.accordian h5 .head-text { display: inline-block; margin-right: 40px; }

.accord-body { color: #fff; padding-left: 90px; position: relative; }
.accord-body p {  padding: 0; margin:0 0 20px 0; width: 80%; }




.acc_area { margin-top: 10%; }
.faq_wrapper { max-width: 800px; margin: auto; }
.acc_item { border-bottom: 1px solid #F9B004; }
.acc_title, .accord-title { padding: 15px; cursor: pointer; font-size: 20px; position: relative; }

#storage-guide-block .accord-title { padding: 0 15px; }

.head-text { padding-left: 75px; background-image: url('../../../images/icon-arrow-right-orange.svg'); background-repeat: no-repeat; background-position: left center; }

.plusminus { background-image: url('../../../images/icon-plus-orange.svg'); background-repeat: no-repeat; background-position: left center; width: 19.32px; height: 19.32px; display: inline-block; float: right; }

.accord-title.active .plusminus { display: none; }

.acc_title span.arrow, .accord-title span.arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  width: 30px; height: 30px; background-size: contain; position: absolute; right: 20px; color: #fff; top: 0;  margin: auto;  bottom: 0; transition: all 0.5s;
}

.accord-body .plusminus { background-image: url('../../../images/icon-minus-orange.svg'); background-repeat: no-repeat; background-position: left center; float: none; position: absolute; right: 0; bottom: 0; margin-right: 15px; }

.acc_title.active, .acc_details { background-color: #F5F5F5; }
.acc_title.active span.arrow, .accord-title.active span.arrow { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2395C11F' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.accord-title.active span.arrow {  background-image: url('/wp-content/themes/houseit/images/acc-image-style2.svg'); }
.acc_details, .accord-body {  display: none; }