/*----- READ MORE - Open -----*/
#apb-wrapper .view-apb-read-more {
   overflow: hidden;
}
#apb-wrapper .apb-read-more-row {
   margin-bottom: 2rem;
}
#apb-wrapper .apb-read-more-row:last-child {
   margin-bottom: 0;
}
#apb-wrapper .apb-rm-body {
   overflow: hidden;
}
#apb-wrapper .views-field-title {
   position: relative;
   z-index: 3;
}
#apb-wrapper .apb-rm-button-wrapper {
   padding-top: 1.2rem;
   position: relative;
   z-index: 2;
}
#apb-wrapper .apb-rm-button-wrapper::before {
   background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   content: "";
   display: block;
   height: 3rem;
   left: 0;
   position: absolute;
   top: 0;
   transform: translateY(-100%);
   width: 100%;
}
#apb-wrapper .apb-rm-expanded .apb-rm-button-wrapper::before {
   height: 0.2rem;
}
#apb-wrapper .sidebar .apb-rm-button-wrapper::before {
   background: linear-gradient(0deg, rgba(237, 245, 251, 1) 0%, rgba(237, 245, 251, 0) 100%);
}
#apb-wrapper .apb-read-more-row a.apb-rm-button,
#apb-wrapper .apb-read-more-row a.apb-rm-button-active {
   border-style: solid;
   border-width: 1px;
   display: inline-block !important;
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 100%;
   padding: 0.5rem 0.75rem;
   text-decoration: none !important;
   width: auto !important;
}
/* COLORS */
.apb-read-more-row a.apb-rm-button {
   background-color: #fff;
   border-color: #ccc;
   color: #111;
}
.apb-read-more-row a.apb-rm-button:hover {
   background-color: #666;
   border-color: #666;
   color: #fff;
}
.apb-read-more-row a.apb-rm-button-active {
   background-color: #111;
   border-color: #111;
   color: #fff;
}
/*----- READ MORE - Close -----*/

/*----- CSS ANIME - Open -----*/
#apb-wrapper .apb-rm-expanded .apb-rm-button-wrapper::before,
.apb-read-more-row a.apb-rm-button {
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
}

.apb-rm-body {
   -webkit-transition: all 500ms ease-in-out;
   -moz-transition: all 500ms ease-in-out;
   -ms-transition: all 500ms ease-in-out;
   -o-transition: all 500ms ease-in-out;
   transition: all 500ms ease-in-out;
}
/*----- CSS ANIME - Close -----*/
