/*
Theme Name: Misión Vida
Theme URI: https://misionvidaargentina.com.ar
Author: Pablo Cardozo
Author URI: https:/agenciastaat.com.ar
Description: Tema dedicado exclusivamente a la Iglesia Misión Vida
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */
/* ----------------Colores----------------------------- */
:root{
  --color-primary:#7F0118;
  --primary-light:#8C011B;
  --primary-dark:#40010C;
  --color-secondary:#0E5F80;
  --secondary-light:#0F698C;
  --secondary-dark:#073040;
  --color-opcional:#807A0E;
}
/* ---------------------style-general----------------------- */
html{
  scroll-behavior: smooth;
}
main{
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 1330px) {
  .main-container-lg{
    max-width: 1440px;

  }
 
 }

/* --------------------menu-primario----------------------- */
.top-nav-collapse {
  background-color: var(--primary-dark);
}

@media screen and (max-width:990px){
  .navbar-collapse{
    background-color: #40010c;
    text-align: center;
  }
  
}

/* ---------------------home-page---------------------- */

/* ---------------------seccion-banner------------------------ */
.section-banner{
  background-image: url('https://misionvidaargentina.com/wp-content/uploads/2022/05/bible-1948778_1920.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  height: 100vh;
}
#abaut-as{
  scroll-margin: 120px;
}
.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.95), rgba(53, 54, 54, 0.403) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.95), rgba(53, 54, 54, 0.403) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(0, 0, 0, 0.95)), to(rgba(53, 54, 54, 0.403)));
  background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.95), rgba(53, 54, 54, 0.403) 100%);
  background: linear-gradient(to 45deg, rgba(0, 0, 0, 0.95), rgba(53, 54, 54, 0.403) 100%);
}

.btn-primary-mv{
  background-color: var(--color-primary);
}

.btn-primary-mv:hover{
  background-color: var(--primary-light);
}
/* ------------------------------section-abaut-as----------------------------- */
.cuerpo-tarjeta{
  height: 100%;
  border-top: 10px solid var(--primary-light)
}

.text-front-page{
  font-size:22px;
}

@media screen and (max-width:720px) {
  .text-front-page{
    font-size:18px;
  }
}

/* ------------------------------section-radio---------------------------- */
section#ribbon{
  background: url("https://misionvidaargentina.com/wp-content/uploads/2022/05/microphone-616788_1280.jpg") 50%;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width:990px){
  section#ribbon{
    height: 700px;
  }
}


.container-radio{
  background-color:#00080e8a;
  width: 100%;
  border-radius: 40px;
}

.player{
  margin: auto;
  min-width: 223px !important;
  max-width: 230px;
  height: 100%;
  background-color:rgb(13 13 14 / 80%);
  background-image: url("https://misionvidaargentina.com/wp-content/uploads/2022/05/zoom-mic.jpg");
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 4px solid #1f1f1f;
  box-shadow: 9px 9px 16px #111, -5px -5px 9px #353434c9;
}

.player_header{
  display: block;
}
.player_controls{
  margin-top: 10px;
  display: flex;
  width: 60%;
  justify-content: space-evenly;
  align-items: center;
  background: #111111db;
  border-radius: 20px;
  padding: 10px;
  border: 4px solid #00000087;
  box-shadow: inset 0 0 10px #333;

}

.player_btn{
  cursor: pointer;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  box-shadow:1px 1px 4px #111, -1px -1px 4px #1f1f1f;
  background-color: #0000008a;
}

.player_btn:active{
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow:inset 1px 1px 4px #111, inset -1px -1px 4px #1f1f1f;
}

.player_btn_small{
  min-width: 20px;
  min-height: 20px;
}

.player_btn_social{
  margin:0 15px
}

.player_btn_social > a{
  color: white;
}

.player_btn_social > a:hover{
  color: white;
  text-shadow: 0 0 10px cornflowerblue;
}

.container-social{
  display: flex;
  margin: 10px;
}

.player_title{
  font-weight: 600;
  font-size: 0.8em;
  color:#f1eeee;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
}

.player_img{
  width: 120px;
  margin-top: 10px;
  border-radius: 20px;
  box-shadow:0px 0px 5px rgb(8, 8, 8);
}

.player_artist{
  font-size: 15px;
  margin: 10px 20px 0;
}

.player_song{
  position: relative;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 1em;
  opacity: 0.5;
  margin: 0;
}

.player_btn_medium{
  min-width: 50px;
  min-height: 50px;
}

.btn-blue{
  background-color: rgb(36, 74, 143);
  color: #fff;
}

.hidden-btn{
  display: none;
}

.Blink {
  color:red;
  border-radius: 50%;
  box-shadow: 0 0 10px red;
  animation: blinker .5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

@keyframes blinker {  
  from { opacity: 1;}
  to { opacity: 0;}
}

.on-air{
    background-color: rgb(49, 46, 46);
    padding:2px 10px;
    border-radius: 10px;
    box-shadow:inset 1px 1px 4px #111, inset -1px -1px 4px #1f1f1f;
    border: 4px solid #1f1f1f;
    margin-top:15px;
    font-family: 'Roboto-Bold';
} 

/*----- END STYLE RADIO ------*/

.container_text_radio{
  margin: auto;
}

.title-radio{
  margin: 0px;
  text-align: center;
  font-size: 44px;
  text-shadow: 0 0 5px turquoise;
}

.title-description{
  text-align: center;
  color: darkgray;
  padding: 0;
  margin: 0;
}

.item-fm{
  font-size: 50px;
}

.item-fm > li.mod {
  color: salmon;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0 0 5px red;
  margin-top: 10px;
}

.tel{
  color: whitesmoke;
  margin-top: 30px;
  font-size: 30px;
  font-weight: bold;
}

.text-tel{
  color:white;
}