
#technical-post .arz-post,
#fundamental-post .arz-post,
#technical-post .arz-post__side,
#fundamental-post .arz-post__side,
#post-page .arz-post {
    margin-bottom: 1rem !important;
    
}

.arz-post__video {
    max-height: 510px !important;
    overflow: hidden !important;
    
}
.arz-post__category-path {
    width: 100% !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    
}
.arz-post__header {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    
}
.arz-post__title {
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
    z-index: 10 !important;
    width: 100% !important;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
    --tw-bg-opacity: 0.9;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    text-align: center !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.05em !important;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
    
}

.arz-post__header-title {
    padding: 2rem !important;
    
}
.arz-post__header-title h1 {
    font-size: 28px !important;
    line-height: 47px !important;
    line-height: 4.5rem !important;
    
}
.arz-post__header-title a,
.arz-post__title-link {
    color: inherit !important;
    
}
.arz-post__title-link {
    font-weight: 500 !important;
    
}
.arz-post__format-video .arz-post__title {
    position: static !important;
    
}
.arz-post__format-video .arz-post__info-author-avatar {
    margin-top: 0px !important;
    
}
.arz-post__image-box {
    position: relative !important;
    display: block !important;
    min-height: 120px !important;
    width: 100% !important;
    
}
.arz-post__image {
    display: block !important;
    height: auto !important;
    width: 100% !important;
    
}
.arz-post__sticky {
    position: relative !important;
    top: 0px !important;
    z-index: 10 !important;
    margin-bottom: 1rem !important;
    
}
.arz-post__sticky+div {
    display: none !important;
    
}
.arz-post__side .custom-html-widget img {
    margin: auto !important;
    display: block !important;
    
}
.arz-post__alernative-title {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
    border-style: solid !important;
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)) !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    line-height: 2rem !important;
    
}
.arz-post__alernative-link {
    cursor: default !important;
    font-size: 16px !important;
    line-height: 28.2px !important;
    font-weight: 400 !important;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-post__alernative-link:after {
    display: none !important;
    
}
.arz-post__info {
    position: relative !important;
    width: 100% !important;
    fill: #64748b !important;
    padding: 1rem !important;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-post__info-publish-date {
    font-size: .8rem !important;
    
    text-align: center !important;
    
}
.arz-post__info-reading-time {
    align-items: center !important;
    display: flex !important;
    font-size: .8rem !important;
}
.arz-post__print-font{
    display: flex !important;
    align-items: center !important;
    fill: #000 !important;
}
.arz-post__font{
    position: relative !important;
}
.arz-post__font-content{
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 100% !important;
    width: 100% !important;
}
.arz-post__info-author-link {
    position: relative !important;
    z-index: 1 !important;
}
.arz-post__info-author-avatar {
    border: 3px solid #FFF !important;
    display: block !important;
    margin: auto !important;
    margin-top: -76px !important;
}
.arz-post__info-author-name {
    display: block !important;
    text-align: center !important;
    margin-top: 0rem !important;
}
.arz-post__info-author ~ .arz-post__info-reading-time {
    margin-top: -75px !important;
}


.arz-related-posts-list {
    list-style-type: none !important;
}
.arz-related-post__item {
    font-size: 15px !important;
    padding: 0.25em 0 !important;
}

.arz-related-post__link {
    display: block !important;
    max-width: 42rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
    --tw-text-opacity: 1;
    color: rgb(14 116 144 / var(--tw-text-opacity, 1)) !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 200ms !important;
    
}

.arz-related-post__link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-related-post__link:after {
  content: unset!important;
}

.arz-post__footer {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 3rem !important;
    
}
.arz-post__like-symbol .arz-icon-like {
    cursor: pointer !important;
    
}
.arz-post__like {
    padding-top: 1rem !important;
    text-align: center !important;
    
}
.arz-post__like.arz-v-hidden {
    height: 0px !important;
    
}
.arz-post__like p {
    margin-bottom: 0px !important;
    margin-top: 1.25rem !important;
    line-height: 60px !important;
    
}
.arz-post__like .arz-btn {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
    height: 3.5rem !important;
    width: 3.5rem !important;
    border-radius: 9999px !important;
    line-height: 2.5rem !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 200ms !important;
    
}
.arz-post__like-yes {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow-color: #164e63;
    --tw-shadow: var(--tw-shadow-colored);
    
}
.arz-post__like-yes:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    
}
.arz-post__like-yes:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    
}
.arz-post__like-yes:active {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    
}

.arz-post__like-no {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)) !important;
    
}

.arz-post__like-no:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    
}

.arz-post__like-no:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    
}

.arz-post__like-no:active {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    
}

.arz-post__short-link {
    position: absolute !important;
    bottom: 1rem !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 24.8px !important;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-post__short-link a {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 24.8px !important;
    font-weight: 500 !important;
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-post__short-link .arz-icon {
    float: left !important;
    margin-right: 0.125rem !important;
    margin-top: 0.25rem !important;
    display: inline-block !important;
    height: 1rem !important;
    width: 1rem !important;
    fill: #0e7490 !important;
    
}
.arz-post__views {
    position: absolute !important;
    bottom: 1rem !important;
    left: 2rem !important;
    margin: 0px !important;
    margin-right: 1rem !important;
    display: flex !important;
    align-items: center !important;
    fill: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 22px !important;
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-post__views .arz-icon {
    margin-left: 0.25rem !important;
    
}

.arz-post__footer>.arz-row-sb {
    align-content: center !important;
    
}
.arz-post__sociel {
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-post__sociel>div {
    display: block !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 24.8px !important;
    
}
.arz-post__sociel>div:nth-child(2) {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    
}
.arz-post__sociel a {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-to-scroll {
    cursor: pointer !important;
    
}
.arz-post__like-symbol a {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    
}
.arz-post__sociel .arz-icon {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0.25rem !important;
    display: block !important;
    height: 2rem !important;
    width: 2rem !important;
    fill: #64748b !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 200ms !important;
    
}
.arz-post__like-animate .arz-icon {
  transform: scale(0);
}
.arz-post__like-animate .arz-icon-liked {
  animation: liked .5s cubic-bezier(.17, .89, .32, 1.49) forwards;
}
.arz-post__like-animate .arz-icon-liked::before,
.arz-post__like-animate .arz-icon-liked::after {
  animation: inherit;
  animation-timing-function: ease-out;
}
.arz-post__like-animate .arz-icon-liked::before {
  will-change: transform, border-width, border-color;
  animation-name: bubble;
}
.arz-post__like-animate .arz-icon-liked::after {
  will-change: opacity, box-shadow;
  animation-name: particles;
}
.arz-post__like-animate .arz-icon-liked::before,
.arz-post__like-animate .arz-icon-liked::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  content: '';
}
.arz-post__like-animate .arz-icon-liked::before {
  box-sizing: border-box;
  margin: -2.25rem;
  border: solid 2.25rem #e2264d;
  width: 4.5rem;
  height: 4.5rem;
  transform: scale(0);
}
.arz-post__like-animate .arz-icon-liked::after {
  margin: -0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
}
@keyframes bubble {
  15% {
      transform: scale(1);
      border-color: #cc8ef5;
      border-width: 2.25rem;
  }
  30%,
  100% {
      transform: scale(1);
      border-color: #cc8ef5;
      border-width: 0;
  }
}
@keyframes particles {
  0%,
  20% {
      opacity: 0;
  }
  25% {
      opacity: 1;
      box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
  }
}
@keyframes liked {
  0% {
      transform: scale(0);
  }
  80% {
      transform: scale(1.1);
  }
  100% {
      transform: scale(1);
  }
}
.arz-post__share,
.arz-post__comment {
    display: none !important;
    padding-top: 1rem !important;
    text-align: center !important;
    
}
.arz-post__comment .arz-btn {
    margin-top: 1rem !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    
}
.arz-post__share p,
.arz-post__comment p {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    border-top-width: 0px !important;
    padding: 1rem !important;
    font-size: 14px !important;
    line-height: 24.8px !important;
    line-height: 1.25rem !important;
    
}
.arz-post__share a {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
    display: inline-block !important;
    height: 2.5rem !important;
    width: 2.5rem !important;
    
}
.arz-post__share .arz-icon {
    height: 100% !important;
    width: 100% !important;
    
}
#post-sociels {
    display: flex !important;
    justify-content: space-between !important;
    
}
#post-sociels .arz-sociel-link {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
    height: 2rem !important;
    width: 2rem !important;
    
}
#post-sociels .arz-sociel-link .arz-icon {
    height: 100% !important;
    width: 100% !important;
    
}

.arz-sidebar {
    margin-bottom: 1rem !important;
    
}
#quick-bar {
    z-index: 1024 !important;
    margin-left: 1rem !important;
    margin-top: 0.625rem !important;
    min-width: 87px !important;
    max-width: 87px !important;
    
}
.arz-quick-bar-list {
    border-radius: 9999px !important;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    
}
.arz-quick-bar-list .arz-quick-bar-item {
    height: 6rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 24.8px !important;
    
}
.arz-quick-bar-list .arz-quick-bar-item a {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
    
}
.arz-quick-bar-list .arz-quick-bar-item:not(:last-child) {
    border-bottom-width: 1px !important;
    border-style: solid !important;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) !important;
    
}
.arz-quick-bar-list .arz-icon {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0.25rem !important;
    display: block !important;
    
}
.arz-quick-bar-list .arz-icon-arzdigital-logo {
    margin-top: 0.75rem !important;
    height: 2.5rem !important;
    width: 2.5rem !important;
    fill: #2dd4bf !important;
    
}
.arz-quick-bar-list .arz-icon-arzdigital-logo-text {
    margin-bottom: 0px !important;
    height: 1.25rem !important;
    width: 5rem !important;
    fill: #64748b !important;
    
}
.arz-quick-bar-list .arz-icon-live-price {
    height: 3rem !important;
    width: 3rem !important;
    
}
.arz-quick-bar-arrow {
    position: relative !important;
    margin: auto !important;
    box-sizing: content-box !important;
    height: 1rem !important;
    width: 1rem !important;
    cursor: pointer !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    
}
.arz-quick-bar-arrow .arz-icon {
    margin: 0px !important;
    height: 1rem !important;
    width: 1rem !important;
    fill: #64748b !important;
    
}
.arz-quick-bar-arrow:not(.arz-quick-bar-arrow-hide) .arz-icon-left-arrow,
.arz-quick-bar-arrow.arz-quick-bar-arrow-hide .arz-icon-right-arrow {
    display: none !important;
    
}
#quick-bar .arz-pricelist a {
    position: relative !important;
    display: block !important;
    min-height: 50px !important;
    width: 5rem !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 24.8px !important;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
    
}
#quick-bar .arz-pricelist .arz-icon {
    position: relative !important;
    margin-bottom: 0px !important;
    height: 2.75rem !important;
    width: 12rem !important;
    
}

/* End: Post Page Classes */

#related-posts {
    margin-top: 2rem !important;
    border-radius: 0px !important;
    border-width: 0px !important;
    background-image: none !important;
    padding: 0px !important;
  background-position-x: 20px !important;
  background-position-y: center !important;
    
}
#related-posts p {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    font-size: 20px !important;
    line-height: 34px !important;
    font-weight: 700 !important;
    line-height: 2.25rem !important;
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1)) !important;
    
}
#related-posts ul {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    list-style-type: none !important;
    
}
#related-posts ul li {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
    
}
#related-posts .arz-icon {
    height: 100% !important;
    width: 100% !important;
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important;
    
}
#technical-post .arz-post__side,
#fundamental-post .arz-post__side,
#post-page .arz-post__side {
    margin-right: 0.5rem !important;
    height: auto !important;
    flex-grow: 1 !important;
    
}
@media (min-width: 1024px) {

    #technical-post .arz-post__side,
#fundamental-post .arz-post__side,
#post-page .arz-post__side {
        height: 0px !important;
    
    }
    
}
@media (min-width: 1312px) {

    #technical-post .arz-post__side,
#fundamental-post .arz-post__side,
#post-page .arz-post__side {
        margin-right: 1rem !important;
    
    }
    
}
/* -End: Posts Pages -*/

