/* Blockquote Social Media */
.fd-blq{background:var(--contentB);margin:20px 0;padding:20px;border-radius:10px;box-shadow:3px 3px 25px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.1)} .blq-con{margin-bottom:20px} .fd-blq blockquote{position:relative;font-size:1rem;opacity:.8;line-height:1.6em;margin:0;padding:30px 0 0 0;display:block;border:none} .fd-blq blockquote::before{content:"\201C";position:absolute;top:-8px;left:0;font-size:60px;line-height:normal;opacity:.8} .fd-blq blockquote[data-author]::after{content:"- " attr(data-author);display:block;margin-top:8px;opacity:.95} .blq-shr{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px} .blq-shr .btn{position:relative;top:0;outline:0;border:none;width:35px;height:35px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;border-radius:30%;border:1px solid rgba(0,0,0,.08);box-shadow:0 3px 12px rgba(0,0,0,.07);transition:all .3s ease,top .2s linear;cursor:pointer} .blq-shr .btn:hover{top:-3px;border-radius:50%;border-color:transparent !important;box-shadow:3px 3px 12px rgba(0,0,0,.15);transform:scale(1.08)} .blq-shr .shr-wa:hover{background:#128c7e !important} .blq-shr .shr-fb:hover{background:#39569c !important} .blq-shr .shr-tw:hover{background:#00acee !important} .blq-shr .shr-tg:hover{background:#229ed9 !important} .blq-shr .btn-dl:hover{background:#009688 !important} .blq-shr .btn-cp:hover{background:#009688 !important} .fd-blq.dwn .blq-shr .btn-dl:hover{background:#239b56 !important} .fd-blq.cpd .blq-shr .btn-cp:hover{background:#239b56 !important} .blq-shr .btn>svg{width:18px;height:18px;fill:#4f4d4d;stroke:none!important;transition:all .3s ease} .blq-shr .btn:hover>svg{fill:#fff} .fd-blq.dwn .blq-shr .btn-dl>svg, .fd-blq.cpd .blq-shr .btn-cp>svg{animation:jiggle 1s;-webkit-animation:jiggle 1s} .fd-blq.dwn .blq-shr .btn-dl .svg1, .fd-blq:not(.dwn) .blq-shr .btn-dl .svg2, .fd-blq.cpd .blq-shr .btn-cp .svg1, .fd-blq:not(.cpd) .blq-shr .btn-cp .svg2{opacity:0} @keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(26deg)}40%{transform:rotate(-26deg)}60%{transform:rotate(26deg)}80%{transform:rotate(-26deg)}100%{transform:rotate(0)}} @-webkit-keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(26deg)}40%{transform:rotate(-26deg)}60%{transform:rotate(26deg)}80%{transform:rotate(-26deg)}100%{transform:rotate(0)}} .drK .fd-blq{background:var(--darkBs);border-color:rgba(255,255,255,.1)} .drK .blq-shr .btn{background:#303030;border-color:rgba(255,255,255,.08)} .drK .blq-shr .btn>svg{fill:#d5d5d5}