body {
   cursor : default;
}

/*-------------*/
/*--- width ---*/
/*-------------*/
.w-80 { width : 80%; }
.w-60 { width : 60%; }
.w-50 { width : 50%; }
.w-40 { width : 40%; }

@media only screen and (max-width: 982px) {
   .w-80 { width : 100%; }
   .w-60 { width : 100%; }
   .w-50 { width : 100%; }
   .w-40 { width : 100%; }
}


/*----------------*/
/*--- borders ---*/
/*----------------*/
.item.item-paragraph .border-true {
   border  : 1px solid #AAAAAA;
   padding : 20px;
}

/*-------------*/
/*--- table ---*/
/*-------------*/
.item.item-paragraph table {
  border-collapse: collapse;
  border: 1px solid #000;
}
.item.item-paragraph table th,
.item.item-paragraph table td {
  border: 1px solid #000;
  padding: 4px 8px;
}

.item.item-paragraph table th {
  background: rgb(0, 0, 0);
  color: #FFFFFF;
  font-weight: 700;
}

.item.item-paragraph table tbody tr:nth-child(even) td {
  background: #f6f6f6;
}


/*-------------*/
/*--- SERP ---*/
/*-------------*/
.serp.serp-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-height: calc(3 * 20px);
  line-height: 20px;
}
@media (max-width: 767px) {
  .serp.serp-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    max-height: calc(2 * 20px);
    line-height: 20px;
  }
}
.serp.serp-title a {
  text-decoration: underline !important;
  color: blue !important;
}