/* General */
body{
font-size: 1em;
font-family: 'Oswald',sans-serif;
color:#595959;
margin:0;
padding:0;
background:url("/imagenes/fondo.gif?rel=1") top left;
}
.btn-primary:hover {
color: #fff;
background-color: #7C7C7C;
border-color: #7C7C7C
}
.cursor{
cursor:pointer;
}
/**************************** Cabecera ****************************/
section.header{
border-top: solid 10px #c00070;
padding: 25px 20px 25px 20px;
background-color: #ffffff
}
img.navbar-brand{
max-width: 110px;
}
@media (min-width: 1024px) {
img.navbar-brand{
max-width: 200px;
}
}
/* menu */
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid #c00070 !important;
border-radius: .25rem;
}
.nav-link i.fa {
color: #c00070 !important;
}
a.nav-link, a.nav-link:focus, a.nav-link:active, a.nav-link:visited {
color: #c00070;
font-size: 1.25rem;
}
a.nav-link:hover {
color: #b7b7b7;
font-size: 1.25rem;
}
h4.cita {
color: #7b7b7b;
font-family: 'Oswald',sans-serif;
font-style: italic;
font-size: 18px;
text-align: center;
line-height: 20px;
padding-top: 10px;
}
@media (min-width: 768px) {
h4.cita {
font-size: 24px;
text-align: left;
}
h4.cita p {
margin-top: 0;
margin-bottom: 0;
}
}
/* Buscador */
.has-search .form-control {
padding-left: 2.375rem;
/* border: solid 0.5px #c00070 */
}
@media (max-width: 576px) {
.has-search {
padding-top: 1rem;
}
}
.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #c00070;
}
/* Botones circulares */
.btn-circle.btn-xl {
width: 60px;
height: 60px;
padding: 10px 16px;
border-radius: 50px;
font-size: 24px;
line-height: 1.33;
background-color: #c00070;
border: solid 1px #c00070;
}
.btn-circle {
width: 35px;
height: 35px;
padding: 6px 0px;
border-radius: 50px;
text-align: center;
font-size: 12px;
line-height: 1.42857;
background-color: #c00070;
border: solid 1px #c00070;
}
.btn-circle i {
font-size: 19px;
}
/**************************** /Cabecera ****************************/
/* Podcast */
.numero-podcast {
color: #ffffff;
font-weight: 900;
}
section.podcast{
padding: 25px 20px 25px 20px;
background-color: #ffffff;
margin-top: 30px;
margin-bottom: 30px;
}
@media (max-width: 576px) {
section.podcast{
margin-top: 15px;
margin-bottom: 15px;
}
}
.titulo-index {
position: relative;
padding-bottom: 55px;
margin-bottom: 20px;
color: #464f5e;
font-size: 20px;
font-family: 'Oswald', sans-serif;
background: transparent url(/imagenes/raya.png?rel=1) no-repeat bottom left;
}
.podcast-h4 {
font-size: 0.9rem;
}
@media (min-width: 415px) and (max-width: 767px){
.podcast-h4 {
font-size: 1.4rem;
}
}
@media (min-width: 768px) {
.podcast-h4 {
font-size: 1.6rem;
}
.titulo-index img{
max-width:220px;
padding-top: 0px;
}
}
.ver-todos, a.ver-todos:link, a.ver-todos:visited, a.ver-todos:hover, a.ver-todos:active {
background-color: #3c3c3c;
color: #ffffff;
font-family: 'Oswald', sans-serif;
padding: 6px 18px;
}
.ver-todos-mobile, a.ver-todos-mobile:link, a.ver-todos-mobile:visited, a.ver-todos-mobile:hover, a.ver-todos-mobile:active {
background-color: #28a745;
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-size: 2rem;
padding: 15px 40px;
}
.ver-todos-extra, a.ver-todos-extra:link, a.ver-todos-extra:visited, a.ver-todos-extra:hover, a.ver-todos-extra {
padding: 12px 40px;
font-size: 22px;
}
.titulo-index a:link, .titulo-index a:active, .titulo-index a:visited {
position: absolute;
right: 0;
bottom: 11px;
color: #fff;
font-size: 18px;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
.podcast-box-index {
padding: 15px;
}
div.img-podcast {
padding: 0px 0px 15px 15px;
}
.podcast-index-titulo {
color: #464f5e;
font-size: 20px;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
.podcast-index-titulo-cafe {
color: #464f5e;
font-size: 3rem;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
.podcast-descripcion-cafe p {
font-size: 1.5rem;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
.podcast-index-titulo a:link, .podcast-index-titulo a:visited, .podcast-index-titulo a:active {
color: #464f5e;
font-size: 20px;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
.podcast-index-titulo-cafe a:link, .podcast-index-titulo-cafe a:visited, .podcast-index-titulo-cafe a:active {
color: #464f5e;
font-size: 2.7rem;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
.podcast-index-titulo {
padding: 0px;
}
.podcast-index-invitado {
padding: 0px;
font-size: 16px;
font-family: 'Oswald', sans-serif;
}
.podcast-index-invitado span {
font-family: 'Oswald', sans-serif;
font-weight: bold;
color: #c00070;
font-size: 20px;
}
.podcast-index-reproducciones {
padding: 0px 0px 15px 0px;
font-size: 19px;
font-family: 'Oswald', sans-serif;
color: #464f5e;
}
.podcast-index-reproducciones img {
margin-right: 6px;
}
.podcast-index-boton-cont {
padding: 15px 0 0 0;
}
.podcast-index-boton {
background-color: #FFFFFF !important;
border: 1px solid #c00070;
color: #3c3c3c;
-webkit-appearance: button;
cursor: pointer;
width: 100%;
font-size: 18px;
line-height: 18px !important;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding: 10px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
display: inline-block;
}
.btn-podcast-index-boton {
background-color: #c00070 !important;
border: 1px solid #c00070;
color: #ffffff;
-webkit-appearance: button;
cursor: pointer;
font-size: 18px;
line-height: 18px !important;
font-family: 'Oswald', sans-serif;
text-align: center;
text-transform: uppercase;
padding: 10px 15px 10px 10px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
display: inline-block;
}
.btn-podcast-suscribirse {
background-color: #c00070 !important;
border: 1px solid #c00070;
color: #ffffff;
/* font-size: 16px; */
font-size: 0.9rem;
line-height: 18px !important;
font-family: 'Oswald', sans-serif;
padding: 10px 15px 10px 10px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}
i.fa-pencil-square {
color: #ffffff !important;
font-size: 1.2rem;
}
i.fa-pencil-square.big {
color: #ffffff !important;
font-size: 1.4rem !important;
padding-top: 5px !important;
}
.podcast-index-like span.badge{
font-size: 10px !important;
}
.btn-podcast-index-boton i.fa {
padding-left: 5px;
padding-right: 5px;
}
i.comentarios {
color: #c00070;
}
/* Talentya */
section.talentya{
padding: 25px 20px 25px 20px;
background-color: #ffffff;
margin-bottom: 30px;
margin-top: 30px;
}
.logo-talentya {
max-width: 66px;
margin-left: 3px
}
.titulo-talentya {
font-size: 17px;
}
@media (max-width: 576px) {
section.talentya{
margin-top: 15px;
margin-bottom: 15px;
}
}
@media (min-width: 375px)and (max-width: 767px) {
.logo-talentya {
max-width: 85px;
margin-left: 5px
}
}
@media (min-width: 768px) {
.logo-talentya {
margin-left: 7px
}
}
.podcast-img {
max-width: 140px;
position: absolute;
top:13px;
}
@media (min-width: 375px) {
.podcast-img {
max-width: 175px;
top:10px;
}
}
/* Card deck responsive */
.card-deck {
margin: 0 -15px;
}
.card-deck .card {
margin: 0 3px 1rem;
}
@media (min-width: 576px) and (max-width: 767.98px) {
#podcast.card-deck .card {
-ms-flex: 0 0 48%;
flex: 0 0 48%;
margin: 0 0 1rem 0.3rem;
}
#talentya.card-deck .card {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
margin: 0 0 1rem 1rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
/* .card-deck .card {
-ms-flex: 0 0 48.7%;
flex: 0 0 48.7%;
} */
.card-deck .card {
-ms-flex: 0 0 32%;
flex: 0 0 32%;
}
/* #podcast.card-deck .card {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
margin: 0 0 1rem 1.2rem;
} */
}
@media (min-width: 992px)
{
.card-deck .card {
-ms-flex: 0 0 24%;
flex: 0 0 24%;
}
#videos.card-deck .card, #noticias.card-deck .card {
margin: 0 0px 1rem;
}
/* #podcast.card-deck .card {
-ms-flex: 0 0 48%;
flex: 0 0 46%;
margin: 0 0 1rem 1.6rem;
}
#podcast div.col-auto img
{
max-width: 212px;
} */
}
/* @media (min-width: 1200) {
#podcast div.col-auto img
{
max-width: 250px;
}
} */
.profile-card-2 .card-img-block{
float:left;
width:100%;
/* height:130px; */
overflow:hidden;
}
.video-card {
height: 123;
}
#talentya .profile-card-2 .card-img-block{
float:left;
width:100%;
/* height:320px; */
overflow:hidden;
}
@media (min-width: 576px) {
/* #talentya .profile-card-2 .card-img-block{
height:210px;
} */
}
.profile-card-2 .card-body{
position:relative;
}
.profile-card-2 .profile {
border-radius: 50%;
position: absolute;
top: -85px;
left: 50%;
max-width:100px;
border: 1.5px solid #000000;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.profile-card-2 h5, h5 a{
font-weight:600;
color:#d2222a;
}
h5 a:hover {
font-weight: 600;
color: #000000;
text-decoration: none;
}
.profile-card-2 .card-text{
font-weight:300;
font-size:15px;
}
.profile-card-2 .icon-block{
float:left;
width:100%;
}
.profile-card-2 .icon-block a{
text-decoration:none;
}
.profile-card-2 i {
display: inline-block;
font-size: 16px;
color: #ffffff;
padding-left: 3px;
text-align: center;
border: 1px solid #000000;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
margin:0 5px;
background-color: #000000;
}
.btn-talentya {
background-color: #00000;
}
.profile-card-2 i:hover, .card-body .btn-primary:hover {
background-color:#d2222a;
color:#fff;
border-color: #d2222a;
}
/* Videos */
section.videos{
padding: 25px 20px 25px 20px;
background-color: #ffffff;
margin-bottom: 30px;
}
.titulo-videos {
padding-top: 10px;
padding-bottom: 15px;
margin-bottom: 20px;
}
@media (min-width: 375px)and (max-width: 767px) {
.titulo-videos {
padding-top: 0px;
padding-bottom: 15px;
margin-bottom: 20px;
font-size: 25px;
}
}
@media (min-width: 768px) {
.titulo-videos {
padding-left: 0px !important;
padding-top: 0px;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 25px;
}
}
.video-destacado-descripcion{
background-color: #bcc3c0;
}
h5.videos {
/* width: 100%; */
color: #c00070;
font-size: 30px;
font-family: 'Oswald',sans-serif;
line-height: 1.1em;
/* padding: .4em 0 0.5em 0; */
}
.descripcion-video-ppal {
/* width: 100%; */
color: #595959;
font-size: 18px;
font-family: 'Oswald', sans-serif;
line-height: 20px;
}
.descripcion-categoria{
font-size: 15px;
font-weight: 200
}
.descripcion-categoria a, .descripcion-categoria a:active, .descripcion-categoria a:visited {
font-size: 15px;
font-weight: 600;
color: #c00070;
}
.descripcion-categoria a:hover {
text-decoration: underline;
}
.video-descripcion {
/*min-height: 70vh; set height as you need */
display: flex;
flex-direction: column;
}
.comparte {
margin-top: auto;
font-weight: 500;
font-size: 15px;
}
ul li.list-inline-item:not(:last-child) {
margin-right: 1.7rem;
}
a.video-titulo-thumb, a.video-titulo-thumb:visited, a.video-titulo-thumb:active {
font-family: 'Oswald', sans-serif;
color: #464f5e;
font-size: 18px;
text-decoration: none;
}
a.video-titulo-thumb:hover {
font-weight: bold;
text-decoration: underline;
}
a.video-titulo-thumb-descripcion, a.video-titulo-thumb-descripcion, a.video-titulo-thumb-descripcion {
font-family: 'Oswald', sans-serif;
color: #464f5e;
text-decoration: none;
}
a.video-titulo-thumb-descripcion:hover {
font-weight: bold;
text-decoration: underline;
}
@media (min-width: 576px) and (max-width: 991.98px) {
#videos.card-deck .card, #noticias.card-deck .card {
-ms-flex: 0 0 48.7%;
flex: 0 0 48.7%;
}
}
@media (min-width: 992px){
#videos.card-deck .card, #noticias.card-deck .card {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
}
.profile-card-2 i.videos {
background-color:#c00070;
color:#fff;
border-color: #c00070;
padding-left: 0px;
}
.profile-card-2 i.videos:hover {
background-color:#7C7C7C;
color:#fff;
border-color: #7C7C7C;
padding-left: 0px;
}
/* Noticias */
section.noticias{
padding: 25px 20px 25px 20px;
background-color: #ecedef;
margin-bottom: 30px;
}
.titulo-noticias {
padding-top: 10px;
padding-bottom: 15px;
margin-bottom: 20px;
}
@media (min-width: 375px)and (max-width: 767px) {
.titulo-noticias {
padding-top: 0px;
padding-bottom: 15px;
margin-bottom: 20px;
font-size: 25px;
}
}
@media (min-width: 768px) {
.titulo-noticias {
padding-left: 0px !important;
padding-top: 0px;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 25px;
}
}
section.noticias-fichas {
background-color: #ffffff;
}
section.noticias-fichas p {
font-size: 15px;
}
section.noticias-fichas .row-compartir {
background: #ffffff;
}
section.noticias-fichas .compartir-podcast {
color: #7c7c7c;
}
section.noticias-fichas a.compartir,section.noticias-fichas a.compartir:active,section.noticias-fichas a.compartir:visited {
color: #7c7c7c;
}
footer {
background: #464f5e;
}
footer p{
color: #ffffff;
font-size: 14px;
font-family: 'Oswald', sans-serif;
}
a.link-footer, a.link-footer:visited, a.link-footer:active {
color: #ffffff;
font-size: 14px;
font-family: 'Oswald', sans-serif;
}
a.link-footer:hover {
text-decoration: underline;
}
/* Podcast ficha */
.row-compartir {
background-color: #7c7c7c
}
.compartir-podcast {
color: #ffffff;
font-weight: bold;
}
a.compartir, a.compartir:active, a.compartir:visited {
color: #ffffff;
font-size: 25px;
}
@media (max-width: 767px) {
a.compartir, a.compartir:active, a.compartir:visited {
font-size: 19px;
text-align: center;
}
a.compartir2, a.compartir2:active, a.compartir2:visited {
font-size: 16px;
}
}
.podcast-descripcion {
font-size: 15px;
}
/* Player */
/* .player-responsive {
padding-left: -25px !important;
} */
.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
/* Disable the browser focus highlighting. */
outline: none;
}
.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
/* Disable the browser CSS3 focus highlighting. */
border: 0;
}
.jp-audio,
.jp-audio-stream,
.jp-video {
font-size: 16px;
font-family: Verdana, Arial, sans-serif;
line-height: 1.6;
color: #fff;
border: 1px solid #c00071;
background-color: #c00071;
border-radius: 20px;
}
.jp-audio {
width: 280px;
}
@media (max-width: 365px) {
.jp-audio {
width: 225px;
}
}
.jp-interface {
position: relative;
width: 280px;
}
.jp-audio .jp-interface {
height: 80px;
}
.jp-audio-stream .jp-interface {
height: 80px;
}
/* @group CONTROLS */
.jp-controls-holder {
clear: both;
width: 240px;
margin: 0 auto;
position: relative;
overflow: hidden;
top: -8px;
}
.jp-interface .jp-controls {
margin: 0;
padding: 0;
overflow: hidden;
}
.jp-audio .jp-controls {
width: 26%;
padding: 20px 0 0 10px;
}
.jp-controls button {
display: block;
float: left;
overflow: hidden;
text-indent: -9999px;
border: none;
cursor: pointer;
}
.jp-play {
width: 40px;
height: 40px;
}
.jp-play {
background: url("/css/audioplayer/skin.jpg") 0 0 no-repeat;
}
.jp-play:focus {
background: url("/css/audioplayer/skin.jpg") -41px 0 no-repeat;
}
.jp-state-playing .jp-play {
background: url("/css/audioplayer/skin.jpg") 0 -42px no-repeat;
}
.jp-state-playing .jp-play:focus {
background: url("/css/audioplayer/skin.jpg") -41px -42px no-repeat;
}
/* @end */
/* @group progress bar */
.jp-progress {
overflow: hidden;
background-color: #ddd;
}
.jp-audio .jp-progress {
position: absolute;
top: 32px;
height: 15px;
}
.jp-audio .jp-type-single .jp-progress {
left: 55px;
width: 135px
}
@media (max-width: 365px) {
.jp-audio .jp-type-single .jp-progress {
left: 55px;
width: 90px
}
}
.jp-audio .jp-type-playlist .jp-progress {
left: 166px;
width: 130px;
}
.jp-seek-bar {
background: url("/css/audioplayer/skin.jpg") 0 -202px repeat-x;
width: 0px;
height: 100%;
cursor: pointer;
}
.jp-play-bar {
background: url("/css/audioplayer/skin.jpg") 0 -218px repeat-x;
width: 0px;
height: 100%;
}
/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg {
background: url("skin.seeking.gif");
}
/* @end */
/* @group volume controls */
/* .jp-state-no-volume .jp-volume-controls {
display: none;
} */
.jp-volume-controls {
position: absolute;
top: 32px;
left: 195px;
width: 20px;
}
@media (max-width: 365px) {
.jp-volume-controls {
left: 150px;
display: none;
}
}
.jp-audio-stream .jp-volume-controls {
left: 70px;
}
.jp-volume-controls button {
display: block;
position: absolute;
overflow: hidden;
text-indent: -9999px;
border: none;
cursor: pointer;
}
.jp-mute,
.jp-volume-max {
width: 18px;
height: 15px;
}
.jp-volume-max {
left: 60px;
}
@media (max-width: 365px) {
.jp-volume-max {
display: none;
}
}
.jp-mute {
background: url("/css/audioplayer/skin.jpg") 0 -170px no-repeat;
}
.jp-mute:focus {
background: url("/css/audioplayer/skin.jpg") -19px -170px no-repeat;
}
.jp-state-muted .jp-mute {
background: url("/css/audioplayer/skin.jpg") -60px -170px no-repeat;
}
.jp-state-muted .jp-mute:focus {
background: url("/css/audioplayer/skin.jpg") -79px -170px no-repeat;
}
.jp-volume-max {
background: url("/css/audioplayer/skin.jpg") 0 -186px no-repeat;
}
.jp-volume-max:focus {
background: url("/css/audioplayer/skin.jpg") -19px -186px no-repeat;
}
.jp-volume-bar {
position: absolute;
overflow: hidden;
background: url("/css/audioplayer/skin.jpg") 0 -250px repeat-x;
top: 5px;
left: 17px;
width: 35px;
height: 5px;
cursor: pointer;
}
@media (max-width: 365px) {
.jp-volume-bar {
left: 17px;
width: 20px;
}
}
.jp-volume-bar-value {
background: url("/css/audioplayer/skin.jpg") 0 -256px repeat-x;
width: 0px;
height: 5px;
}
/* @end */
/* @group current time and duration */
.jp-audio .jp-time-holder {
position: absolute;
top: 50px;
}
.jp-audio .jp-type-single .jp-time-holder {
left: 55px;
width: 135px
}
.jp-current-time,
.jp-duration {
width: 40px;
font-size: .64em;
font-style: oblique;
}
.jp-current-time {
float: left;
display: inline;
cursor: default;
}
.jp-duration {
float: right;
display: inline;
text-align: right;
cursor: pointer;
}
.jp-jplayer audio,
.jp-jplayer {
width: 0px;
height: 0px;
}
.jp-jplayer {
background-color: #000000;
}
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
.jp-toggles {
padding: 0;
margin: 0 auto;
overflow: hidden;
}
.jp-audio .jp-type-single .jp-toggles {
width: 25px;
}
.jp-audio .jp-type-playlist .jp-toggles {
width: 55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px;
}
.jp-toggles button {
display: block;
float: left;
width: 25px;
height: 18px;
text-indent: -9999px;
line-height: 100%;
/* need this for IE6 */
border: none;
cursor: pointer;
}
.jp-repeat {
background: url("/css/audioplayer/skin.jpg") 0 -290px no-repeat;
}
.jp-repeat:focus {
background: url("/css/audioplayer/skin.jpg") -30px -290px no-repeat;
}
.jp-state-looped .jp-repeat {
background: url("/css/audioplayer/skin.jpg") -60px -290px no-repeat;
}
.jp-state-looped .jp-repeat:focus {
background: url("/css/audioplayer/skin.jpg") -90px -290px no-repeat;
}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
padding: 5px;
font-size: .8em;
background-color: #c00071;
border: 2px solid #c00071;
color: #000;
display: none;
}
.jp-no-solution a {
color: #000;
}
.jp-no-solution span {
font-size: 1em;
display: block;
text-align: center;
font-weight: bold;
}
/* @end */
/* Fin Player */
/* Media */
section.media {
margin-top: -30px;
}
.media {
background-color: #ecedef;
}
/* Paginacion */
.page-item.active .page-link {
background-color: #c00070;
border-color: #c00070;
}
.page-link {
color: #c00070;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-link:hover {
color: #000000;
}
/* Contacto */
label {
font-size: 15px;
}
.btn-send {
background-color: #c00070;
border-color: #c00070;
}
/* Buscador */
#resultados-busqueda .btn-link {
color: #c00070;
text-decoration: none;
font-size: 20px
}
#resultados-busqueda .badge-primary {
color: #ffffff;
background-color: #c00070;
}
#resultados-busqueda .list-group-item {
font-size: 16px;
}
#resultados-busqueda .list-group-item a, #resultados-busqueda .list-group-item a:visited, #resultados-busqueda .list-group-item a:active {
font-size: 16px;
color: #595959
}
div.resultados-busqueda {
font-size: 18px;
font-weight: 800;
color: #595959
}
/* mediaelements player custom */
.rowplayer {
background-color: #000;
/* overflow-x: hidden; */
margin-left: -20px;
margin-right: -20px;
}
.rowplayer-podcast {
background-color: #fff;
}
.playericonos-plays {
background-color: #3B0525;
}
.playericonos-whatsapp {
background-color: #5F093B;
}
.playericonos-compartir {
background-color: #880D55;
}
.playericonos-compartir .btn-group {
padding-left: 0 !important;
}
.playericonos-compartir .dropup .dropdown-toggle::after {
color: #fff;
}
.playericonos-compartir .btn:focus {
outline: 0px;
box-shadow: 0 0 0 0 !important;
}
.playericonos-info {
background-color: #B31270;
}
.playericonos-plays i.fa, .playericonos-whatsapp i.fa, .playericonos-compartir i.fa, .playericonos-info i.fa, .playericonos-expand i.fa, .rowplayer-podcast i.fa {
font-size: 1.2em !important;
color: #fff;
padding-top: 5px;
}
#podcast .card-img-block{
float:left;
width:100%;
overflow:hidden;
}
.rowplayer-podcast .badge{
background-color: #000;
}
#podcast .badge{
background-color: #000;
}
/* .card-body-player {
border-radius: 0px .25rem 0px .25rem;
} */
@media (min-width: 576px) {
/* #podcast .card-img-block{
height:33%;
} */
}
@media (min-width: 576px) {
.playericonos-plays i.fa {
font-size: 1.0em !important;
color: #fff
}
.mejs__horizontal-volume-slider {
width: 40px !important;
}
#podcast .badge {
font-size: 10px;
}
.mejs__controls {
width: 97% !important;
}
}
.mejs__time {
font-size: 10px !important;
font-weight: 700;
padding: 16px 2px 0 !important;
}
/* Galeria fotos */
/*
code by Iatek LLC 2018 - CC 2.0 License - Attribution required
code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
/* Show 4th slide on md if col-md-4*/
.carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
position: absolute;
top: 0;
right: -33.3333%; /*change this with javascript in the future*/
z-index: -1;
display: block;
visibility: visible;
}
}
@media (min-width: 576px) and (max-width: 767px) {
/* Show 3rd slide on sm if col-sm-6*/
.carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
position: absolute;
top: 0;
right: -50%; /*change this with javascript in the future*/
z-index: -1;
display: block;
visibility: visible;
}
}
@media (min-width: 576px) {
.carousel-item {
margin-right: 0;
}
/* show 2 items */
.carousel-inner .active + .carousel-item {
display: block;
}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
transition: none;
}
.carousel-inner .carousel-item-next {
position: relative;
transform: translate3d(0, 0, 0);
}
/* left or forward direction */
.active.carousel-item-left + .carousel-item-next.carousel-item-left,
.carousel-item-next.carousel-item-left + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
/* farthest right hidden item must be also positioned for animations */
.carousel-inner .carousel-item-prev.carousel-item-right {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
visibility: visible;
}
/* right or prev direction */
.active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.carousel-item-prev.carousel-item-right + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(100%, 0, 0);
visibility: visible;
display: block;
visibility: visible;
}
}
/* MD */
@media (min-width: 767px) {
/* show 3rd of 3 item slide */
.carousel-inner .active + .carousel-item + .carousel-item {
display: block;
}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
transition: none;
}
.carousel-inner .carousel-item-next {
position: relative;
transform: translate3d(0, 0, 0);
}
/* left or forward direction */
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
/* right or prev direction */
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(100%, 0, 0);
visibility: visible;
display: block;
visibility: visible;
}
}
/* LG */
@media (min-width: 991px) {
/* show 4th item */
.carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
display: block;
}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
transition: none;
}
/* Show 5th slide on lg if col-lg-3 */
.carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
position: absolute;
top: 0;
right: -25%; /*change this with javascript in the future*/
z-index: -1;
display: block;
visibility: visible;
}
/* left or forward direction */
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
/* right or prev direction //t - previous slide direction last item animation fix */
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(100%, 0, 0);
visibility: visible;
display: block;
visibility: visible;
}
}