@charset "UTF-8";
/*
Designed by GSG Comunicaciones
Diciembre 2018 ─ Marzo 2019
Web Development: Kevin Argueta
*/


/* ::: Newsletter ::: */
.Newsletter-Container {padding: 35px 15px 45px 15px;}
.Newsletter-Component {margin: 5px 2px 5px 2px;}
.Newsletter-Input {border-radius: 10px; background: rgba(255,255,255,0) !important; color: #FFFFFF !important; }
.Newsletter-Input::placeholder {color: #FFFFFF !important;}
.Newsletter-Btn {border-radius: 10px;}


/* ::::: Sermons | Index ::::: */
.Reset-Row {display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly !important; align-items: stretch !important;}
.Reset-Col {display: flex !important; align-self: stretch;}
.Sermon-Card {
  margin: 30px 0px 25px 0px; 
  border-radius: 10px 10px 5px 5px;
  width: 22rem !important;
  height: auto !important;
  padding: 0px 0px 30px 0px;
}
.Sermon-Card-Body {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: flex-start;
  align-content: flex-start;
}
@media (min-width: 768px) {
  .Sermon-Card {
    width: 18rem !important;
    height: auto !important;
  }
}

.Sermon-Card-Img {border-radius: 10px 10px 0px 0px;}
.Sermon-Card-Title {font-size: 1.2em;}
.Sermon-Card-Title a {color: #093766; transition: 1s; text-decoration: none;}
.Sermon-Card-Title a:hover {color: #1c9fee; transition: 1s; text-decoration: none;}
/* Authors */
.Sermon-Author-List {list-style: none; padding-left: 0px !important; margin-bottom: 20px !important;}
.Sermon-Author-IndexBx {
  padding: 5px 0px 5px 0px; 
  margin: 3px 0px 10px 20px !important;
}
.Sermon-Author-Text {padding: 15px 5px 5px 12px !important;}
.Sermon-Author-ListItem {margin: 3px 0px 1px 0px;}
/* Button */
.Sermon-Box-Btn {position: absolute; bottom: 2px; margin: 10px 0px 20px 0px !important;}
/* Badge */
.Sermon-Last-Badge {
  font-size: 0.9em;
  position: absolute;
  top: -8px;
  padding: 5px 10px;
}


/* ::: Series Card ::: */
.quick-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.series-card {
  width: 22em;
  border-radius: 15px;
  margin-top: 25px;
}
.serie-info {
  margin: 5px 0px 20px 7px;
  padding: 2px 15px 2px 15px;
  border-bottom: 1px solid #cfe6f9;
}
.serie-info-title {
  font-size: 1.2em;
  margin-bottom: 0px;
}
.serie-info-text {margin: 2px 0px 1px 10px; font-size: 0.9em;}
.serie-info-btn {
  margin: 5px 0px 10px 10px; font-size: 0.9em;
  border: 1px solid #cfe6f9;
}

/* ::: Taxonomy ::: */
.TaxonomyAsideHeader {
  padding: 7px 10px 7px 15px;
  border-radius: 5px;
}
.TaxonomyAsideContainer {margin: 30px 0px 10px 0px;}


/* Pagination */
.custom-pagination {margin: 50px 15px 50px 15px;}
.custom-pagination a {color:#525252 !important; font-weight: 600; font-size: 1.2em; font-family: 'Roboto', sans-serif !important;}
.custom-pagination .pagination {
  align-items: center;
  justify-content: center;
}
.page-item.active .page-link {
  background-color: #093766;
  border-color: #093766;
  font-weight: 600;
  font-size: 1.2em;
  font-family: 'Roboto', sans-serif !important;
}


/* ::::::::: SERMON VIEW ::::::::: */
.Sermon-Info-List {
  list-style: none;
  padding-left: 0px;
}
.Sermon-Info-List li {
  display: inline-block;
  margin-right: 50px;
}
.Sermon-Info-Box {margin: 50px 25px 10px 25px;}
.Sermon-Author-Box {margin: 5px 25px 25px 25px; padding-left: 35px;}
@media (min-width: 768px) {
  .Sermon-Author-Box {margin: 5px 25px 10px 10px;}
}
.Player-Container {margin: 15px 5px 30px 5px;}
.Buttom-Container {margin: 15px 5px 25px 5px;}
.Buttom-Reset {border-radius: 15px;}
.Sermon-YouTube {border-radius: 15px;}
.Sermon-Soundcloud {border-radius: 15px 15px 5px 5px; padding-bottom: 200px;}
.Sermon-Sharer {margin: 3px 2px 50px 10px;}

.Sermon-Podcast-List {list-style: none; padding-left: 0px;}
.Sermon-Podcast-List li {display: inline-block; margin-right: 10px;}

.sermon-placeholder {
  background: #f8f8f8;
  color: #b2c5cb;
  text-transform: uppercase;
  letter-spacing: 10px;
  border-radius: 15px;
  padding: 15px 20px 5px 20px;
}

/* ::::::::: RELATED :::::::: */
.Related-Row {display: flex !important; flex-wrap: wrap; flex-direction: row; justify-content: space-between !important; align-items: stretch !important;}