@charset "UTF-8";

.ovau-player-container {
font-family: sans-serif;
display: flex;
height: auto;
width: 100%;
max-width: 100%;
position: fixed;
bottom: 0;
z-index: 9999;
font-size: 16px;
padding: 0;
visibility: visible;
opacity: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background-color: #000000;
}
.ovau-player-container.ova-player-hide {
visibility: hidden;
opacity: 0;
}
.ovau-player-container .ova-player-toggle {
position: absolute;
top: -40px;
right: 0;
height: 40px;
padding: 0;
opacity: 0.5;
transition: all 0.3s ease-in-out;
line-height: 30px;
font-size: 20px;
padding: 5px 10px;
text-decoration: none;
border: none;
display: flex;
align-items: center;
justify-content: center;
background-color: #000000;
color: #FFFFFF;
}
.ovau-player-container .ova-player-toggle .ova-player-show-text {
display: none;
}
.ovau-player-container .ova-player-toggle.ovau-toggle-icon .ova-player-collapse-text {
display: none;
}
.ovau-player-container .ova-player-toggle.ovau-toggle-icon .ova-player-show-text {
display: block;
}
.ovau-player-container .ova-player-toggle:hover {
opacity: 1;
}
.ovau-player-container .ova-player-wrapper {
font-family: sans-serif;
display: flex;
height: auto;
width: 100% !important;
max-width: 100%;
font-size: 16px;
padding: 0;
background-color: #000000;
}
.ovau-player-container .ova-player-wrapper .ova-player-right {
flex: 0 0 65%;
max-width: 65%;
height: 100%;
padding-right: 40px;
}
.ovau-player-container .ova-player-wrapper .ova-player-right .ova-player {
display: flex;
align-items: center;
min-height: 150px;
padding: 0;
}
.ovau-player-container .ova-player-wrapper .ova-player-right .ova-player iframe {
width: 100%;
height: 100%;
max-height: 150px;
}
.ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container {
width: 100%;
background: transparent;
}
.ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls .ovamejs-time {
color: #FFFFFF;
}
.ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-slider {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.ovau-player-container .ova-player-wrapper .ova-player-right {
flex: 0 0 30%;
max-width: 30%;
padding-right: 0;
}
.ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls {
justify-content: center;
}
.ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button, .ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button, .ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail, .ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls .ovamejs-time, .ovau-player-container .ova-player-wrapper .ova-player-right .ova-player .ovamejs-container .ovamejs-controls .ovamejs-speed-button {
display: none;
}
}
.ovau-player-container .ova-player-wrapper .ova-player-left {
display: flex;
flex-direction: column;
flex: 0 0 35%;
max-width: 35%;
justify-content: center;
padding: 20px 20px 20px 40px;
float: left;
color: #fff;
}
.ovau-player-container .ova-player-wrapper .ova-player-left .ova-player-title {
font-size: 20px;
line-height: 1.2;
margin-bottom: 8px;
font-weight: 600;
}
.ovau-player-container .ova-player-wrapper .ova-player-left .ova-player-info {
font-size: 16px;
line-height: 1.2;
}
.ovau-player-container .ova-player-wrapper .ova-player-left .ova-player-info a {
font-size: 16px;
color: var(--primary);
-webkit-transition: all, 0.3s, ease;
-moz-transition: all, 0.3s, ease;
-o-transition: all, 0.3s, ease;
transition: all, 0.3s, ease;
}
@media screen and (max-width: 768px) {
.ovau-player-container .ova-player-wrapper .ova-player-left {
height: auto;
flex: 0 0 70%;
max-width: 70%;
padding: 20px 0 20px 30px;
}
}
.ovau-player-container.ovau-iframe .ova-player-wrapper .ova-player-right {
padding-right: 0;
}
@media screen and (max-width: 991px) {
.ovau-player-container.ovau-iframe .ova-player-wrapper {
flex-direction: column;
}
.ovau-player-container.ovau-iframe .ova-player-wrapper .ova-player-left, .ovau-player-container.ovau-iframe .ova-player-wrapper .ova-player-right {
flex: 0;
max-width: 100%;
}
.ovau-player-container.ovau-iframe .ova-player-wrapper .ova-player-left .ova-player-title {
font-size: 18px;
}
.ovau-player-container.ovau-iframe .ova-player-wrapper .ova-player-left .ova-player-info {
font-size: 14px;
}
.ovau-player-container.ovau-iframe .ova-player-wrapper .ova-player-left .ova-player-info a {
font-size: 14px;
}
} @font-face {
font-family: "audioplayer-font";
src: url(//ungeplant.com/wp-content/plugins/ova-audio/assets/fonts/audioplayer-font.eot?rsgnm2);
src: url(//ungeplant.com/wp-content/plugins/ova-audio/assets/fonts/audioplayer-font.eot?rsgnm2#iefix) format("embedded-opentype"), url(//ungeplant.com/wp-content/plugins/ova-audio/assets/fonts/audioplayer-font.ttf?rsgnm2) format("truetype"), url(//ungeplant.com/wp-content/plugins/ova-audio/assets/fonts/audioplayer-font.woff?rsgnm2) format("woff"), url(//ungeplant.com/wp-content/plugins/ova-audio/assets/fonts/audioplayer-font.svg?rsgnm2#audioplayer-font) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=ovapf-],
[class*=" ovapf-"] { font-family: "audioplayer-font" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ovapf-play:before {
content: "꤀";
}
.ovapf-pause:before {
content: "꤁";
}
.ovapf-volume:before {
content: "꤂";
}
.ovapf-mute:before {
content: "꤃";
}
.ovapf-replay:before {
content: "꤄";
}
.ovapf-minimize:before {
content: "꤅";
}
.ovapf-maximize:before {
content: "꤆";
}
.ovamejs-offscreen {
display: none;
}
.ovamejs-speed-selector.ovamejs-offscreen {
display: block;
}
.ovamejs-mediaelement {
display: none;
}
.ovamejs-container {
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top;
margin-bottom: 0;
}
.ovamejs-container,
.ovamejs-container * {
box-sizing: border-box;
}
.ovamejs-controls {
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
width: 100%;
height: 100%;
align-items: center;
z-index: 3;
}
.ovamejs-time,
.ovamejs-time-rail {
font-size: 10px;
height: 120px;
line-height: 10px;
margin: 0;
width: 32px;
}
.ovamejs-button {
font-size: 10px;
height: 50px;
line-height: 50px;
width: 64px;
}
.ovamejs-button > button {
background: 0 0;
height: 50px;
width: 64px;
border: 0;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-decoration: none;
z-index: 2;
font-weight: normal;
}
.ovamejs-button > button:before {
font-family: "audioplayer-font" !important;
font-size: 30px;
line-height: 1;
}
.ovamejs-play > button:before {
content: "꤀";
margin-left: 3px;
}
.ovamejs-pause > button:before {
content: "꤁";
}
.ovamejs-replay > button:before {
content: "꤄";
}
.ovamejs-mute > button:before {
content: "꤂";
}
.ovamejs-unmute > button:before {
content: "꤃";
}
.ovamejs-skip-back-button > button:before {
content: "-";
}
.ovamejs-jump-forward-button > button:before {
content: "+";
}
.ovamejs-skip-back-button > button:after,
.ovamejs-jump-forward-button > button:after {
content: "s";
}
.ovamejs-skip-back-button > button,
.ovamejs-jump-forward-button > button,
.ovamejs-skip-back-button > button:before,
.ovamejs-jump-forward-button > button:before,
.ovamejs-speed-button > button {
font-size: 14px;
}
.ovamejs-volume-button > .ovamejs-volume-slider,
.ovamejs-speed-selector {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
.ovamejs-playpause-button {
width: 50px;
height: 50px;
flex: 0 0 50px;
line-height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.ovamejs-playpause-button > button {
height: 50px;
width: 50px;
flex: 0 0 50px;
}
.ovamejs-button > button:focus {
outline: 0;
}
.ovamejs-container-keyboard-inactive [role=slider],
.ovamejs-container-keyboard-inactive [role=slider]:focus,
.ovamejs-container-keyboard-inactive a,
.ovamejs-container-keyboard-inactive a:focus,
.ovamejs-container-keyboard-inactive button,
.ovamejs-container-keyboard-inactive button:focus {
outline: 0;
}
.ovamejs-time {
box-sizing: content-box;
font-size: 14px;
height: 24px;
overflow: hidden;
padding: 13px 6px 0;
text-align: center;
width: auto;
}
.ovamejs-time-rail {
direction: ltr;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px;
margin: 0 10px;
padding-top: 0;
position: relative;
display: flex;
align-items: center;
}
.ovamejs-time-buffering,
.ovamejs-time-current,
.ovamejs-time-float,
.ovamejs-time-float-corner,
.ovamejs-time-float-current,
.ovamejs-time-hovered,
.ovamejs-time-loaded,
.ovamejs-time-marker,
.ovamejs-time-total {
border-radius: 0;
cursor: pointer;
display: block;
height: 6px;
position: absolute;
}
.ovamejs-time-buffering,
.ovamejs-time-current,
.ovamejs-time-hovered,
.ovamejs-time-loaded,
.ovamejs-time-current,
.ovamejs-time-handle-content {
border-radius: 0;
}
.ovamejs-time-total {
background: rgba(255, 255, 255, 0.3);
margin: 0;
width: 100%;
}
.ovamejs-time-buffering {
-webkit-animation: b 2s linear infinite;
animation: b 2s linear infinite;
background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent);
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent);
background-size: 15px 15px;
width: 100%;
}
@-webkit-keyframes b {
0% {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@keyframes b {
0% {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
.ovamejs-time-loaded {
background: rgba(255, 255, 255, 0.3);
}
.ovamejs-time-current,
.ovamejs-time-handle-content {
background: rgba(255, 255, 255, 0.9);
}
.ovamejs-time-hovered {
background: rgba(255, 255, 255, 0.5);
z-index: 10;
}
.ovamejs-time-hovered.negative {
background: rgba(0, 0, 0, 0.2);
}
.ovamejs-time-buffering,
.ovamejs-time-current,
.ovamejs-time-hovered,
.ovamejs-time-loaded {
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
width: 100%;
}
.ovamejs-time-buffering {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.ovamejs-time-hovered {
-webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}
.ovamejs-time-hovered.no-hover {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important;
}
.ovamejs-time-handle,
.ovamejs-time-handle-content {
border: 4px solid transparent;
cursor: pointer;
left: 0;
position: absolute;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 11;
}
.ovamejs-time-handle-content {
border: 6px solid rgba(255, 255, 255, 0.9);
border-radius: 50%;
height: 10px;
left: -7px;
top: -7px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 10px;
}
.ovamejs-time-rail .ovamejs-time-handle-content:active,
.ovamejs-time-rail .ovamejs-time-handle-content:focus,
.ovamejs-time-rail:hover .ovamejs-time-handle-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.ovamejs-time-float {
background: #eee;
border: 1px solid #333;
bottom: 100%;
color: #111;
display: none;
height: 17px;
margin-bottom: 9px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px;
}
.ovamejs-time-float-current {
display: block;
left: 0;
margin: 2px;
text-align: center;
width: 30px;
}
.ovamejs-time-float-corner {
border: 5px solid #eee;
border-color: #eee transparent transparent;
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
} .ovamejs-volume-button {
position: relative;
}
.ovamejs-volume-button > .ovamejs-volume-slider {
-webkit-backface-visibility: hidden;
border-radius: 0;
bottom: 3px;
display: none;
height: 160px;
left: 50%;
margin: 0;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 50px;
z-index: 1;
border-radius: 25px;
}
.ovamejs-volume-button:hover {
border-radius: 0 0 4px 4px;
}
.ovamejs-volume-total {
background: #000;
height: 100px;
left: 50%;
margin: 0;
position: absolute;
top: 20px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 10px;
border-radius: 6px;
}
.ovamejs-volume-current {
left: 0;
margin: 0;
width: 100%;
border-radius: 25px;
}
.ovamejs-volume-current,
.ovamejs-volume-handle {
background: rgba(255, 255, 255, 0.9);
position: absolute;
transition: all 0.1s ease-in-out;
}
.ovamejs-volume-handle {
border-radius: 0;
cursor: ns-resize;
height: 6px;
left: 50%;
-webkit-transform: translate(-50%, 5px);
-ms-transform: translate(-50%, 5px);
transform: translate(-50%, 5px);
width: 10px;
}
.ovamejs-horizontal-volume-slider {
display: block;
height: 36px;
position: relative;
vertical-align: middle;
width: 56px;
}
.ovamejs-horizontal-volume-total {
background: rgba(50, 50, 50, 0.8);
height: 8px;
top: 16px;
width: 50px;
}
.ovamejs-horizontal-volume-current,
.ovamejs-horizontal-volume-total {
border-radius: 2px;
font-size: 1px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
}
.ovamejs-horizontal-volume-current {
background: rgba(255, 255, 255, 0.8);
height: 100%;
top: 0;
width: 100%;
}
.ovamejs-horizontal-volume-handle {
display: none;
}
.ovamejs-captions-button,
.ovamejs-chapters-button {
position: relative;
}
.ovamejs-captions-button > button {
background-position: -140px 0;
}
.ovamejs-chapters-button > button {
background-position: -180px 0;
}
.ovamejs-captions-button > .ovamejs-captions-selector,
.ovamejs-chapters-button > .ovamejs-chapters-selector {
background: rgba(50, 50, 50, 0.7);
border: 1px solid transparent;
border-radius: 0;
bottom: 100%;
margin-right: -43px;
overflow: hidden;
padding: 0;
position: absolute;
right: 50%;
visibility: visible;
width: 86px;
}
.ovamejs-chapters-button > .ovamejs-chapters-selector {
margin-right: -55px;
width: 110px;
}
.ovamejs-captions-selector-list,
.ovamejs-chapters-selector-list {
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0;
}
.ovamejs-captions-selector-list-item,
.ovamejs-chapters-selector-list-item {
color: #fff;
cursor: pointer;
display: block;
list-style-type: none !important;
margin: 0 0 6px;
overflow: hidden;
padding: 0 10px;
}
.ovamejs-captions-selector-list-item:hover,
.ovamejs-chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, 0.4) !important;
}
.ovamejs-captions-selector-input,
.ovamejs-chapters-selector-input {
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute;
}
.ovamejs-captions-selector-label,
.ovamejs-chapters-selector-label {
cursor: pointer;
float: left;
font-size: 10px;
line-height: 15px;
padding: 4px 0 0;
}
.ovamejs-captions-selected,
.ovamejs-chapters-selected {
color: #21f8f8;
}
.ovamejs-captions-translations {
font-size: 10px;
margin: 0 0 5px;
}
.ovamejs-captions-layer {
bottom: 0;
color: #fff;
font-size: 16px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center;
}
.ovamejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.ovamejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: 400;
}
.ovamejs-captions-position {
bottom: 15px;
left: 0;
position: absolute;
width: 100%;
}
.ovamejs-captions-position-hover {
bottom: 35px;
}
.ovamejs-captions-text,
.ovamejs-captions-text * {
background: rgba(20, 20, 20, 0.5);
box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
padding: 0;
white-space: pre-wrap;
}
.ovamejs-container.ovamejs-hide-cues video::-webkit-media-text-track-container {
display: none;
}
.ovamejs-overlay-error {
position: relative;
}
.ovamejs-overlay-error > img {
left: 0;
position: absolute;
top: 0;
z-index: -1;
}
.ovamejs-cannotplay,
.ovamejs-cannotplay a {
color: #fff;
font-size: 0.8em;
}
.ovamejs-cannotplay {
position: relative;
}
.ovamejs-cannotplay a,
.ovamejs-cannotplay p {
display: inline-block;
padding: 0 15px;
width: 100%;
} .mejs__speed-button,
.ovamejs-speed-button {
position: relative;
}
.mejs__speed-selector,
.ovamejs-speed-selector {
height: 160px;
overflow: hidden;
padding: 0;
position: absolute;
bottom: 0;
visibility: hidden;
top: auto !important;
width: 50px;
border-radius: 25px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.mejs__speed-selector,
.ovamejs-speed-selector {
visibility: visible;
}
.mejs__speed-selector-list,
.ovamejs-speed-selector-list {
display: block;
list-style-type: none !important;
margin: 0 0 3px;
overflow: hidden;
padding: 0;
}
.mejs__speed-selector-list-item,
.ovamejs-speed-selector-list-item {
display: block;
list-style-type: none !important;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
text-align: center;
}
.mejs__speed-selector-list-item:hover,
.ovamejs-speed-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, 0.4) !important;
}
.mejs__speed-selector-input,
.ovamejs-speed-selector-input {
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute;
}
.mejs__speed-selector-label,
.ovamejs-speed-selector-label {
cursor: pointer;
float: left;
line-height: 15px;
margin-left: 0;
padding: 4px 0 0;
width: 50px;
}
.mejs__speed-selected,
.ovamejs-speed-selected {
color: #000;
}
.mejs__speed-selector,
.ovamejs-speed-selector {
visibility: hidden;
}
.mejs__speed-button:hover .mejs__speed-selector,
.ovamejs-speed-button:hover .ovamejs-speed-selector {
visibility: visible;
}
.ovamejs-speed-button,
.ovamejs-speed-button button,
.ovamejs-volume-button button,
.ovamejs-volume-button {
width: 50px;
}
.ova-player .ovamejs-speed-button > button,
.ova-player .ovamejs-speed-button .ovamejs-speed-selector-list-item {
font-size: 14px;
}
.ovamejs-speed-selector {
padding-bottom: 30px;
height: auto;
bottom: 1px;
padding-top: 8px;
} @media (max-width: 768px) {
.ovamejs-volume-button {
display: none;
}
}
@media (max-width: 500px) {
.ova-player-player,
.ova-player {
height: 70px;
}
.ova-player-collapsed {
bottom: -70px;
}
.ovamejs-button,
.ovamejs-button > button {
width: 40px;
line-height: 2;
}
.ovamejs-playpause-button {
height: 40px;
flex: 0 0 40px;
margin: 0 4px;
}
.ovamejs-playpause-button > button:before {
font-size: 22px;
}
.ovamejs-time .ovamejs-duration,
.ovamejs-time .ovamejs-currenttime + span {
display: none;
}
}
@media (max-width: 400px) {
.ovamejs-time {
display: none;
}
.ovamejs-button.ovamejs-speed-button,
.ova-player .ovamejs-speed-button > button {
width: 30px;
}
} #ova-loading {
position: absolute;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #7372724d;
z-index: 3000;
cursor: pointer;
}
#ova-loading .ova-spinner {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
border: 5px solid #eee;
display: inline-block;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#ova-loading .ova-spinner:after,
#ova-loading .ova-spinner:before {
content: "";
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
}
#ova-loading .ova-spinner:after {
position: absolute;
top: -5px;
left: -5px;
border: 5px solid transparent;
border-top-color: #928a8a;
animation: ova_spin 1s linear infinite;
}
@keyframes ova_spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ovau-audio {
display: flex;
align-items: center;
background-color: #FFF;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
width: 100%;
height: 150px;
padding: 30px 50px;
}
@media screen and (max-width: 1024px) {
.ovau-audio {
flex-direction: column;
align-items: flex-start;
height: auto;
}
}
@media (max-width: 500px) {
.ovau-audio {
padding: 30px;
}
}
.ovau-audio .ovau-player-left {
height: 100%;
width: 35%;
display: flex;
align-items: center;
gap: 30px;
}
@media screen and (max-width: 1024px) {
.ovau-audio .ovau-player-left {
width: 100%;
height: auto;
margin-bottom: 20px;
}
}
@media screen and (max-width: 500px) {
.ovau-audio .ovau-player-left {
margin-bottom: 0;
}
}
.ovau-audio .ovau-player-left .control-icon {
display: flex;
align-items: center;
justify-content: center;
width: 90px;
min-width: 90px;
height: 90px;
background-color: var(--primary);
border-radius: 50%;
color: #FFF;
font-size: 24px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio .ovau-player-left .control-icon:hover {
background-color: #FFF;
border: 1px solid var(--primary);
box-sizing: border-box;
color: var(--primary);
}
.ovau-audio .ovau-player-left .title {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.ovau-audio .ovau-player-left .title h2 {
margin: 0;
color: var(--heading);
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.ovau-audio .ovau-player-left .title h2 a {
color: var(--heading);
font-size: 20px;
font-weight: bold;
line-height: 1.5;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio .ovau-player-left .title h2 a:hover {
color: var(--primary);
}
.ovau-audio .ovau-player-left .episode {
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: var(--text);
}
.ovau-audio .ovau-player-left .episode .seperate {
font-size: 20px;
font-weight: 400;
line-height: 1;
}
.ovau-audio .ovau-player-left .episode a:hover {
color: var(--heading);
}
.ovau-audio .ovau-player-right {
width: 65%;
}
@media screen and (max-width: 1024px) {
.ovau-audio .ovau-player-right {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.ovau-audio .ovau-player-right {
display: none;
}
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container {
height: 40px;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button, .ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
margin: 0 5px;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button > button, .ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button > button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
background-color: #f5f5f5;
border-radius: 50%;
color: #000000;
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button > button:hover, .ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button > button:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total {
background-color: #000000;
height: 2px;
border-radius: 2px;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current {
background-color: var(--primary);
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-loaded, .ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current, .ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-hovered {
height: 2px;
border-radius: 2px;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-handle .ovamejs-time-handle-content {
top: -9px;
border-color: var(--primary);
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time {
display: flex;
align-items: center;
margin: 0 20px 0 0;
padding: 0;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time .seperate {
margin: 0 10px;
}
@media screen and (max-width: 768px) {
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
display: block;
}
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button.ovamejs-mute {
width: 50px;
min-width: 50px;
height: 50px;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button {
width: 50px;
min-width: 50px;
height: 50px;
background-color: #f5f5f5;
border-radius: 50%;
color: #000000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:hover:before {
color: #FFFFFF;
}
.ovau-audio.ovau-media-video .ovau-player-left {
width: 100%;
}
.rtl .ovau-audio .ovau-player-right .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time {
margin: 0 0 0 20px;
}
.ovau-audio-2 {
display: flex;
align-items: center;
column-gap: 35px;
width: 100%;
}
@media screen and (max-width: 768px) {
.ovau-audio-2 {
flex-direction: column;
}
}
.ovau-audio-2 .avatar {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 160px;
min-width: 160px;
height: 160px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.ovau-audio-2 .avatar {
margin-bottom: 30px;
}
}
.ovau-audio-2 .avatar .loader {
display: none;
}
.ovau-audio-2 .avatar img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ovau-audio-2 .avatar.playing img {
-webkit-animation: avatarRotate 10s linear infinite;
-moz-animation: avatarRotate 10s linear infinite;
animation: avatarRotate 10s linear infinite;
}
.ovau-audio-2 .avatar.playing .loader {
position: absolute;
z-index: 1;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ovau-audio-2 .avatar.playing .loader .stroke {
position: relative;
background-color: var(--primary);
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ovau-audio-2 .avatar.playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ovau-audio-2 .avatar.playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ovau-audio-2 .avatar.playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ovau-audio-2 .avatar.playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ovau-audio-2 .avatar.playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
@keyframes avatarRotate {
100% {
-webkit-transform: rotate(360deg);
-moz-animation: rotate(360deg);
transform: rotate(360deg);
}
}
.ovau-audio-2 .content {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.ovau-audio-2 .content .ovau-player-top {
display: flex;
align-items: center;
column-gap: 25px;
margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
.ovau-audio-2 .content .ovau-player-top {
flex-direction: column;
margin-bottom: 0;
}
}
.ovau-audio-2 .content .ovau-player-top .ovau-controls {
display: flex;
align-items: center;
column-gap: 15px;
}
@media screen and (max-width: 768px) {
.ovau-audio-2 .content .ovau-player-top .ovau-controls {
width: 100%;
justify-content: center;
margin-bottom: 30px;
}
}
.ovau-audio-2 .content .ovau-player-top .ovau-controls .skip-back, .ovau-audio-2 .content .ovau-player-top .ovau-controls .jump-forward {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
min-width: 30px;
height: 30px;
border-radius: 50%;
background-color: #f5f5f5;
color: #000000;
font-size: 10px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio-2 .content .ovau-player-top .ovau-controls .skip-back:hover, .ovau-audio-2 .content .ovau-player-top .ovau-controls .jump-forward:hover {
color: #FFFFFF;
background-color: var(--primary);
}
.ovau-audio-2 .content .ovau-player-top .ovau-controls .play-pause {
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
border-radius: 50%;
font-size: 16px;
background-color: #000000;
color: #FFFFFF;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio-2 .content .ovau-player-top .ovau-controls .play-pause:hover {
background-color: var(--primary);
}
.ovau-audio-2 .content .ovau-player-top .ovau-controls .play-pause.playing {
background-color: var(--primary);
}
.ovau-audio-2 .content .ovau-player-top .title-episode {
width: 70%;
}
@media screen and (max-width: 768px) {
.ovau-audio-2 .content .ovau-player-top .title-episode {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
}
.ovau-audio-2 .content .ovau-player-top .title-episode .title {
margin: 0;
color: var(--heading);
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.ovau-audio-2 .content .ovau-player-top .title-episode .title a {
color: var(--heading);
font-size: 20px;
font-weight: bold;
line-height: 1.5;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio-2 .content .ovau-player-top .title-episode .title a:hover {
color: var(--primary);
}
.ovau-audio-2 .content .ovau-player-top .title-episode .episode {
color: var(--text);
font-size: 16px;
}
.ovau-audio-2 .content .ovau-player-top .title-episode .episode .seperate {
color: #000000;
font-size: 18px;
font-weight: 600;
line-height: 1;
}
.ovau-audio-2 .content .ovau-player-top .title-episode .episode a:hover {
color: var(--heading);
}
.ovau-audio-2 .content .ovau-player-top .detail-link {
width: 200px;
}
.ovau-audio-2 .content .ovau-player-top .detail-link a {
display: flex;
justify-content: flex-end;
column-gap: 10px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio-2 .content .ovau-player-top .detail-link a i {
line-height: 1;
vertical-align: middle;
}
.ovau-audio-2 .content .ovau-player-top .detail-link a:hover {
color: var(--heading);
}
@media screen and (max-width: 768px) {
.ovau-audio-2 .content .ovau-player-top .detail-link {
width: 100%;
}
.ovau-audio-2 .content .ovau-player-top .detail-link a {
justify-content: center;
}
}
.ovau-audio-2 .content .ovau-player-view {
display: flex;
width: 100%;
height: 50px;
align-items: center;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player {
width: 100%;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container {
height: 40px;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button, .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button:first-child, .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button:first-child {
margin-right: 10px;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button > button, .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button > button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
background-color: #f5f5f5;
border-radius: 50%;
color: #000000;
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button > button:hover, .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button > button:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total {
background-color: #000000;
height: 2px;
border-radius: 2px;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current {
background-color: var(--primary);
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-loaded, .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current, .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-hovered {
height: 2px;
border-radius: 2px;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-handle .ovamejs-time-handle-content {
top: -9px;
border-color: var(--primary);
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time {
display: flex;
align-items: center;
padding: 0;
min-width: 40px;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time .seperate {
margin: 0 10px;
}
@media screen and (max-width: 500px) {
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-time .ovamejs-duration {
display: block;
}
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
margin-left: 45px;
}
@media screen and (max-width: 768px) {
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
display: block;
margin-left: 15px;
}
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button.ovamejs-mute {
width: 50px;
min-width: 50px;
height: 50px;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button {
width: 50px;
min-width: 50px;
height: 50px;
background-color: #f5f5f5;
border-radius: 50%;
color: #000000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:before {
font-size: 24px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:hover:before {
color: #FFFFFF;
}
.ovau-audio-2.ovau-media-video .content .ovau-player-top {
margin: 0;
}
.rtl .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
margin-left: 0;
margin-right: 45px;
}
@media screen and (max-width: 768px) {
.rtl .ovau-audio-2 .content .ovau-player-view .ovau-player .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
margin-right: 15px;
}
}
.ova-audio-list {
background-color: #FFFFFF;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
border-top: 2px solid var(--primary);
padding: 60px;
}
@media screen and (max-width: 500px) {
.ova-audio-list {
padding: 30px;
}
}
.ova-audio-list .item-audio {
display: flex;
align-items: center;
gap: 20px;
padding: 30px 0;
border-bottom: 1px solid #e2e2e2;
}
.ova-audio-list .item-audio:first-child {
padding-top: 0;
}
.ova-audio-list .item-audio:last-child {
padding-bottom: 0;
border: none;
}
.ova-audio-list .item-audio .ovau-btn-play {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
min-width: 60px;
border-radius: 50%;
background-color: #000000;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list .item-audio .ovau-btn-play .loader {
display: none;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing {
background-color: var(--primary);
overflow: hidden;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing i {
display: none;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing:hover .loader {
display: none;
}
.ova-audio-list .item-audio .ovau-btn-play.ovau-playing:hover i {
display: block;
}
.ova-audio-list .item-audio .ovau-btn-play i {
font-size: 14px;
color: #FFFFFF;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list .item-audio .ovau-btn-play:hover {
background-color: var(--primary);
}
.ova-audio-list .item-audio .ovau-content .episode {
font-size: 16px;
color: var(--text);
}
.ova-audio-list .item-audio .ovau-content .episode .seperate {
font-size: 20px;
line-height: 1;
font-weight: bold;
}
.ova-audio-list .item-audio .ovau-content .episode .ovau-categories a {
color: var(--text);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list .item-audio .ovau-content .episode .ovau-categories a:hover {
color: var(--primary);
}
.ova-audio-list .item-audio .ovau-content .episode .ovau-host {
color: var(--text);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list .item-audio .ovau-content .episode .ovau-host:hover {
color: var(--primary);
}
.ova-audio-list .item-audio .ovau-content .title {
font-size: 20px;
font-weight: bold;
color: var(--heading);
margin: 0;
}
.ova-audio-list .item-audio .ovau-content .title a {
font-size: 20px;
font-weight: bold;
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list .item-audio .ovau-content .title a:hover {
color: var(--primary);
}
.ova-audio-list-2 .item-audio-2 {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 30px 40px;
background-color: #FFFFFF;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.ova-audio-list-2 .item-audio-2:not(:last-child) {
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.ova-audio-list-2 .item-audio-2 {
flex-direction: column;
}
}
.ova-audio-list-2 .item-audio-2 .ova-controls {
flex: 0 0 60%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
@media (max-width: 1024px) {
.ova-audio-list-2 .item-audio-2 .ova-controls {
margin-bottom: 20px;
}
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
min-width: 60px;
height: 60px;
background-color: #000000;
border-radius: 50%;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play i {
font-size: 14px;
color: #FFFFFF;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play:hover {
background-color: var(--primary);
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play .loader {
display: none;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing {
background-color: var(--primary);
overflow: hidden;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing i {
display: none;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing:hover .loader {
display: none;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .ovau-btn-play.ovau-playing:hover i {
display: block;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .title {
margin: 0;
font-size: 20px;
color: var(--heading);
font-weight: bold;
line-height: 1.5;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .title a {
font-size: 20px;
color: var(--heading);
font-weight: bold;
line-height: 1.5;
}
.ova-audio-list-2 .item-audio-2 .ova-controls .title a:hover {
color: var(--primary);
}
.ova-audio-list-2 .item-audio-2 .ovau-info {
display: flex;
flex: 0 0 40%;
justify-content: space-between;
align-items: center;
}
@media (max-width: 500px) {
.ova-audio-list-2 .item-audio-2 .ovau-info {
display: block;
padding-left: 82px;
}
}
.ova-audio-list-2 .item-audio-2 .host {
line-height: 1.2;
}
.ova-audio-list-2 .item-audio-2 .host:hover {
color: var(--heading);
}
@media (max-width: 500px) {
.ova-audio-list-2 .item-audio-2 .episode {
padding-bottom: 5px;
}
}
.ova-audio-list-2 .item-audio-2 .episode .label {
font-size: 16px;
color: var(--text);
}
@media (max-width: 500px) {
.ova-audio-list-2 .item-audio-2 .ovau-category {
padding-bottom: 6px;
}
}
.ova-audio-list-2 .item-audio-2 .ovau-category a {
font-size: 16px;
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list-2 .item-audio-2 .ovau-category a:hover {
color: var(--heading);
}
.ova-audio-list-2 .item-audio-2 .detail-link a {
display: flex;
column-gap: 10px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
color: var(--text);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-list-2 .item-audio-2 .detail-link a i {
line-height: 1;
vertical-align: middle;
}
.ova-audio-list-2 .item-audio-2 .detail-link a:hover {
color: var(--primary);
}
.ova-audio-category {
padding: 30px;
background-color: #FFFFFF;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.ova-audio-category .ova-img {
display: flex;
position: relative;
margin-bottom: 24px;
overflow: hidden;
}
.ova-audio-category .ova-img img {
width: 100%;
height: auto;
}
.ova-audio-category .ova-img .category-name {
position: absolute;
bottom: 0;
right: 0;
background-color: var(--primary);
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
padding: 20px 30px;
}
.ova-audio-category .title {
font-size: 30px;
font-weight: bold;
color: var(--heading);
margin: 0 0 25px;
}
.ova-audio-category .items {
margin: 0;
padding: 0;
list-style: none;
}
.ova-audio-category .items .ovau-item-category {
display: flex;
align-items: center;
gap: 20px;
padding: 30px 0;
border-bottom: 1px solid #e5e5e5;
}
.ova-audio-category .items .ovau-item-category:first-child {
padding-top: 0;
}
.ova-audio-category .items .ovau-item-category:last-child {
border-bottom: none;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 50%;
background-color: #f5f5f5;
font-size: 14px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play i {
font-size: 14px;
color: #000000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play:hover {
background-color: var(--primary);
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play:hover i {
color: #FFFFFF;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play .loader {
display: none;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing {
background-color: var(--primary);
overflow: hidden;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing i {
display: none;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing:hover .loader {
display: none;
}
.ova-audio-category .items .ovau-item-category .ovau-btn-play.ovau-playing:hover i {
display: block;
}
.ova-audio-category .items .ovau-item-category .ovau-content .label {
margin: 0;
font-size: 16px;
color: var(--text);
}
.ova-audio-category .items .ovau-item-category .ovau-content a:hover {
color: var(--primary);
}
.ova-audio-category .items .ovau-item-category .ovau-content .title {
margin: 0;
font-size: 20px;
font-weight: bold;
color: var(--heading);
}
.ova-audio-category .items .ovau-item-category .ovau-content .title a {
font-size: 20px;
font-weight: bold;
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category .items .ovau-item-category .ovau-content .title a:hover {
color: var(--primary);
}
.ova-audio-category .view-all a {
display: block;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: var(--text);
line-height: 1;
letter-spacing: 1px;
word-spacing: 2px;
background-color: #f5f5f5;
padding: 26px 30px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category .view-all a i {
line-height: 1;
vertical-align: middle;
margin-left: 20px;
}
.ova-audio-category .view-all a:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ova-audio-category-filter {
position: relative;
}
.ova-audio-category-filter .item-audio-list {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 30px 40px;
background-color: #FFFFFF;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.ova-audio-category-filter .item-audio-list:not(:last-child) {
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.ova-audio-category-filter .item-audio-list {
flex-direction: column;
}
}
.ova-audio-category-filter .item-audio-list .ova-controls {
flex: 0 0 60%;
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 20px;
}
@media (max-width: 1024px) {
.ova-audio-category-filter .item-audio-list .ova-controls {
margin-bottom: 20px;
}
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
min-width: 60px;
height: 60px;
background-color: #000000;
border-radius: 50%;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play i {
font-size: 14px;
color: #FFFFFF;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play:hover {
background-color: var(--primary);
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play .loader {
display: none;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing {
background-color: var(--primary);
cursor: unset;
overflow: hidden;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing i {
display: none;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing:hover .loader {
display: none;
}
.ova-audio-category-filter .item-audio-list .ova-controls .ovau-btn-play.ovau-playing:hover i {
display: block;
}
.ova-audio-category-filter .item-audio-list .ova-controls .title {
margin: 0;
font-size: 20px;
color: var(--heading);
font-weight: bold;
line-height: 1.5;
}
.ova-audio-category-filter .item-audio-list .ova-controls .title a {
font-size: 20px;
color: var(--heading);
font-weight: bold;
line-height: 1.5;
}
.ova-audio-category-filter .item-audio-list .ova-controls .title a:hover {
color: var(--primary);
}
.ova-audio-category-filter .item-audio-list .ovau-info {
display: flex;
flex: 0 0 40%;
justify-content: space-between;
align-items: center;
}
@media (max-width: 500px) {
.ova-audio-category-filter .item-audio-list .ovau-info {
display: block;
padding-left: 82px;
}
}
.ova-audio-category-filter .item-audio-list .host {
line-height: 1.2;
}
.ova-audio-category-filter .item-audio-list .host:hover {
color: var(--heading);
}
@media (max-width: 500px) {
.ova-audio-category-filter .item-audio-list .episode {
padding-bottom: 5px;
}
}
.ova-audio-category-filter .item-audio-list .episode .label {
font-size: 16px;
color: var(--text);
}
@media (max-width: 500px) {
.ova-audio-category-filter .item-audio-list .ovau-category {
padding-bottom: 5px;
}
}
.ova-audio-category-filter .item-audio-list .ovau-category a {
font-size: 16px;
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category-filter .item-audio-list .ovau-category a:hover {
color: var(--heading);
}
.ova-audio-category-filter .item-audio-list .detail-link a {
display: flex;
column-gap: 10px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
color: var(--text);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-category-filter .item-audio-list .detail-link a i {
line-height: 1;
vertical-align: middle;
}
.ova-audio-category-filter .item-audio-list .detail-link a:hover {
color: var(--primary);
}
.ova-audio-category-filter .audio-categories {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.ova-audio-category-filter .audio-categories {
flex-direction: column;
}
}
.ova-audio-category-filter .audio-categories > li {
display: block;
cursor: pointer;
font-size: 12px;
line-height: 1.2;
font-weight: bold;
text-transform: uppercase;
border-radius: 100px;
color: var(--heading);
padding: 18px 30px;
background-color: #f5f5f5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 6px;
}
@media screen and (max-width: 1024px) {
.ova-audio-category-filter .audio-categories > li {
border-radius: 2px;
margin: 0;
}
}
.ova-audio-category-filter .audio-categories > li.audio-active, .ova-audio-category-filter .audio-categories > li:hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ova-audio-category-filter .audio-categories > li i {
display: none;
font-size: 14px;
}
@media screen and (max-width: 1024px) {
.ova-audio-category-filter .audio-categories > li i {
display: inline-block;
float: right;
}
}
.ova-audio-category-filter .audio-categories .audio-container-mobile {
display: none !important;
padding: 30px 0;
}
@media screen and (max-width: 1024px) {
.ova-audio-category-filter .audio-categories .audio-container-mobile {
display: block !important;
}
}
@media screen and (max-width: 1024px) {
.ova-audio-category-filter .audio-container {
display: none !important;
}
}
.wrap_loader {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.wrap_loader .loader {
position: absolute;
top: 100px;
left: 50%;
transform: translate(-50%);
stroke-linecap: round;
}
.wrap_loader .loader circle {
fill: none;
stroke-width: 1.5;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
transform-origin: 25px 25px;
will-change: transform;
stroke: var(--primary);
}
.wrap_loader .loader circle:nth-of-type(1) {
stroke-dasharray: 40px;
animation-name: preloader_1;
}
.wrap_loader .loader circle:nth-of-type(2) {
stroke-dasharray: 80px;
animation-name: preloader_2;
}
@keyframes preloader_1 {
100% {
transform: rotate(360deg);
}
}
@keyframes preloader_2 {
100% {
transform: rotate(-360deg);
}
}
.ovau_pagination_ajax {
width: 100%;
margin: 50px 0 0 0;
padding: 0 0 50px 0;
list-style: none;
text-align: center;
}
.ovau_pagination_ajax li {
display: inline-block;
margin: 2px 5px;
}
.ovau_pagination_ajax li .page-numbers {
display: block;
cursor: pointer;
border: 1px solid;
border-color: #f1f1f1;
border-radius: 4px;
background: #f1f1f1;
padding: 0px 10px 0px 10px;
min-width: 45px;
text-align: center;
font-size: 1em;
font-weight: 500;
color: var(--text);
line-height: 43px;
text-shadow: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovau_pagination_ajax li .page-numbers i {
font-size: 0.7em;
}
.ovau_pagination_ajax li .page-numbers.current {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.ovau_pagination_ajax li .page-numbers:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.ova-audio-category-filter-2 .audio-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.ova-audio-category-filter-2 .audio-container .ovau-item-part-grid {
width: 33.33%;
}
@media (max-width: 1200px) {
.ova-audio-category-filter-2 .audio-container .ovau-item-part-grid {
width: 50%;
}
}
@media (max-width: 767px) {
.ova-audio-category-filter-2 .audio-container .ovau-item-part-grid {
width: 100%;
}
}
.ova-audio-host.archive-audio-host {
margin-bottom: 115px;
}
@media (max-width: 1024px) {
.ova-audio-host.archive-audio-host {
margin-bottom: 75px;
}
}
.ova-audio-host .content {
display: grid;
grid-gap: 30px;
}
.ova-audio-host .content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-audio-host .content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-audio-host .content.four_column {
grid-template-columns: auto;
}
}
.ova-audio-host .content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-audio-host .content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-audio-host .content.three_column {
grid-template-columns: auto;
}
}
.ova-audio-host .content.two_column {
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
@media (max-width: 767px) {
.ova-audio-host .content.two_column {
grid-template-columns: auto;
}
}
.ova-audio-host-slider .owl-dots {
text-align: center;
margin-top: 20px;
line-height: 1;
}
.ova-audio-host-slider .owl-dots .owl-dot {
outline: none;
}
.ova-audio-host-slider .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-audio-host-slider .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-audio-slider .slide-audio .item:hover .ova-media .audio-img-wrapper .audio-img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.ova-audio-slider .slide-audio .item:hover .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ova-audio-slider .slide-audio .item:hover .ova-media .content .audio-button {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--primary);
color: #fff;
}
.ova-audio-slider .slide-audio .item .ova-media {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 576px) {
.ova-audio-slider .slide-audio .item .ova-media {
grid-template-columns: auto;
}
}
.ova-audio-slider .slide-audio .item .ova-media a.link-full-height {
height: 100%;
}
.ova-audio-slider .slide-audio .item .ova-media .audio-img-wrapper {
position: relative;
overflow: hidden;
height: 100%;
}
.ova-audio-slider .slide-audio .item .ova-media .audio-img-wrapper .audio-img {
object-fit: cover;
height: 100%;
max-width: 100%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1);
transform: scale(1);
}
.ova-audio-slider .slide-audio .item .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
position: absolute;
left: 30px;
top: 30px;
border-radius: 50%;
overflow: hidden;
width: 50px;
height: 50px;
object-fit: cover;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
border: 2px solid var(--primary);
}
.ova-audio-slider .slide-audio .item .ova-media .content {
background-color: #fff;
padding: 45px 35px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.ova-audio-slider .slide-audio .item .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 10px 0 40px 0;
font-size: 28px;
line-height: 1.3;
color: var(--heading);
}
.ova-audio-slider .slide-audio .item .ova-media .content .category {
font-size: 18px;
font-weight: bold;
}
.ova-audio-slider .slide-audio .item .ova-media .content .episode {
display: inline-block;
font-size: 14px;
}
.ova-audio-slider .slide-audio .item .ova-media .content .episode:before {
content: "\a";
width: 4px;
height: 4px;
margin: 0 4px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
display: inline-block;
}
.ova-audio-slider .slide-audio .item .ova-media .content .audio-button {
transition: all 0.5s ease;
background-color: #f5f5f5;
border-radius: 100px;
padding: 16px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
font-weight: 700;
color: var(--heading);
}
.ova-audio-slider .slide-audio .item a.not-mega-link {
display: inherit !important;
padding: 0 !important;
}
.ova-audio-slider .slide-audio .owl-dots {
text-align: center;
margin-top: 55px;
line-height: 1;
}
@media (max-width: 767px) {
.ova-audio-slider .slide-audio .owl-dots {
margin-top: 20px;
}
}
.ova-audio-slider .slide-audio .owl-dots .owl-dot {
outline: none;
}
.ova-audio-slider .slide-audio .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-audio-slider .slide-audio .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-audio-slider-2 .slide-audio-2 {
position: relative;
}
.ova-audio-slider-2 .slide-audio-2 .owl-dots {
text-align: center;
margin-top: 35px;
line-height: 1;
}
@media (max-width: 767px) {
.ova-audio-slider-2 .slide-audio-2 .owl-dots {
margin-top: 20px;
}
}
.ova-audio-slider-2 .slide-audio-2 .owl-dots .owl-dot {
outline: none;
}
.ova-audio-slider-2 .slide-audio-2 .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-audio-slider-2 .slide-audio-2 .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-audio-slider-2 .slide-audio-2 .owl-nav {
position: absolute;
top: -100px;
right: 10px;
}
.ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-prev, .ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-next {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #f5f5f5;
border-radius: 50%;
margin: 0 5px;
}
.ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-prev:hover, .ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-prev:hover i, .ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-next:hover i {
color: #fff;
}
.ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-prev i, .ova-audio-slider-2 .slide-audio-2 .owl-nav button.owl-next i {
color: var(--heading);
font-size: 20px;
display: inline-flex;
}
.rtl .ova-audio-slider-2 .slide-audio-2 .owl-nav {
right: unset;
left: 10px;
}
.ova-audio-slider-3 .slide-audio-3 {
position: relative;
}
.ova-audio-slider-3 .slide-audio-3 .owl-dots {
text-align: center;
margin-top: 35px;
line-height: 1;
}
@media (max-width: 767px) {
.ova-audio-slider-3 .slide-audio-3 .owl-dots {
margin-top: 20px;
}
}
.ova-audio-slider-3 .slide-audio-3 .owl-dots .owl-dot {
outline: none;
}
.ova-audio-slider-3 .slide-audio-3 .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-audio-slider-3 .slide-audio-3 .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-audio-slider-3 .slide-audio-3 .owl-nav {
position: absolute;
top: -100px;
right: 10px;
}
.ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-prev, .ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-next {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #f5f5f5;
border-radius: 50%;
margin: 0 5px;
}
.ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-prev:hover, .ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-prev:hover i, .ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-next:hover i {
color: #fff;
}
.ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-prev i, .ova-audio-slider-3 .slide-audio-3 .owl-nav button.owl-next i {
color: var(--heading);
font-size: 20px;
display: inline-flex;
}
.rtl .ova-audio-slider-3 .slide-audio-3 .owl-nav {
right: unset;
left: 10px;
}
.ova-audio-main-slider .main-slide-audio {
position: relative;
}
.ova-audio-main-slider .main-slide-audio .owl-dots {
text-align: center;
margin-top: 55px;
line-height: 1;
}
@media (max-width: 1024px) {
.ova-audio-main-slider .main-slide-audio .owl-dots {
margin-top: 20px;
}
}
.ova-audio-main-slider .main-slide-audio .owl-dots .owl-dot {
outline: none;
}
.ova-audio-main-slider .main-slide-audio .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-audio-main-slider .main-slide-audio .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-audio-main-slider .main-slide-audio .owl-nav button.owl-prev, .ova-audio-main-slider .main-slide-audio .owl-nav button.owl-next {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background: #00000073;
border-radius: 50%;
margin: 0 5px;
}
.ova-audio-main-slider .main-slide-audio .owl-nav button.owl-prev:hover, .ova-audio-main-slider .main-slide-audio .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-audio-main-slider .main-slide-audio .owl-nav button.owl-prev i, .ova-audio-main-slider .main-slide-audio .owl-nav button.owl-next i {
display: inline-flex;
font-size: 15px;
color: #fff;
}
.ova-audio-main-slider .main-slide-audio .owl-nav button.owl-prev {
left: -85px;
}
@media (max-width: 1200px) {
.ova-audio-main-slider .main-slide-audio .owl-nav button.owl-prev {
left: 5px;
}
}
.ova-audio-main-slider .main-slide-audio .owl-nav button.owl-next {
right: -85px;
}
@media (max-width: 1200px) {
.ova-audio-main-slider .main-slide-audio .owl-nav button.owl-next {
right: 5px;
}
}
.rtl .ova-audio-slider-3 .slide-audio-3 .owl-nav {
right: unset;
left: 10px;
}
.ova-audio-featured .item-featured {
display: flex;
gap: 30px;
padding: 30px;
background-color: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 1024px) {
.ova-audio-featured .item-featured {
flex-direction: column;
}
}
.ova-audio-featured .item-featured:not(:last-child) {
margin-bottom: 30px;
}
.ova-audio-featured .item-featured:hover .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ova-audio-featured .item-featured .image {
position: relative;
width: 510px;
}
@media screen and (max-width: 1024px) {
.ova-audio-featured .item-featured .image {
width: 100%;
}
.ova-audio-featured .item-featured .image .audio-img {
height: auto;
}
}
.ova-audio-featured .item-featured .image .audio-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ova-audio-featured .item-featured .image .host-img {
position: absolute;
left: 30px;
top: 30px;
border-radius: 50%;
overflow: hidden;
-webkit-transition: all 1s ease;
transition: all 1s ease;
width: 50px;
height: 50px;
object-fit: cover;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
border: 2px solid var(--primary);
}
.ova-audio-featured .item-featured .item-content {
width: 50%;
}
@media screen and (max-width: 1024px) {
.ova-audio-featured .item-featured .item-content {
width: 100%;
}
}
.ova-audio-featured .item-featured .item-content .episode-category {
margin-bottom: 4px;
}
.ova-audio-featured .item-featured .item-content .episode-category .episode {
font-size: 16px;
color: var(--text);
}
.ova-audio-featured .item-featured .item-content .episode-category .seperate {
font-size: 18px;
font-weight: 600;
color: var(--text);
}
.ova-audio-featured .item-featured .item-content .episode-category .category a {
font-size: 16px;
color: var(--text);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-featured .item-featured .item-content .episode-category .category a:hover {
color: var(--primary);
}
.ova-audio-featured .item-featured .item-content .title {
margin: 0;
font-size: 36px;
}
@media (max-width: 767px) {
.ova-audio-featured .item-featured .item-content .title {
font-size: 30px;
}
}
.ova-audio-featured .item-featured .item-content .title a {
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-featured .item-featured .item-content .title a:hover {
color: var(--primary);
}
.ova-audio-featured .item-featured .item-content .item-player {
display: flex;
align-items: center;
column-gap: 20px;
width: 100%;
margin: 30px 0;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-btn-play {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--primary);
-webkit-tap-highlight-color: transparent;
cursor: pointer;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-btn-play i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #FFFFFF;
font-size: 14px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-btn-play:hover {
background-color: var(--heading);
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured {
width: 100%;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container {
height: 40px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button, .ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button:first-child, .ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button:first-child {
margin-right: 10px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button > button, .ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button > button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
min-width: 40px;
height: 40px;
background-color: #f5f5f5;
border-radius: 50%;
color: #000000;
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-skip-back-button > button:hover, .ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-jump-forward-button > button:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total {
background-color: #000000;
height: 2px;
border-radius: 2px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current {
background-color: var(--primary);
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-loaded, .ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current, .ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-hovered {
height: 2px;
border-radius: 2px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-handle .ovamejs-time-handle-content {
top: -9px;
border-color: var(--primary);
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time {
display: flex;
align-items: center;
padding: 0;
min-width: 42px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time .seperate {
margin: 0 10px;
}
@media screen and (max-width: 500px) {
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-time .ovamejs-duration {
display: block;
}
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
margin-left: 20px;
}
@media screen and (max-width: 768px) {
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
display: block;
}
}
@media screen and (max-width: 500px) {
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
display: none;
}
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button.ovamejs-mute {
width: 50px;
min-width: 50px;
height: 50px;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button {
width: 50px;
min-width: 50px;
height: 50px;
background-color: #f5f5f5;
border-radius: 50%;
color: #000000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:hover:before {
color: #FFFFFF;
}
.ova-audio-featured .item-featured .item-content .excerpt {
margin: 0 0 30px 0;
font-size: 16px;
color: var(--text);
}
.ova-audio-featured .item-featured .item-content .btn-view-detail {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.ova-audio-featured .item-featured .item-content .btn-view-detail a {
display: inline-flex;
column-gap: 10px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
color: var(--text);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-featured .item-featured .item-content .btn-view-detail a i {
display: inline-flex;
line-height: 1;
vertical-align: middle;
}
.ova-audio-featured .item-featured .item-content .btn-view-detail a:hover {
color: var(--primary);
}
.ova-audio-featured .item-featured .item-content .btn-view-detail .audio-date {
color: var(--heading);
}
.rtl .ova-audio-featured .item-featured .item-content .item-player .ovau-player-featured .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
margin-right: 20px;
margin-left: 0;
}
.ova-audio-podcast {
background-color: #FFFFFF;
border: 1px solid #e4e4e4;
padding: 40px 35px;
}
@media (max-width: 500px) {
.ova-audio-podcast {
padding: 30px 25px;
}
}
.ova-audio-podcast .ovau-podcast-play {
display: flex;
align-items: center;
gap: 30px;
width: 100%;
}
.ova-audio-podcast .ovau-podcast-play .img-podcast {
display: flex;
flex: 35%;
width: 30%;
height: 100%;
overflow: hidden;
}
.ova-audio-podcast .ovau-podcast-play .img-podcast img {
display: flex;
height: 100%;
object-fit: cover;
object-position: center;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container {
flex: 65%;
width: 70%;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .title {
margin: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
color: var(--heading);
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .title a {
font-size: 20px;
font-weight: bold;
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .title a:hover {
color: var(--primary);
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .episode a {
font-size: 14px;
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .episode a:hover {
color: var(--heading);
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .seperate-host {
font-size: 18px;
font-weight: 600;
color: var(--heading);
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .episode {
margin-bottom: 5px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .episode .label {
font-size: 14px;
color: var(--text);
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast {
display: flex;
align-items: center;
height: 25px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .control-icon {
display: flex;
width: 25px;
min-width: 25px;
height: 25px;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: var(--primary);
color: #FFFFFF;
font-size: 10px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .control-icon:hover {
background-color: var(--heading);
color: #FFFFFF;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player {
overflow: hidden;
width: 100%;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container {
height: 30px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail {
height: 30px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total {
background-color: #000000;
height: 2px;
border-radius: 2px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current {
background-color: #e4e4e4;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-loaded, .ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current, .ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-hovered {
height: 2px;
border-radius: 2px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-handle {
border: 4px solid var(--primary);
border-left: 2px;
top: -3px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-handle .ovamejs-time-handle-content {
display: none;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-float {
display: none !important;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
min-width: 90px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time .seperate {
margin: 0 3px;
}
@media screen and (max-width: 500px) {
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time {
min-width: 40px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container .ovau-podcast .ovau-podcast-player .ovamejs-container .ovamejs-controls .ovamejs-time .ovamejs-duration {
display: none;
}
}
@media screen and (max-width: 500px) {
.ova-audio-podcast .ovau-podcast-play {
flex-direction: column;
}
.ova-audio-podcast .ovau-podcast-play .img-podcast {
flex: 100%;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.ova-audio-podcast .ovau-podcast-play .ovau-container {
flex: 100%;
width: 100%;
}
}
.ova-audio-podcast .ovau-podcast-list {
list-style: none;
margin: 0;
padding: 0;
margin-top: 25px;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
line-height: 1;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast:not(:last-child) {
margin-bottom: 20px;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-left {
display: flex;
align-items: center;
column-gap: 20px;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-left .play-icon {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
min-width: 20px;
height: 20px;
border-radius: 50%;
color: #fff;
font-size: 8px;
background-color: var(--primary);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-left .play-icon:hover {
background-color: var(--heading);
color: #FFFFFF;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-left .title {
margin: 0;
font-size: 16px;
font-weight: bold;
color: var(--heading);
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-left .title a {
font-size: 16px;
font-weight: bold;
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-left .title a:hover {
color: var(--primary);
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-right {
display: flex;
align-items: center;
column-gap: 12px;
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-right .duration {
font-size: 14px;
color: var(--text);
}
.ova-audio-podcast .ovau-podcast-list .item-podcast .podcast-right .podcast-download a i {
font-size: 14px;
color: var(--text);
}
.ovau-play-button .ova-media .icon {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1);
transform: scale(1);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
border-radius: 50%;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
position: relative;
z-index: 1;
}
.ovau-play-button .ova-media .icon:hover {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--heading);
}
.ovau-play-button .ova-media .icon:hover i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovau-play-button .ova-media .icon:hover .text_button {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovau-play-button .ova-media .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-flex;
font-size: 19px;
color: #fff;
}
.ovau-play-button .ova-media .icon .loader {
display: none;
}
.ovau-play-button .ova-media .icon .text_button {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
left: calc(100% + 17px);
width: 150px;
font-weight: 500;
text-transform: uppercase;
}
.ovau-play-button .ova-media .icon.ovau-playing {
background-color: var(--primary);
}
.ovau-play-button .ova-media .icon.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ovau-play-button .ova-media .icon.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ovau-play-button .ova-media .icon.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ovau-play-button .ova-media .icon.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ovau-play-button .ova-media .icon.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ovau-play-button .ova-media .icon.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ovau-play-button .ova-media .icon.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ovau-play-button .ova-media .icon.ovau-playing i {
display: none;
}
.ovau-play-button .ova-media .icon.ovau-playing:hover .loader {
display: none;
}
.ovau-play-button .ova-media .icon.ovau-playing:hover i {
display: block;
}
.rtl .ovau-play-button .ova-media .icon .text_button {
left: unset;
right: calc(100% + 17px);
}
.ova-audio-seasons {
padding: 30px;
background-color: #FFFFFF;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.ova-audio-seasons .ova-img {
display: flex;
position: relative;
margin-bottom: 24px;
overflow: hidden;
}
.ova-audio-seasons .ova-img img {
width: 100%;
height: auto;
}
.ova-audio-seasons .ova-img .category-name {
position: absolute;
bottom: 0;
right: 0;
background-color: var(--primary);
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
padding: 20px 30px;
}
.ova-audio-seasons .title-season {
margin: 0 0 25px;
}
.ova-audio-seasons .title-season a {
font-size: 30px;
font-weight: bold;
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-seasons .title-season a:hover {
color: var(--primary);
}
.ova-audio-seasons .items {
margin: 0;
padding: 0;
list-style: none;
}
.ova-audio-seasons .items .ovau-item-seasons {
display: flex;
align-items: center;
column-gap: 20px;
padding: 30px 0;
border-bottom: 1px solid #e5e5e5;
}
.ova-audio-seasons .items .ovau-item-seasons:first-child {
padding-top: 0;
}
.ova-audio-seasons .items .ovau-item-seasons:last-child {
border-bottom: none;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 50%;
background-color: #f5f5f5;
font-size: 14px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play i {
font-size: 14px;
color: #000000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play:hover {
background-color: var(--primary);
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play:hover i {
color: #FFFFFF;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play .loader {
display: none;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing {
background-color: var(--primary);
overflow: hidden;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing i {
display: none;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing:hover .loader {
display: none;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-btn-play.ovau-playing:hover i {
display: block;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-content .label {
margin: 0;
font-size: 16px;
color: var(--text);
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-content a:hover {
color: var(--primary);
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-content .title {
margin: 0;
font-size: 20px;
font-weight: bold;
color: var(--heading);
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-content .title a {
font-size: 20px;
font-weight: bold;
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-seasons .items .ovau-item-seasons .ovau-content .title a:hover {
color: var(--primary);
}
.ova-audio-seasons .view-all a {
display: block;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: var(--text);
line-height: 1;
letter-spacing: 1px;
word-spacing: 2px;
background-color: #f5f5f5;
padding: 26px 30px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-audio-seasons .view-all a i {
line-height: 1;
vertical-align: middle;
margin-left: 20px;
}
.ova-audio-seasons .view-all a:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.ova-audio-categories-slider .slide-audio-categories {
position: relative;
}
.ova-audio-categories-slider .slide-audio-categories .item {
border: 1px solid var(--primary);
border-radius: 4px;
padding: 20px;
}
.ova-audio-categories-slider .slide-audio-categories .item:hover .cat-title {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-audio-categories-slider .slide-audio-categories .item .image-thumbnail img {
max-width: 86%;
margin-left: auto;
height: 86px;
border-radius: 4px;
object-fit: cover;
}
.ova-audio-categories-slider .slide-audio-categories .item .cat-title {
transition: all 0.3s ease;
margin: 0 0 8px 0;
font-size: 21px;
line-height: 1.2;
}
.ova-audio-categories-slider .slide-audio-categories .owl-dots {
text-align: center;
margin-top: 35px;
line-height: 1;
}
@media (max-width: 767px) {
.ova-audio-categories-slider .slide-audio-categories .owl-dots {
margin-top: 20px;
}
}
.ova-audio-categories-slider .slide-audio-categories .owl-dots .owl-dot {
outline: none;
}
.ova-audio-categories-slider .slide-audio-categories .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-audio-categories-slider .slide-audio-categories .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-audio-categories-slider .slide-audio-categories .owl-nav {
position: absolute;
top: -100px;
right: 10px;
}
.ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-prev, .ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-next {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #f5f5f5;
border-radius: 50%;
margin: 0 5px;
}
.ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-prev:hover, .ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-prev:hover i, .ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-next:hover i {
color: #fff;
}
.ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-prev i, .ova-audio-categories-slider .slide-audio-categories .owl-nav button.owl-next i {
color: var(--heading);
font-size: 20px;
display: inline-flex;
}
.rtl .ova-audio-categories-slider .slide-audio-categories .image-thumbnail img {
margin-left: 0;
margin-right: auto;
}
.rtl .ova-audio-categories-slider .slide-audio-categories .owl-nav {
right: unset;
left: 10px;
}
.ovau-popup-video .ovau-modal-container {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
}
.ovau-popup-video .ovau-modal-container .ovau-modal-overlay {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--heading);
opacity: 0.75;
cursor: pointer;
z-index: -1;
}
.ovau-popup-video .ovau-modal-container .ovau-modal-content {
position: relative;
width: 100%;
max-width: 900px;
height: 507px;
}
.ovau-popup-video .ovau-modal-container .ovau-modal-content .ovau-modal-close {
position: absolute;
top: -20px;
right: -20px;
font-size: 20px;
color: #FFFFFF;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ovau-popup-video .ovau-modal-container .ovau-modal-content .ovau-modal-close:hover {
color: var(--primary);
}
@media screen and (max-width: 991px) {
.ovau-popup-video .ovau-modal-container .ovau-modal-content {
max-width: 700px;
height: 394px;
}
.ovau-popup-video .ovau-modal-container .ovau-modal-content iframe, .ovau-popup-video .ovau-modal-container .ovau-modal-content video {
width: 700px;
height: 394px;
}
}
@media screen and (max-width: 755px) {
.ovau-popup-video .ovau-modal-container .ovau-modal-content {
max-width: 560px;
height: 315px;
}
.ovau-popup-video .ovau-modal-container .ovau-modal-content iframe, .ovau-popup-video .ovau-modal-container .ovau-modal-content video {
width: 560px;
height: 315px;
}
}
@media screen and (max-width: 600px) {
.ovau-popup-video .ovau-modal-container .ovau-modal-content {
max-width: 320px;
height: 180px;
}
.ovau-popup-video .ovau-modal-container .ovau-modal-content iframe, .ovau-popup-video .ovau-modal-container .ovau-modal-content video {
width: 320px;
height: 180px;
}
}
.ovau-popup-video.ovau-show-video .ovau-modal-container {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.item-audio-host {
position: relative;
}
.item-audio-host:hover .img img {
transition: all 0.4s ease;
transform: translateY(-10px);
}
.item-audio-host:hover .img .list-icon {
transition: all 0.5s ease;
bottom: 30px;
opacity: 1;
visibility: visible;
}
.item-audio-host.template_2 .img {
margin-bottom: 0;
}
.item-audio-host.template_2 .img img {
transform: none;
}
.item-audio-host.template_2 .img .host_img_overlay {
position: absolute;
width: 100%;
height: 40%;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(180deg, rgba(85, 85, 85, 0) 0%, #323232 100%);
}
.item-audio-host.template_2 .img .list-icon {
display: none;
}
.item-audio-host.template_2 .info {
position: absolute;
width: 100%;
bottom: 20px;
left: 20px;
text-align: unset;
}
.item-audio-host.template_2 .info .name {
font-size: 20px;
font-weight: 500;
color: #fff;
}
.item-audio-host.template_2 .info .job {
font-size: 16px;
font-weight: 400;
text-transform: none;
}
.item-audio-host .img {
position: relative;
overflow: hidden;
background-color: var(--primary);
margin-bottom: 25px;
}
.item-audio-host .img img {
transition: all 0.4s ease;
transform: translateY(0);
display: block;
width: 100%;
object-fit: cover;
}
.item-audio-host .img .list-icon {
transition: all 0.5s ease;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
margin: 0;
padding: 0 10px;
list-style-type: none;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
.item-audio-host .img .list-icon .item {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.item-audio-host .img .list-icon .item:hover {
transition: all 0.3s ease;
background-color: #f4f4f4;
}
.item-audio-host .img .list-icon .item:hover i {
color: var(--primary);
}
.item-audio-host .img .list-icon .item a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.item-audio-host .img .list-icon .item i {
transition: all 0.3s ease;
font-size: 15px;
color: var(--heading);
display: inline-flex;
}
.item-audio-host .info {
text-align: center;
}
.item-audio-host .info .name {
margin: 0;
font-size: 24px;
line-height: 1.5;
color: var(--heading);
}
.item-audio-host .info .job {
margin: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
color: var(--primary);
text-transform: uppercase;
}
.ovau-item-part-grid {
padding: 15px;
}
.ovau-item-part-grid:hover .ova-media .audio-img-wrapper .audio-img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.ovau-item-part-grid:hover .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ovau-item-part-grid:hover .ova-media .content .audio-button {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
color: var(--primary);
}
.ovau-item-part-grid .ova-media {
position: relative;
}
.ovau-item-part-grid .ova-media .audio-img-wrapper {
position: relative;
overflow: hidden;
}
.ovau-item-part-grid .ova-media .audio-img-wrapper .audio-img {
width: 100%;
display: block;
object-fit: cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ovau-item-part-grid .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
position: absolute;
right: 30px;
top: 30px;
border-radius: 50%;
overflow: hidden;
width: 50px;
height: 50px;
object-fit: cover;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
border: 2px solid var(--primary);
}
.ovau-item-part-grid .ova-media .content {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
padding: 30px 35px;
}
@media (max-width: 767px) {
.ovau-item-part-grid .ova-media .content {
padding: 30px 25px;
}
}
.ovau-item-part-grid .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 12px 0;
font-size: 30px;
line-height: 1.3;
color: var(--heading);
}
@media (max-width: 767px) {
.ovau-item-part-grid .ova-media .content .title {
font-size: 25px;
}
}
.ovau-item-part-grid .ova-media .content .icon {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 50%;
margin-right: 6px;
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
}
.ovau-item-part-grid .ova-media .content .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
font-size: 16px;
display: inline-flex;
}
.ovau-item-part-grid .ova-media .content .category {
font-size: 18px;
font-weight: bold;
}
.ovau-item-part-grid .ova-media .content .episode {
display: inline-block;
font-size: 14px;
}
.ovau-item-part-grid .ova-media .content .episode:before {
content: "\a";
width: 4px;
height: 4px;
margin: 0 4px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
display: inline-block;
}
.ovau-item-part-grid .ova-media .content .audio-button {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
column-gap: 8px;
font-size: 12px;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
color: var(--heading);
}
.ovau-item-part-grid .ova-media .content .audio-button i {
display: inline-flex;
font-size: 16px;
}
.ovau-item-part-grid a.not-mega-link {
display: inherit !important;
padding: 0 !important;
}
.rtl .ovau-item-part-grid .ova-media .content .icon {
margin-right: 0;
margin-left: 6px;
}
.ovau-item-part-grid-2 {
padding: 15px;
}
.ovau-item-part-grid-2:hover .ova-media .audio-img-wrapper .audio-img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.ovau-item-part-grid-2:hover .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ovau-item-part-grid-2:hover .ova-media .content .audio-button {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
background-color: var(--primary);
}
.ovau-item-part-grid-2 .ova-media {
position: relative;
}
.ovau-item-part-grid-2 .ova-media .audio-img-wrapper {
position: relative;
overflow: hidden;
border-radius: 4px 4px 0 0;
}
.ovau-item-part-grid-2 .ova-media .audio-img-wrapper .audio-img {
display: block;
width: 100%;
height: 250px;
object-fit: cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ovau-item-part-grid-2 .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
position: absolute;
right: 20px;
top: 20px;
border-radius: 50%;
overflow: hidden;
width: 45px;
height: 45px;
object-fit: cover;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
border: 2px solid var(--primary);
}
.ovau-item-part-grid-2 .ova-media .content {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 0 0 4px 4px;
padding: 25px 30px 30px 30px;
}
@media (max-width: 767px) {
.ovau-item-part-grid-2 .ova-media .content {
padding: 25px;
}
}
.ovau-item-part-grid-2 .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 12px 0 22px 0;
font-size: 21px;
line-height: 1.4;
}
.ovau-item-part-grid-2 .ova-media .content .icon {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.ovau-item-part-grid-2 .ova-media .content .icon i {
color: var(--primary);
font-size: 16px;
}
.ovau-item-part-grid-2 .ova-media .content .category a {
color: var(--text);
}
.ovau-item-part-grid-2 .ova-media .content .category a:hover {
color: var(--primary);
}
.ovau-item-part-grid-2 .ova-media .content .episode {
display: inline-block;
}
.ovau-item-part-grid-2 .ova-media .content .episode:before {
content: "\a";
width: 4px;
height: 4px;
margin: 0 8px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
display: inline-block;
}
.ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap {
padding-top: 5px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
column-gap: 12px;
row-gap: 8px;
}
.ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap .item-meta, .ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap .right-meta {
display: flex;
align-items: center;
}
.ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap .item-meta {
column-gap: 5px;
}
.ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap .item-meta a {
color: var(--text);
}
.ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap .item-meta i {
color: var(--primary);
}
.ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap .right-meta {
column-gap: 12px;
}
.ovau-item-part-grid-2 .ova-media .content .audio-meta-wrap i {
display: inline-flex;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 50%;
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
color: var(--primary);
background-color: rgba(255, 79, 0, 0.22);
cursor: pointer;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button i {
font-size: 14px;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button .loader {
display: none;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing {
background-color: var(--primary);
overflow: hidden;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 15px;
width: 3px;
border-radius: 50px;
margin: 0 1px;
animation: playing 1s linear infinite;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 15px;
}
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing i {
display: none;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing:hover .loader {
display: none;
}
.ovau-item-part-grid-2 .ova-media .content .audio-button.ovau-playing:hover i {
display: block;
}
.ovau-item-part-grid-2 a.not-mega-link {
display: inherit !important;
padding: 0 !important;
}
.ovau-item-part-grid-player {
padding: 30px 0 15px 0;
}
.ovau-item-part-grid-player:hover .ova-media {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ovau-item-part-grid-player:hover .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ovau-item-part-grid-player:hover .ova-media .content .icon {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.ovau-item-part-grid-player:hover .ova-media .content .audio-button {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ovau-item-part-grid-player .ova-media {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: relative;
background-color: #fff;
padding: 0 30px 30px 30px;
border: 2px solid #e4e4e4;
}
.ovau-item-part-grid-player .ova-media .audio-img-wrapper {
position: relative;
overflow: hidden;
margin-top: -30px;
}
.ovau-item-part-grid-player .ova-media .audio-img-wrapper .audio-img {
object-fit: cover;
width: 100%;
display: block;
}
.ovau-item-part-grid-player .ova-media .audio-img-wrapper .host-img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
position: absolute;
right: 30px;
top: 30px;
border-radius: 50%;
overflow: hidden;
width: 50px;
height: 50px;
object-fit: cover;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
border: 2px solid var(--primary);
}
.ovau-item-part-grid-player .ova-media .content {
text-align: center;
margin-top: -30px;
}
.ovau-item-part-grid-player .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 12px 12px 20px 12px;
font-size: 26px;
line-height: 1.3;
color: var(--heading);
}
.ovau-item-part-grid-player .ova-media .content .icon {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1);
transform: scale(1);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
border-radius: 50%;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
z-index: 1;
position: relative;
}
.ovau-item-part-grid-player .ova-media .content .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
font-size: 16px;
display: inline-flex;
}
.ovau-item-part-grid-player .ova-media .content .icon:hover {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--heading);
}
.ovau-item-part-grid-player .ova-media .content .icon:hover i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovau-item-part-grid-player .ova-media .content .icon .loader {
display: none;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing {
background-color: var(--primary);
overflow: hidden;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing i {
display: none;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing:hover .loader {
display: none;
}
.ovau-item-part-grid-player .ova-media .content .icon.ovau-playing:hover i {
display: block;
}
.ovau-item-part-grid-player .ova-media .content .audio-button {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
color: var(--primary);
}
.ovau-item-part-grid-player a.not-mega-link {
display: inherit !important;
padding: 0 !important;
}
.ovau-item-part-main-slider .ova-media {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: relative;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.ovau-item-part-main-slider .ova-media {
flex-direction: column;
align-items: flex-start;
}
}
.ovau-item-part-main-slider .ova-media .audio-img-wrapper {
position: relative;
width: 100%;
}
.ovau-item-part-main-slider .ova-media .audio-img-wrapper .audio-img {
object-fit: cover;
height: 430px;
}
@media (max-width: 1024px) {
.ovau-item-part-main-slider .ova-media .audio-img-wrapper .audio-img {
height: 340px;
}
}
.ovau-item-part-main-slider .ova-media .content {
padding: 30px 60px;
flex: 0 0 63%;
}
@media (max-width: 1200px) {
.ovau-item-part-main-slider .ova-media .content {
padding: 30px 35px;
}
}
@media (max-width: 1024px) {
.ovau-item-part-main-slider .ova-media .content {
flex: 0 0 100%;
}
}
@media (max-width: 767px) {
.ovau-item-part-main-slider .ova-media .content {
padding: 30px 15px;
}
}
.ovau-item-part-main-slider .ova-media .content .category {
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 6px;
}
.ovau-item-part-main-slider .ova-media .content .category a {
font-size: 14px;
line-height: 1;
text-transform: uppercase;
}
.ovau-item-part-main-slider .ova-media .content .category i {
display: inline-flex;
color: var(--primary);
}
.ovau-item-part-main-slider .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0 0 20px 0;
font-size: 40px;
line-height: 1.3;
}
@media (max-width: 1024px) {
.ovau-item-part-main-slider .ova-media .content .title {
font-size: 35px;
}
}
.ovau-item-part-main-slider .ova-media .content .epidose-time-ago {
margin-bottom: 22px;
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 16px;
}
.ovau-item-part-main-slider .ova-media .content .epidose-time-ago .separator {
display: inline-block;
width: 1px;
height: 12px;
background-color: #C9C9C9;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1);
transform: scale(1);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
border-radius: 50%;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
z-index: 1;
position: relative;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-flex;
font-size: 19px;
color: #fff;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play:hover {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--heading);
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play:hover i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play .text_button {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
left: calc(100% + 17px);
width: 150px;
font-weight: 500;
text-transform: uppercase;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play .loader {
display: none;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing {
background-color: var(--primary);
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing .loader {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing i {
display: none;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing:hover .loader {
display: none;
}
.ovau-item-part-main-slider .ova-media .content .ovau-btn-play.ovau-playing:hover i {
display: block;
}
.ovau-item-part-main-slider a.not-mega-link {
display: inherit !important;
padding: 0 !important;
}
.ova_audio_host_single {
width: 100%;
margin-bottom: 100px;
}
@media (max-width: 1024px) {
.ova_audio_host_single {
margin-bottom: 70px;
}
}
.ova_audio_host_single .info {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 100px;
padding-bottom: 100px; }
@media (max-width: 767px) {
.ova_audio_host_single .info {
grid-template-columns: auto;
padding-bottom: 70px;
}
}
.ova_audio_host_single .info .img {
display: inline-block;
position: relative;
}
.ova_audio_host_single .info .img img {
display: block;
width: 100%;
}
@media (max-width: 767px) {
.ova_audio_host_single .info .img {
margin-bottom: 30px;
}
}
.ova_audio_host_single .info .main_content .list-social {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
.ova_audio_host_single .info .main_content .list-social li {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #f2f4f9;
}
.ova_audio_host_single .info .main_content .list-social li:not(:last-child) {
margin-right: 10px;
}
.ova_audio_host_single .info .main_content .list-social li:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ova_audio_host_single .info .main_content .list-social li:hover i {
color: #fff;
}
.ova_audio_host_single .info .main_content .list-social li a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.ova_audio_host_single .info .main_content .list-social li i {
transition: all 0.3s ease;
font-size: 15px;
color: var(--heading);
display: inline-flex;
}
.ova_audio_host_single .info .main_content .name {
margin: 0;
font-weight: 700;
font-size: 40px;
line-height: 1.5;
color: var(--heading);
}
.ova_audio_host_single .info .main_content .job {
margin: 0;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
color: var(--primary);
padding-bottom: 20px;
}
.ova_audio_host_single .info .main_content .slogans h1, .ova_audio_host_single .info .main_content .slogans h2, .ova_audio_host_single .info .main_content .slogans h3, .ova_audio_host_single .info .main_content .slogans h4 {
font-size: 28px;
line-height: 1.4;
font-weight: 500;
padding-bottom: 20px;
}
.ova_audio_host_single .host-my-podcast {
text-align: center;
}
.ova_audio_host_single .host-my-podcast .sub-title {
color: var(--primary);
font-size: 18px;
font-weight: 500;
line-height: 1.2;
margin: 0 0 15px 15px;
}
@media (max-width: 767px) {
.ova_audio_host_single .host-my-podcast .sub-title {
margin: 0 0 15px 0;
}
}
.ova_audio_host_single .host-my-podcast .title {
color: var(--heading);
font-size: 50px;
font-weight: bold;
line-height: 1.2;
margin: 0 0 60px 15px;
}
@media (max-width: 767px) {
.ova_audio_host_single .host-my-podcast .title {
margin: 0 0 60px 0;
}
}
.ova_audio_host_single .host-my-podcast .host-my-podcast-item {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.ova_audio_host_single .host-my-podcast .host-my-podcast-item .ovau-item-part-grid-player {
padding: 30px 0;
margin: 0 15px;
}
@media (max-width: 500px) {
.ova_audio_host_single .host-my-podcast .host-my-podcast-item .ovau-item-part-grid-player {
margin: 0 5px;
}
}
.ova_audio_host_single .host-my-podcast .host-my-podcast-item .ovau-item-part-grid-player.three_column {
width: calc( 33% - 30px);
}
@media (max-width: 1200px) {
.ova_audio_host_single .host-my-podcast .host-my-podcast-item .ovau-item-part-grid-player.three_column {
width: calc( 50% - 30px);
}
}
@media (max-width: 767px) {
.ova_audio_host_single .host-my-podcast .host-my-podcast-item .ovau-item-part-grid-player.three_column {
width: 100%;
}
}
.ova_audio_host_single .host-my-podcast .host-my-podcast-item .ovau-item-part-grid-player.two_column {
width: calc( 50% - 30px);
}
@media (max-width: 767px) {
.ova_audio_host_single .host-my-podcast .host-my-podcast-item .ovau-item-part-grid-player.two_column {
width: 100%;
}
}
.ova_audio_host_single .host-my-podcast .button-view-all-podcast {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
padding: 18px 30px;
margin-top: 30px;
border-radius: 100px;
color: #fff;
background-color: var(--primary);
}
.ova_audio_host_single .host-my-podcast .button-view-all-podcast:hover {
transition: all 0.3s ease;
background-color: var(--heading);
}
.archive_audio {
margin-bottom: 100px;
}
@media (max-width: 1024px) {
.archive_audio {
margin-bottom: 70px;
}
}
.archive_audio_grid_content {
display: grid;
grid-gap: 30px;
}
.archive_audio_grid_content .ovau-item-part-grid, .archive_audio_grid_content .ovau-item-part-grid-2 {
padding: 0;
}
.archive_audio_grid_content.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.archive_audio_grid_content.two_column {
grid-template-columns: auto;
}
}
.archive_audio_grid_content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
.archive_audio_grid_content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_audio_grid_content.three_column {
grid-template-columns: auto;
}
}
.archive_audio_grid_content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.archive_audio_grid_content.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.archive_audio_grid_content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_audio_grid_content.four_column {
grid-template-columns: auto;
}
}
.single-audio .ovau-single-player {
display: flex;
margin-bottom: 110px;
padding: 30px 60px;
background-color: #000000;
column-gap: 35px;
}
.single-audio .ovau-single-player .ovau-player-left {
flex: 40%;
width: 40%;
display: flex;
align-items: center;
column-gap: 35px;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
min-width: 90px;
height: 90px;
border-radius: 50%;
background-color: var(--primary);
color: #FFFFFF;
font-size: 24px;
cursor: pointer;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.single-audio .ovau-single-player .ovau-player-left .btn-play {
width: 60px;
min-width: 60px;
height: 60px;
font-size: 16px;
}
}
.single-audio .ovau-single-player .ovau-player-left .btn-play:hover {
background-color: #FFFFFF;
color: var(--primary);
}
.single-audio .ovau-single-player .ovau-player-left .btn-play .loader {
display: none;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing i {
display: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing .loader {
position: absolute;
z-index: 1;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing .loader .stroke {
position: relative;
background-color: #FFFFFF;
height: 20px;
width: 5px;
border-radius: 50px;
margin: 0 2px;
animation: playing 1s linear infinite;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing .loader .stroke:nth-child(1) {
animation-delay: 0s;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing .loader .stroke:nth-child(2) {
animation-delay: 0.3s;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing .loader .stroke:nth-child(3) {
animation-delay: 0.6s;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing .loader .stroke:nth-child(4) {
animation-delay: 0.3s;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing .loader .stroke:nth-child(5) {
animation-delay: 0s;
}
@keyframes playing {
50% {
height: 5px;
}
100% {
height: 20px;
}
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing:hover i {
display: inline-block;
}
.single-audio .ovau-single-player .ovau-player-left .btn-play.playing:hover .loader {
display: none;
}
.single-audio .ovau-single-player .ovau-player-left .heading .title {
margin: 0;
font-size: 26px;
line-height: 1.385;
color: #fff;
}
.single-audio .ovau-single-player .ovau-player-left .heading .episode-host .host {
font-size: 16px;
font-weight: 400;
color: var(--primary);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-audio .ovau-single-player .ovau-player-left .heading .episode-host .host:hover {
color: #fff;
}
.single-audio .ovau-single-player .ovau-player-left .heading .episode-host .episode, .single-audio .ovau-single-player .ovau-player-left .heading .episode-host .ovau-duration {
font-size: 16px;
font-weight: 400;
color: var(--primary);
}
.single-audio .ovau-single-player .ovau-player-left .heading .episode-host .seperate {
font-size: 18px;
font-weight: 600;
color: var(--primary);
}
@media screen and (max-width: 768px) {
.single-audio .ovau-single-player .ovau-player-left .heading .title {
font-size: 20px;
}
.single-audio .ovau-single-player .ovau-player-left .heading .episode-host .host, .single-audio .ovau-single-player .ovau-player-left .heading .episode-host .episode, .single-audio .ovau-single-player .ovau-player-left .heading .episode-host .ovau-duration {
font-size: 14px;
}
}
.single-audio .ovau-single-player .ovau-progress {
flex: 60%;
width: 60%;
display: flex;
align-items: center;
}
.single-audio .ovau-single-player .ovau-progress .skip-back, .single-audio .ovau-single-player .ovau-progress .jump-forward {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
min-width: 30px;
height: 30px;
border-radius: 50%;
background-color: #1e1e1e;
color: #FFFFFF;
font-size: 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-audio .ovau-single-player .ovau-progress .skip-back:hover, .single-audio .ovau-single-player .ovau-progress .jump-forward:hover {
background-color: var(--primary);
color: #FFFFFF;
}
.single-audio .ovau-single-player .ovau-progress .skip-back {
margin-right: 10px;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress {
width: 100%;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container {
height: 90px;
}
@media screen and (max-width: 768px) {
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container {
height: 30px;
}
}
@media screen and (max-width: 768px) {
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time-rail {
overflow: hidden;
}
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total {
background-color: #FFFFFF;
height: 2px;
border-radius: 2px;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current {
background-color: var(--primary);
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-loaded, .single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-current, .single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-hovered {
height: 2px;
border-radius: 2px;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time-rail .ovamejs-time-total .ovamejs-time-handle .ovamejs-time-handle-content {
top: -9px;
border-color: var(--primary);
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
min-width: 100px;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time .seperate {
margin: 0 10px;
}
@media screen and (max-width: 768px) {
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time {
min-width: 50px;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time .seperate, .single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-time .ovamejs-duration {
display: none;
}
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
margin-left: 40px;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-volume-button {
display: none;
}
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-volume-button.ovamejs-mute {
width: 50px;
min-width: 50px;
height: 50px;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button {
width: 50px;
min-width: 50px;
height: 50px;
background-color: #1e1e1e;
border-radius: 50%;
color: #FFFFFF;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-volume-button > button:before {
font-size: 24px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-volume-button:hover > button {
background-color: var(--primary);
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-volume-button:hover > button:before {
color: #FFFFFF;
}
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-speed-button {
width: 50px;
min-width: 50px;
height: 50px;
background-color: #1e1e1e;
border-radius: 50%;
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.single-audio .ovau-single-player .ovau-progress .audio-progress .ovamejs-container .ovamejs-controls .ovamejs-speed-button {
display: none;
}
}
@media screen and (max-width: 1024px) {
.single-audio .ovau-single-player {
flex-direction: column;
margin-bottom: 80px;
}
.single-audio .ovau-single-player .ovau-player-left, .single-audio .ovau-single-player .ovau-progress {
flex: 100%;
width: 100%;
}
.single-audio .ovau-single-player .ovau-player-left {
margin-bottom: 20px;
}
}
.single-audio .ovau-iframe {
display: flex;
align-items: center;
justify-content: center;
}
.single-audio .ovau-iframe iframe, .single-audio .ovau-iframe video {
width: 100%;
max-width: 100%;
}
.single-audio .ovau-iframe.ovau-iframe-video iframe, .single-audio .ovau-iframe.ovau-iframe-video video {
height: 647px;
}
@media screen and (max-width: 991px) {
.single-audio .ovau-iframe.ovau-iframe-video {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.single-audio .ovau-iframe.ovau-iframe-video iframe, .single-audio .ovau-iframe.ovau-iframe-video video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
}
.single-audio .ovau-iframe, .single-audio .ovau-video {
margin: 110px 0;
}
@media screen and (max-width: 991px) {
.single-audio .ovau-iframe, .single-audio .ovau-video {
margin: 70px 0;
}
}
.single-audio .timeline-donation {
display: flex;
margin-top: 110px;
margin-bottom: 110px;
}
@media screen and (max-width: 991px) {
.single-audio .timeline-donation {
flex-direction: column;
row-gap: 80px;
margin-top: 80px;
margin-bottom: 80px;
}
}
.single-audio .timeline-donation .timeline {
flex: 0 0 50%;
max-width: 50%;
}
@media screen and (max-width: 991px) {
.single-audio .timeline-donation .timeline {
flex: 0 0 100%;
max-width: 100%;
}
}
.single-audio .timeline-donation .timeline .title-timeline {
margin: 0 0 40px 0;
font-size: 36px;
}
.single-audio .timeline-donation .timeline .items {
margin: 0;
padding: 0;
list-style: none;
}
.single-audio .timeline-donation .timeline .items .item {
display: flex;
align-items: center;
column-gap: 15px;
}
.single-audio .timeline-donation .timeline .items .item:not(:last-child) {
margin-bottom: 20px;
}
.single-audio .timeline-donation .timeline .items .item .control {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
min-width: 20px;
height: 20px;
border-radius: 50%;
background-color: var(--primary);
color: #FFFFFF;
font-size: 7px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-audio .timeline-donation .timeline .items .item .control i {
line-height: 1;
}
.single-audio .timeline-donation .timeline .items .item .control.ovau-self-hosted {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.single-audio .timeline-donation .timeline .items .item .control.ovau-self-hosted:hover {
background-color: var(--heading);
}
.single-audio .timeline-donation .timeline .items .item .duration {
font-size: 18px;
font-weight: bold;
color: var(--heading);
min-width: 55px;
}
.single-audio .timeline-donation .timeline .items .item .description {
font-size: 18px;
color: var(--text);
}
.single-audio .timeline-donation .donation {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15%;
border-left: 1px solid var(--light);
}
.single-audio .timeline-donation .donation.no-episode-timeline {
flex: 0 0 100%;
max-width: 100%;
padding: 0;
border: none;
}
@media screen and (max-width: 991px) {
.single-audio .timeline-donation .donation {
flex: 0 0 100%;
max-width: 100%;
padding: 0 !important;
border: none !important;
}
}
.single-audio .timeline-donation .donation .give-form-title {
margin-bottom: 40px;
}
.single-audio .timeline-donation .donation .give-form {
margin: 0;
}
.single-audio .sharing {
display: inline-flex;
flex-wrap: wrap;
gap: 10px;
}
.single-audio .sharing h3 {
margin: 0 0 10px 0;
}
.single-audio .sharing ul {
list-style-type: none;
display: inline-block;
margin: 0;
padding: 0;
}
.single-audio .sharing ul li {
display: inline-block;
}
.single-audio .sharing ul li a {
margin: 0px 3px;
color: #333;
border: 1px solid #ccc;
padding: 10px 25px 8px 25px;
line-height: 1;
border-radius: 5px;
}
.single-audio .sharing ul li a:hover {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.single-audio .sharing ul li a i {
font-size: 18px;
}
.single-audio h4.wp-block-heading, .single-audio h3.wp-block-heading {
margin: 0 0 1em 0;
}
.rtl .single-audio .ovau-single-player .ovau-progress .skip-back {
margin-right: 0;
margin-left: 10px;
}
.rtl .single-audio .timeline-donation .donation {
padding-left: 0;
padding-right: 15%;
border-left: 1px solid transparent;
border-right: 1px solid var(--light);
}
.single-audio-2 .ovau-single-player {
margin-bottom: 60px;
padding: 30px;
}
.single-audio-2 .ovau-single-player .ovau-player-left {
column-gap: 20px;
}
.single-audio-2 .ovau-single-player .ovau-player-left .btn-play {
width: 80px;
height: 80px;
min-width: 80px;
}
.single-audio-2 .ovau-single-player .ovau-player-left .heading .title {
font-size: 21px;
}
.single-audio-2 .ovau-iframe, .single-audio-2 .ovau-video {
margin: 60px 0;
}
@media screen and (max-width: 991px) {
.single-audio-2 .ovau-iframe, .single-audio-2 .ovau-video {
margin: 60px 0;
}
}
.single-audio-2 .featured-image-donation {
display: flex;
margin-bottom: 40px;
column-gap: 60px;
row-gap: 40px;
}
@media (max-width: 1190px) {
.single-audio-2 .featured-image-donation {
column-gap: 40px;
}
}
@media screen and (max-width: 991px) {
.single-audio-2 .featured-image-donation {
flex-direction: column;
}
}
.single-audio-2 .featured-image-donation .featured-image {
flex: 0 0 38%;
}
@media screen and (max-width: 991px) {
.single-audio-2 .featured-image-donation .featured-image {
flex: 0 0 100%;
}
}
.single-audio-2 .featured-image-donation .featured-image img {
display: block;
height: 100%;
max-height: 497px;
object-fit: cover;
border-radius: 4px;
}
.single-audio-2 .featured-image-donation .category {
display: flex;
align-items: center;
gap: 6px;
}
.single-audio-2 .featured-image-donation .category i {
display: inline-flex;
color: var(--primary);
}
.single-audio-2 .featured-image-donation .category a {
font-size: 14px;
line-height: 1;
text-transform: uppercase;
}
.single-audio-2 .featured-image-donation .audio-title {
margin: 18px 0 20px 0;
font-size: 40px;
}
.single-audio-2 .featured-image-donation .meta {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 16px;
}
.single-audio-2 .featured-image-donation .meta .separator {
display: inline-block;
width: 1px;
height: 12px;
background-color: #C9C9C9;
}
.single-audio-2 .featured-image-donation .meta a {
color: var(--text);
}
.single-audio-2 .featured-image-donation .meta a:hover {
color: var(--primary);
}
.single-audio-2 .featured-image-donation .donation {
margin: 30px 0 0 0;
padding: 30px;
background-color: #f7f7f7;
border-radius: 4px;
}
.single-audio-2 .featured-image-donation .donation .give-form-title {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.single-audio-2 .featured-image-donation .donation .give-form {
margin: 0;
}
.single-audio-2 .featured-image-donation .donation .give-donation-amount .give-currency-symbol.give-currency-position-before {
font-weight: 500;
color: var(--primary);
background-color: #e8e8e8;
}
.single-audio-2 .featured-image-donation .donation .give-donation-amount #give-amount-text, .single-audio-2 .featured-image-donation .donation .give-donation-amount #give-amount {
font-weight: 500;
color: var(--primary);
background-color: #e8e8e8;
}
.single-audio-2 .featured-image-donation .donation #give-donation-level-button-wrap .give-btn {
font-weight: 500;
background-color: #e8e8e8;
}
.single-audio-2 .timeline-donation {
margin: 60px 0;
gap: 60px;
}
@media screen and (max-width: 991px) {
.single-audio-2 .timeline-donation {
flex-direction: column-reverse;
}
}
.single-audio-2 .timeline-donation .timeline {
flex: 0 0 33%;
max-width: 33%;
height: fit-content;
position: sticky;
top: 100px;
}
@media screen and (max-width: 991px) {
.single-audio-2 .timeline-donation .timeline {
position: static;
height: auto;
flex: 0 0 100%;
max-width: 100%;
}
}
.single-audio-2 .timeline-donation .timeline .title-timeline {
font-size: 32px;
}
.single-audio-2 .audio-tags {
margin-bottom: 55px;
}
.single-audio-2 .audio-tags .tag-heading {
margin-bottom: 20px;
}
.single-audio-2 .audio-tags .tag-link-wrap {
display: flex;
align-items: center;
gap: 10px;
}
.single-audio-2 .audio-tags a.audio-tag {
line-height: 1;
color: #fff;
padding: 10px 20px;
background-color: var(--primary);
border-radius: 4px;
}
.single-audio-2 .audio-tags a.audio-tag:hover {
background-color: var(--heading);
}
.single-audio-2 .sharing {
flex-direction: column;
padding: 25px 30px 30px 30px;
background-color: #f5f5f5;
border-radius: 4px;
}
.single-audio-2 .sharing h3 {
font-size: 20px;
}
.single-audio-2 .sharing ul li a {
margin: 0 8px;
color: #fff;
background-color: var(--heading);
border: 1px solid transparent;
}
.single-audio-2 .sharing ul li a:hover {
background-color: var(--primary) !important;
border: 1px solid transparent;
}
.single-audio-2 .sharing ul li a.ico-facebook {
background-color: #3E5B98;
}
.single-audio-2 .sharing ul li a.ico-twitter {
background-color: #4DA7DE;
}
.single-audio-2 .sharing ul li a.ico-pinterest {
background-color: #C92619;
}
.single-audio-2 .wp-block-column.hide_column {
display: none;
}
@media (max-width: 767px) {
.search_form_audio {
width: 100%;
}
}
.search_form_audio form {
display: flex;
align-items: flex-end;
gap: 20px;
}
@media (max-width: 767px) {
.search_form_audio form {
flex-direction: column;
align-items: center;
}
}
.search_form_audio form input {
display: inline-block;
height: 50px;
}
.search_form_audio form select:not([size]):not([multiple]) {
background: none;
background-color: #eee;
}
.search_form_audio form .ovau_form_select {
position: relative;
width: 100%;
}
@media (min-width: 1024px) {
.search_form_audio form .ovau_form_select {
min-width: 200px;
}
}
.search_form_audio form .ovau_form_select i {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px;
font-size: 22px;
}
.search_form_audio form .select2-selection {
outline: none;
border: none;
width: 100%;
height: 100%;
padding: 5px 10px;
background-color: #eee;
}
.search_form_audio form .select2-selection.select2-selection--single .select2-selection__rendered {
line-height: 40px;
opacity: 1;
}
.search_form_audio form .select2-selection .select2-selection__arrow {
height: 100%;
top: 0;
display: none;
}
.search_form_audio form .start_date, .search_form_audio form .end_date {
position: relative;
display: flex;
align-items: flex-end;
width: 100%;
}
.search_form_audio form .start_date input, .search_form_audio form .end_date input {
border: none;
width: 100%;
min-width: 130px;
line-height: 50px;
background-color: #eee;
}
.search_form_audio form .start_date input::placeholder, .search_form_audio form .end_date input::placeholder {
line-height: 50px;
opacity: 1;
}
.ovau-filter {
margin-bottom: 40px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 767px) {
.ovau-filter {
flex-direction: column;
}
}
.ovau-filter .ovau_pagination_ajax {
width: auto;
margin: 0;
padding: 0;
}
.wrap-audio-posts-result .ovau_pagination_ajax {
padding: 0;
}