: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.ep-external-doc-icons svg:hover {
background-color: var(--viewer-icons-hover-bgcolor);
.ep-file-download-option-masked {
.ep-file-download-option-masked {
.ep-file-download-option-masked .overlay {
transform: translateX(-50%);
width: calc(100% - 15px);
height: calc(100% - 45px);
background-color: rgb(66 23 23 / 0%);
.ep-file-download-option-masked.ep-file-xls .overlay {
height: calc(100% - 78px);
.ep-file-download-option-masked iframe {
.ep-file-download-option-masked.enabled-text-copy {
.embed-download-disabled {
.cui-toolbar-button-right {
display: none !important;
background: var(--viewer-primary-color);
transform: translate(-50%, -50%);
.ep-external-doc-icons svg {
.block-editor-block-list__block .ep-gutenberg-file-doc .ep-external-doc-icons svg {
.block-editor-block-list__block .ep-gutenberg-file-doc .ep-doc-download-icon svg, .block-editor-block-list__block .ep-gutenberg-file-doc .ep-doc-fullscreen-icon svg {
.ep-doc-minimize-icon svg, .ep-doc-fullscreen-icon svg {
.ep-external-doc-icons svg:hover {
.ep-doc-draw-icon.active svg {
background: var(--viewer-icons-hover-bgcolor);
.ep-doc-download-icon, .ep-doc-print-icon, .ep-doc-fullscreen-icon, .ep-doc-popup-icon, .ep-doc-draw-icon, .ep-doc-minimize-icon {
/* background: var(--viewer-primary-color); */
.elementor .elementor-element.elementor-element .embedpress-document-embed .fullscreen-enabled iframe, .embedpress-document-embed .fullscreen-enabled iframe {
.ep-file-download-option-masked.ep-file-link.fullscreen-enabled iframe {
.ep-file-download-option-masked::after {
background: var(--viewer-primary-color);
.ep-file-download-option-masked.ep-file-docx::after {
.ep-file-download-option-masked.ep-file-docx.ep-powered-by-enabled::after {
.ep-file-download-option-masked.ep-file-docx.ep-powered-by-enabled.fullscreen-enabled::after {
/* .ep-file-download-option-masked::after, .ep-file-download-option-masked iframe {
/* --plyr-color-main: #3700ff85; */
--plyr-control-icon-size: 15px;
--plyr-range-track-height: 3px;
--plyr-range-thumb-height: 10px;
.plyr--audio .plyr--full-ui input[type=range] {
.ep-embed-content-wraper input[type=range]::-webkit-slider-runnable-track {
.ep-embed-content-wraper input[type=range]::-moz-range-track {
a.plyr__controls__item.plyr__control {
color: inherit !important;
.plyr-initialized button:focus {
background-color: var(--plyr-color-main);
.custom-player-preset-1 .plyr__controls {
background: var(--plyr-color-main) !important;
.custom-player-preset-1 button.plyr__control {
.custom-player-preset-1 a.plyr__controls__item.plyr__control {
.custom-player-preset-1 button.plyr__control.plyr__control--overlaid[data-plyr="play"], .custom-player-preset-2 button.plyr__control.plyr__control--overlaid[data-plyr="play"] {
align-items: center !important;
.custom-player-preset-1 button.plyr__control.plyr__control--overlaid[data-plyr="play"] svg, .custom-player-preset-2 button.plyr__control.plyr__control--overlaid[data-plyr="play"] svg {
.custom-player-preset-1 .plyr__control:focus {
.custom-player-preset-2 a.plyr__controls__item.plyr__control, .custom-player-preset-2 button.plyr__control.plyr__control--overlaid[data-plyr="play"], .preset-default a.plyr__controls__item.plyr__control {
.custom-player-preset-3 .plyr__controls, .custom-player-preset-4 .plyr__controls {
background: var(--plyr-color-main) !important;
.custom-player-preset-4 button.plyr__control.plyr__control--overlaid {
display: none !important;
figure .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: inherit !important;
position: fixed !important;
height: 180px !important;
top: calc(100% - 200px) !important;
left: calc(100% - 340px) !important;
border-radius: 15px !important;
.plyr [data-plyr="pip"] {
display: block !important;
.pip-mode .plyr__video-wrapper {
.pip-mode .pip-play, .pip-mode .pip-pause {
transform: translate(-50%, -50%);
.pip-mode:hover .pip-play, .pip-mode:hover .pip-close, .pip-mode:hover .pip-pause {
.pip-mode .overlay-mask {
pointer-events: none !important;
[data-playerid].audio.plyr-initialized {
.plyr--paused.plyr__poster-enabled .plyr__poster {
display: block !important;
@media only screen and (max-width: 767px) {
.plyr__controls [data-plyr="restart"], .plyr__controls [data-plyr="rewind"], .plyr__controls [data-plyr="fast-forward"], .plyr__controls [data-plyr="pip"] {
display: none !important;
.plyr__video-wrapper iframe {
max-height: 100% !important;
.plyr__controls .plyr__volume input[type=range] {
/* Instagram profile info design */
/* Base styles for the profile header */
border-bottom: 1px solid #ddd;
/* Styling for the container holding the tabs */
/* Styling for the tabs */
.posts-tab-options .tabs {
.posts-tab-options .tabs svg {
li[data-media-type="ALL"] svg {
.posts-tab-options .tabs li {
text-transform: uppercase;
.posts-tab-options .tabs li:last-child {
/* Styling for the active tab */
.posts-tab-options .tabs li.active {
/* border-top: 1px solid rgb(115,115,115); */
color: rgb(115, 115, 115);
.posts-tab-options .tabs li svg {
.posts-tab-options .tabs li.active svg {
color: rgb(115, 115, 115);
.posts-tab-options .tabs li:hover, .posts-tab-options .tabs li:hover svg, .posts-tab-options .tabs li:hover .fill-color {
color: rgb(115, 115, 115);
.posts-tab-options .tabs li:hover .fill-color, .posts-tab-options .tabs li.active .fill-color {
fill: rgb(115, 115, 115) !important;
.posts-tab-options .tabs li.active::after {
background-color: rgb(115, 115, 115);
/* Styles for the profile image and change photo button */
height: 120px !important;
border-radius: 50% !important;
border: 3px solid #037bff;
background-color: transparent;
/* Styles for the profile username and edit profile button */
/* Styles for the profile stats */