/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  **************/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .nav-dropdown-has-arrow li.has-dropdown:before {
    position: relative;
  }
}

@-moz-document url-prefix() {
  .nav-dropdown-has-arrow li.has-dropdown:before {
    position: absolute;
  }
}

@supports (-ms-ime-align: auto) {
  .nav-dropdown-has-arrow li.has-dropdown:before {
    position: absolute;
  }
}

/*************** ADD CUSTOM CSS HERE.   ************/

.star-1 {
  font-family: "fl-icons" !important;
}

.star-2 {
  font-family: "fl-icons" !important;
}

.star-3 {
  font-family: "fl-icons" !important;
}

.star-4 {
  font-family: "fl-icons" !important;
}

.star-5 {
  font-family: "fl-icons" !important;
}

article p {
  text-align: justify;
}

.justify {
  text-align: justify !important;
}

video {
  max-width: 100% !important;
  width: auto;
}

.fa-check::before {
  content: "\f00c";
}

.fa,
.far,
.fas {
  font-family: "Font Awesome 5 Free" !important;
  font-size: 20px;
  text-align: justify;
  padding-left: 20px;
  padding-bottom: 10px;
}

.post-title.is-large {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.from_the_blog_excerpt {
  text-overflow: ellipsis;
  overflow: hidden;
}

.wpas-table > thead > tr > th {
  text-align: right;
}

.wpas-reply-meta .wpas-reply-time {
  float: right;
  width: auto;
}

.wpas-reply-meta .wpas-reply-user {
  float: right;
  width: auto;
}

.product-small.box .box-text.box-text-products {
  text-align: center;
}

.rtl .woocommerce-MyAccount-content {
  float: right !important;
  width: 100% !important;
}

.wpas-ticket-buttons-top a {
  padding: 10px !important;
  border: 1px solid currentColor !important;
  border-radius: 5px !important;
  margin: 3px !important;
}

.wpas-ticket-buttons-top {
  margin-bottom: 40px !important;
}

table#wpas_ticketlist span {
  color: #fff !important;
  padding: 3px;
}

.wpas-table.wpas-ticket-details-header span {
  color: #fff !important;
  padding: 5px;
  margin: 1px;
}

[type="submit"] {
  -webkit-appearance: button;
  border: 1px solid #00aeef;
  border-radius: 5px;
}

[type="submit"]:hover {
  background-color: #00aeef;
  color: #fff;
}

.rtl .nav-slide .menu-item .icon-angle-right::before {
  content: "\f104" !important;
}

.icon-angle-left::before {
  content: "\f104" !important;
}

.icon-angle-right::before {
  content: "\f105" !important;
}

.woocommerce-OrderUpdate-inner.comment_container
  .woocommerce-OrderUpdate-text.comment-text {
  background-color: #eee;
  padding: 10px !important;
}

.wpas-reply-meta {
  display: table;
}

.wpas-reply-content.wpas-break-words {
  display: table;
}

span.divider.hide-for-small .icon-angle-right::before {
  content: "\f104" !important;
}

tfoot td {
  text-align: center !important;
  font-weight: bolder;
}

.wpas_table_pagination {
  display: ruby;
  font-size: 16px;
}

li.footable-page.active a {
  background-color: #1e73be;
  color: white;
}

li.footable-page.active a,
li.footable-page a {
  border: 1px solid #1e73be;
  padding: 3px 11px;
  border-radius: 20px;
}

.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
  width: calc(100% / 2) !important;
  padding: 10px !important;
}

.u-columns.woocommerce-Addresses.col2-set.addresses {
  background-color: #c8c8c859;
  border: 1px solid #d2d0d0;
  border-radius: 10px;
  padding: 10px;
}

header.woocommerce-Address-title.title {
  border-bottom: 1px solid gray;
  padding-bottom: 5px;
}

.ltr {
  direction: ltr !important;
}

.nav > li {
  margin: 0 4px;
}

.product-small .col-inner .call-us-box {
  font-size: 12px;
  margin-left: auto !important;
  margin-right: 17px !important;
  padding-bottom: 30px !important;
}
/* Fix Menu Bug in Chorme*/

.nav-dropdown.nav-dropdown-default {
  top: 40px !important;
}

.center {
  text-align: center;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message.message-wrapper {
  padding: 15px;
  margin-bottom: 10px;
}

td.product-total,
.shop_table tfoot tr td,
.cart_totals tbody tr td,
.shop_table thead tr th:last-of-type,
.shop_table tr td:last-of-type {
  text-align: left !important;
}

/* ---------- Message Container ------------*/
.message-container.container.success-color.medium-text-center {
  background-color: #e0ffeb !important;
  padding: 10px 24px !important;
  border-right: 5px solid green !important;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.5) !important;
}
.message-container.container.alert-color.medium-text-center {
  background-color: #ffe0e0 !important;
  padding: 10px 24px !important;
  border-right: 5px solid #d00 !important;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.5) !important;
}

.form-table tr:last-child th,
.form-table tr:last-child td {
  border-bottom: 1px solid transparent !important;
}