/*
Theme Name: SoundCast
Theme URI: http://themeforest.net/user/themetosia
Author: Theme Tosia
Author URI: http://www.themetosia.com
Description: Soundcast - Podcast Wordpress Theme
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soundcast
Tags: custom-menu, featured-images,theme-options,post-formats

*/
/***** Table Of Contents *****
    1.0 Body and Core Css
      1.1 Podcast Player (ME JS) 
      1.2 Social Share  
      1.3 Form Control
      1.4 Button 
      1.5 Page Header
      1.6 Loading
    2.0 Menu
    3.0 Shortcode
      3.1 Podcast Hero
      3.2 Section Header
      3.3 Team
      3.4 Podcast
        3.4.1 Full
        3.4.2 Boxed
    4.Donation  
    5.Blog Page
    6.Podcast Page  
    7.Footer  
    8.Error Page
    9.WooCommerce
    10.Responsive    
*/

/** 1.0 Body And Core Css **/

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-style: normal;
  color: #f1f1f1;
  text-rendering: optimizelegibility;
  background: #110f16;
  clear: both;
}

p {
  margin: 0 0 10px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
video {
  width: 100%;
  height: 100%;
}

a {
  text-decoration: none;
  border: 0;
  color: #2ecc71;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #40d47e;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

strong,
b {
  font-weight: 700;
}

em {
  font-style: italic;
}

button,
input[type="submit"] {
  cursor: pointer;
  border: 0;
}

input,
textarea,
select {
  font-size: 14px;
  font-family: 'Montserrat',sans-serif;
}

legend {
  border: none;
  margin-bottom: 40px;
  font-weight: 700;
  text-transform: uppercase;
}

textarea {
  resize: vertical;
}

iframe {
  position: relative;
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 15px;
}

h1,
.h1 {
  font-size: 60px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 25px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 18px;
}

h6,
.h6 {
  font-size: 16px;
}

hr {
  border-top-color: #ddd;
  margin-top: 40px;
  margin-bottom: 40px;
}

blockquote {
  padding: 30px;
  background: #e7e7e7;
  border-left: 5px solid #dddddd;
}

blockquote cite {
  display: block;
}

li {
  list-style-position: inside;
}

.header,
.main,
.footer {
  width: 100%;
  clear: both;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.contact-header h2 {
  margin-bottom: 10px !important;
}

.breadcrumb {
  padding: 0;
  background: none;
}

.breadcrumb > li + li::before {
  content: "// ";
}

.breadcrumb a {
  color: #f1f1f1;
  text-transform: uppercase;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #fff;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

/** 1.1 Podcast Player (ME JS) **/
.mejs-container {
  background: transparent;
}

.mejs-container .mejs-controls {
  background: none;
}

.mejs-container .mejs-controls .mejs-playpause-button {
  width: 65px;
}

.mejs-controls .mejs-button button {
  font-size: 12px;
}

.mejs-controls .mejs-button button:before {
  font-family: FontAwesome;
}

.mejs-controls .mejs-playpause-button button {
  width: 42px;
  height: 42px;
  margin-top: -7px;
  border: 3px solid #fff;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.mejs-controls .mejs-play button:before {
  content: "\f04b";
  padding-left: 5px;
}

.mejs-controls .mejs-pause button:before {
  content: "\f04c";
  padding-left: 1px;
}

.mejs-controls .mejs-mute button:before {
  content: "\f028";
}

.mejs-controls .mejs-unmute button:before {
  content: "\f026";
}

.mejs-controls div.mejs-time-rail {
  padding-top: 7.5px;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #2ecc71;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #fff;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #322c40;
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
  height: 5px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  top: 13px;
  height: 6px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #fff;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #2ecc71;
}

/** 1.2 Social**/


.social-list {
  *zoom: 1;
}

.social-list:before,
.social-list:after {
  content: "";
  display: table;
}

.social-list:after {
  clear: both;
}

.social-list .social-item {
  float: left;
  padding-bottom: 0px;
  padding-top: 0px;
  width: 25%;
  height: 50px;
  list-style: none;
  border: 1px solid #110f16;
  background: #18151f;
}

.social-list.colored .facebook {
  border: #3b5998;
  background: #3b5998;
}

.social-list.colored .facebook:hover a,
.social-list.colored .facebook:focus a {
  border: #30487b;
  background: #30487b;
}

.social-list.colored .instagram {
  border: #125688;
  background: #125688;
}

.social-list.colored .instagram:hover a,
.social-list.colored .instagram:focus a {
  border: #0d3f64;
  background: #0d3f64;
}

.social-list.colored .twitter {
  border: #55acee;
  background: #55acee;
}

.social-list.colored .twitter:hover a,
.social-list.colored .twitter:focus a {
  border: #309aea;
  background: #309aea;
}

.social-list.colored .google {
  border: #dd4b39;
  background: #dd4b39;
}

.social-list.colored .google:hover a,
.social-list.colored .google:focus a {
  border: #ca3523;
  background: #ca3523;
}

.social-list.colored .youtube {
  border: #dd4b39;
  background: #dd4b39;
}

.social-list.colored .youtube:hover a,
.social-list.colored .youtube:focus a {
  border: #ca3523;
  background: #ca3523;
}

.social-list.colored .whatsapp {
  border: #4dc247;
  background: #4dc247;
}

.social-list.colored .whatsapp:hover a,
.social-list.colored .whatsapp:focus a {
  border: #3da838;
  background: #3da838;
}

.social-list.colored .soundcloud {
  border: #ff6600;
  background: #ff6600;
}

.social-list.colored .soundcloud:hover a,
.social-list.colored .soundcloud:focus a {
  border: #d65600;
  background: #d65600;
}

.social-list.colored .linkedin {
  border: #007bb5;
  background: #007bb5;
}

.social-list.colored .linkedin:hover a,
.social-list.colored .linkedin:focus a {
  border: #005f8c;
  background: #005f8c;
}

.social-list.colored .pinterest {
  border: #cb2027;
  background: #cb2027;
}

.social-list.colored .pinterest:hover a,
.social-list.colored .pinterest:focus a {
  border: #a81a20;
  background: #a81a20;
}

.social-list.colored .spotfy {
  border: #00e461;
  background: #00e461;
}

.social-list.colored .spotfy:hover a,
.social-list.colored .spotfy:focus a {
  border: #00bb50;
  background: #00bb50;
}

.social-list.colored .email {
  border: #4dc247;
  background: #4dc247;
}

.social-list.colored .email:hover a,
.social-list.colored .email:focus a {
  border: #3da838;
  background: #3da838;
}

.social-list a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.social-list a:hover,
.social-list a:focus {
  background: #2ecc71;
}

/** 1.3 Form Control**/

.form-newsletter .btn {
  height: 60px;
  font-size: 25px;
}

.form-newsletter .form-control {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  font-size: 18px;
  margin-top: 0px;
  border: none;
}

.form-newsletter {
  margin-bottom: 70px;
  padding: 0 10%;
}

.form-negative:focus {
  outline: none;
  box-shadow: none;
  border-color: #1d1925 !important;
  background: #1d1925 !important;
}

input[type="email"]:focus, 
input[type="number"]:focus,
input[type="password"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="text"]:focus,
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="search"]:focus,
input[type="month"]:focus, 
input[type="datetime"]:focus,
input[type="date"]:focus,
textarea:focus, 
textarea.form-control:focus,
.form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #999;
  background: #fcfcfc;
}

input[type="email"], 
input[type="number"],
input[type="password"], 
input[type="tel"], 
input[type="url"], 
input[type="text"],
input[type="time"], 
input[type="week"], 
input[type="search"],
input[type="month"], 
input[type="datetime"],
input[type="date"] {
  margin-top: 5px;
}

input[type="email"], 
input[type="number"],
input[type="password"], 
input[type="tel"], 
input[type="url"], 
input[type="text"],
input[type="time"], 
input[type="week"], 
input[type="search"],
input[type="month"], 
input[type="datetime"],
input[type="date"],
textarea, 
textarea.form-control, 
.form-control {
  width: 100%;
  height: 42px;
  line-height: 42px;
  display: block;
  padding: 0 15px;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: #fff;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
  color: #fff;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}

.form-control::-moz-placeholder {
  color: #fff;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
  color: #fff;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}

.form-negative {
  background: #24202e;
  border-color: #24202e;
  color: #fff;
}

.wpcf7 p {
  color: #000;
  padding:5px 0;
}

.search-page .post {
  margin-bottom: 30px;
}

.search-page .entry-summary {
  margin-bottom: 20px;
}

.nav-links .nav-next,
.nav-links .nav-previous {
  display: inline-block;
}

.nav-links .nav-next a,
.nav-links .nav-previous a {
  font-size: 16px;
}

.nav-links .nav-next a:hover,
.nav-links .nav-previous a:hover {
  color: #000;
} 


.nav-links .nav-next {
  float: right;
}

/** 1.4 Button **/

.wpcf7 textarea {
  height: auto;
  line-height: 20px;
  padding: 10px 15px;
}

.wpcf7 input[type="submit"],
.btn,
.btn-lg,
.btnl-sm,
.btn-xs {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  font-weight: 700;
}


.blog-content-paragraph input[type="submit"] {
  color: #fff;
}

.blog-content-paragraph input[type="submit"],
.wpcf7 input[type="submit"],
.btn-lg {
  padding: 11.5px 16px;
  font-size: 14px;
}

.screen-reader-text {
  display: none;
}

.btn-round {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-default {
  color: #110f16;
  background: #ecf0f1;
  border: #ecf0f1;
}

.btn-default:hover,
.btn-default:focus {
  background: #dde4e6;
  border: #dde4e6;
}

.btn-info {
  background: #3498db;
  border: #3498db;
}

.btn-info:hover,
.btn-info:focus {
  background: #258cd1;
  border: #258cd1;
}

.btn-danger {
  background: #e74c3c;
  border: #e74c3c;
}

div.wpcf7 img.ajax-loader {
  display: none;
}

.btn-danger:hover,
.btn-danger:focus {
  background: #e43725;
  border: #e43725;
}

.btn-warning {
  background: #f39c12;
  border: #f39c12;
}

.btn-warning:hover,
.btn-warning:focus {
  background: #e08e0b;
  border: #e08e0b;
}

.blog-content-paragraph input[type="submit"],
.wpcf7 input[type="submit"],
.btn-success {
  background: #2ecc71;
  border: #2ecc71;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus,
.btn-success:hover,
.btn-success:focus {
  background: #29b765;
  border: #29b765;
}

.btn-primary {
  background: #18151f;
  border: #18151f;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #050507;
  border: #050507;
}

.btn-toggle {
  position: relative;
  display: block;
  padding: 12px 15px;
  color: #666;
  background: #e2e2e2;
  border: 1px solid #dddddd;
}

.btn-toggle:after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 22px;
  height: 24px;
  display: block;
  margin-top: -12px;
  border: 1px solid #cdcdcd;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}

.btn-toggle[aria-expanded="true"]:after {
  content: "-";
}

.btn-toggle:hover,
.btn-toggle:focus {
  color: #666;
  background: #d8d8d8;
}

/** 1.5 Page Header **/

.page-header,
.page-header-podcast,
.page-error {
  position: relative;
  height: 450px;
  padding: 0;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #110f16;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: none;
}

.page-header:before,
.page-header-podcast:before,
.page-error:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  display: block; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: -webkit-linear-gradient(to top, transparent, #18151f);
  background-image: -moz-linear-gradient(to top, transparent, #18151f);
  background-image: -o-linear-gradient(to top, transparent, #18151f);
  background-image: linear-gradient(to top, transparent, #18151f); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00ffffff', GradientType=0); /* IE6-8 */
}

.page-header:after,
.page-header-podcast:after,
.page-error:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  display: block; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: -webkit-linear-gradient(to bottom, transparent, #110f16);
  background-image: -moz-linear-gradient(to bottom, transparent, #110f16);
  background-image: -o-linear-gradient(to bottom, transparent, #110f16);
  background-image: linear-gradient(to bottom, transparent, #110f16); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00ffffff', GradientType=0); /* IE6-8 */
}

.page-header .page-header-inner,
.page-header-podcast .page-header-inner,
.page-error .page-header-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 140px;
  background-color: #110f16;
  background-color: rgba(17, 15, 22, 0.7);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3110f16, endColorstr=#b3110f16)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3110f16, endColorstr=#b3110f16);
  z-index: 5;
}

.page-header h2,
.page-header-podcast h2,
.page-error h2 {
  margin: 90px 0 20px 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 48px;
  letter-spacing: 1px;
}

/** 1.6 Loading **/

#preload {
  background-color:#18151f;
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%; 
  z-index: 999999;
  display:table;
}

.spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  display:table-cell;
  vertical-align:middle;
} 

.spinner > div {
  background-color: #ffffff;
  height: 60px;
  width: 6px;
  display: inline-block; 
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
  transform: scaleY(0.4);
  -webkit-transform: scaleY(0.4);
}  20% { 
  transform: scaleY(1.0);
  -webkit-transform: scaleY(1.0);
}
}


/** 2.0 Menu **/

.navbar-nav>li>a {
  position: relative;
  display: block;
  padding: 25px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.navbar-header .scroll-to {
  padding: 25px 0;
  display: inline-block;
}

.navbar-nav>li>a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #2ecc71;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.navbar-nav>li:hover > a:before {
  width: 100%;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color:transparent !important;
}

.navbar li:hover>ul { display:block; }

.navbar.fixed-header {
  background: #1d1925;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.dropdown-menu  {
  background: #1d1925;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateX(-15px);
  -moz-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  -o-transform: translateX(-15px);
  transform: translateX(-15px);
  right: auto !important;
  left: 0 !important;
  margin-left: 15px;
  padding: 0;
}

.nav .dropdown:hover ..dropdown-menu,
.nav .dropdown:focus ..dropdown-menu {
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.dropdown-menu>li>a {
  display: block;
  padding: 14px 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #f1f1f1;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}


.dropdown-menu>.active>a {
  background-color: #1d1925; 
}

.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:active {
  background-color: #282434;
  color: #f1f1f1;
}
/** 3.0 Shortcode **/

/** 3.1 Podcast Hero **/

.podcast-hero {
  position: relative;
  width: 100%;
  height: 980px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #110f16;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.podcast-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  display: block; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: -webkit-linear-gradient(to top, transparent, #18151f);
  background-image: -moz-linear-gradient(to top, transparent, #18151f);
  background-image: -o-linear-gradient(to top, transparent, #18151f);
  background-image: linear-gradient(to top, transparent, #18151f); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00ffffff', GradientType=0); /* IE6-8 */
}

.podcast-hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  display: block; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: -webkit-linear-gradient(to bottom, transparent, #110f16);
  background-image: -moz-linear-gradient(to bottom, transparent, #110f16);
  background-image: -o-linear-gradient(to bottom, transparent, #110f16);
  background-image: linear-gradient(to bottom, transparent, #110f16); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00ffffff', GradientType=0); /* IE6-8 */
}

.podcast-hero .podcast-hero-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #110f16;
  background-color: rgba(17, 15, 22, 0.5);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80110f16, endColorstr=#80110f16)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80110f16, endColorstr=#80110f16);
  z-index: 10;
}

.podcast-hero .podcast-hero-inner > .container {
  position: relative;
  height: 100%;
}

.podcast-hero .podcast-hero-content {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 0 15px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 20;
}

.podcast-hero .podcast-hero-content a {
  color: inherit;
}

.podcast-hero .podcast-hero-content .podcast-hero-date {
  display: block;
  margin-bottom: 10px;
  color: #f1f1f1;
}

.podcast-hero .podcast-hero-content .podcast-hero-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 32px;
}

.podcast-hero .podcast-hero-content .podcast-hero-meta .item {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  display: inline;
  font-size: 16px;
  list-style: none;
  color: #2ecc71;
}

.podcast-hero .podcast-hero-content .podcast-hero-meta .item + .item:before {
  content: "//";
  margin: 0 10px;
}

.podcast-hero .podcast-hero-content .podcast-hero-meta .item a:hover,
.podcast-hero .podcast-hero-content .podcast-hero-meta .item a:focus {
  color: #fff;
}

.video-player {
  position: relative;
}
.podcast-hero .video-player {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: transparent;
}

.video-player iframe,
.podcast-hero .video-player iframe {
  margin: 0 auto;
  display: block;
}

.podcast-hero .podcast-player {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 125px;
  background: transparent;
}

.podcast-hero .podcast-hero-player-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
}

.podcast-meta-element .podcast-meta-item i {
  margin-right: 3px;
}

/** 3.2 Section Header **/

.section-header .title-default {
  margin: 50px 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
}

.section-header .section-description {
  margin-bottom: 50px;
}


/** 3.3 Team **/

.team-card {
  background: #e4e4e4;
}

.team-card .team-card-image {
  position: relative;
  width: 100%;
  height: 270px;
}

.team-card .team-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-card .team-card-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #110f16;
  background-color: rgba(17, 15, 22, 0.5);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80110f16, endColorstr=#80110f16)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80110f16, endColorstr=#80110f16);
  display: block;
}

.team-card .team-card-title {
  margin-top: 25px;
  padding: 0 25px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  color: #000;
}

.team-card .team-card-job {
  padding: 0 25px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}

.team-card .team-card-description {
  min-height: 80px;
  margin-bottom: 20px;
  padding: 0 25px;
  color: #444;
}

.team-card .team-card-social {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.team-card .team-card-social .social-item {
  list-style: none;
  display: table-cell;
}

.team-card .team-card-social .social-item + .social-item {
  border-left: 1px solid #24202e;
}

.team-card .team-card-social a {
  display: block;
  padding: 10px 15px;
  background: #282434;
  color: #fff;
  text-align: center;
}

.team-card .team-card-social a:hover,
.team-card .team-card-social a:focus {
  background: #24202e;
}
/* 3.4 PodCast Card */

.podcast-card {
  position: relative;
  background: #18151f;
  *zoom: 1;
}

.podcast-card:before,
.podcast-card:after {
  content: "";
  display: table;
}

.podcast-card:after {
  clear: both;
}

.podcast-card .podcast-image a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.podcast-card .podcast-image a:before {
  content: "\f04b";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  background: #fff;
  color: #2ecc71;
  text-align: center;
  line-height: 51px;
  text-indent: 5px;
  z-index: 5;
  font-size: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.podcast-card .podcast-image a:hover:before,
.podcast-card .podcast-image a:focus:before {
  background: #2ecc71;
  color: #fff;
}

.podcast-card .podcast-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.podcast-card.full .podcast-excerpt {
  height: 38px;
  overflow: hidden;
  line-height: 18px;
  margin-bottom: 25px;
}

.podcast-card .podcast-content {
  padding: 25px;
  color: #f1f1f1;
}

.podcast-card .podcast-content a {
  color: inherit;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.podcast-card .podcast-content a:hover,
.podcast-card .podcast-content a:focus {
  color: #fff;
}

.podcast-card .podcast-date {
  display: block;
  margin-bottom: 10px;
}

.podcast-card .podcast-title {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.podcast-card .podcast-meta .item {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  color: #2ecc71;
  list-style: none;
}

.podcast-hero-meta i,
.podcast-card .podcast-meta .item i {
  margin-right: 3px;
}

.podcast-card .podcast-meta .item + .item:before {
  content: "//";
  margin: 0 10px 0 5px;
}

/* 3.4.1 Podcast Card Full */

.podcast-card.full {
  height: 200px;
}

.podcast-card.full .podcast-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  height: 100%;
  float: left;
}

.podcast-card.full .podcast-image a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 100%; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: -webkit-linear-gradient(to right, transparent, #18151f);
  background-image: -moz-linear-gradient(to right, transparent, #18151f);
  background-image: -o-linear-gradient(to right, transparent, #18151f);
  background-image: linear-gradient(to right, transparent, #18151f); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00ffffff', GradientType=0); /* IE6-8 */
  display: block;
}

.podcast-card.full .podcast-content {
  width: 75%;
  float: right;
}


/* 3.4.2 Podcast Card Boxed */

.podcast-card.boxed .podcast-image {
  height: 280px;
}

.podcast-card.boxed .podcast-image a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: -webkit-linear-gradient(to bottom, transparent, #18151f);
  background-image: -moz-linear-gradient(to bottom, transparent, #18151f);
  background-image: -o-linear-gradient(to bottom, transparent, #18151f);
  background-image: linear-gradient(to bottom, transparent, #18151f); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00ffffff', GradientType=0); /* IE6-8 */
  display: block;
}

.podcast-card.boxed .podcast-excerpt {
  height: 38px;
  overflow: hidden;
}

.podcast-hero-player-content.podcast-player-inner  {
  padding: 40px 0;
}

/** 4. Donation **/

#give-payment-processing {
  padding: 100px 0;
  text-align: center;
}

#give-payment-processing p {
  font-size: 20px;

}

.transaction_failed {
  font-size: 25px;
}

#give-amount-text,
.give-form-title {
  display: none;
}

#give-donation-level-button-wrap {
  display: inline-block;
  margin-bottom: 40px;
}

.give-form {
  text-align: center;
}

.give-btn {
  background: #EDEDED;
  border: 1px solid #ccc;
  color: #333;
  padding: 10px 70px;
  font-size: 14px;
  border-radius: 3px;
}

.give-btn.give-btn-modal {
  margin: 0 auto 60px auto !important;
  display: table;
}

#give-donation-level-button-wrap>li {
  list-style-type: none;
  list-style-image: none;
  float: left;
  margin: 0 10px 5px 0;
}

form[id*=give-form] .give-donation-amount {
  display: none !important;
}

/** 5.Blog Page **/

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 22.7px;
  background-color: #e4e4e4;
  border: 1px solid #ddd;
  border-radius: 0px;
  color: #000;
}

.pager li>a h3 {
  font-size: 12px;
}

.blog-content {
  background: #fff;
  color: #110f16;
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-content .entry-title a {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  display: inline-block;
}

.blog-content .entry-title {
  margin-bottom: 5px;
}

.h2o_media {
  margin-bottom: 10px;
}

table td {
  padding: 5px;
  border: 1px solid #eee;
}

dl dt {
  padding: 5px;
}

table th {
  border: 1px solid #eee;
  padding: 5px;
}

.blog-content .category a {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0px;
  text-transform: uppercase;
  display: inline-block;
}

.blog-content .post-date {
  font-size: 15px;
  margin-top: 20px;
  color: #000;
}

.blog-page-links {
  margin-top: 20px;
}

.archives .post-desc, .blog-content .post-desc {
  list-style-type: none;
  margin-top: 10px;
  clear: both;
}

.archives .post-desc li, .blog-content .post-desc li {
  float: left;
  color: #000;
  margin-right: 10px;
}

.blog-content ul li, .archives ul li, #blog-page ul li, .blog-content ol li, .archives ol li, #blog-page ol li {
  line-height: 30px;
}

.archives span,
.blog-content span,
#blog-page span,
.blog-content p, 
.archives p, 
#blog-page p {
  line-height: 25px;
  font-weight: 600;
  font-family: "Open Sans", Arial, Sans-Serif;
  font-size: 16px;
  margin-bottom: 25px;
}

.blog-content .entry-content {
  margin-top: 30px;
  padding-bottom: 45px;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 45px;
}

.widget-area .widget-title {
  position: relative;
  margin-bottom: 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
}

.widget-area .widget-title:after {
  background: #110f16;
  content: "";
  width: 20%;
  height: 4px;
  display: block;
  margin-top: 10px;
}

.widget-area a {
  font-size: 16px;
}

.single-tag-list span  {
  font-size: 16px;
}

.single-tag-list span a{
  padding: 5px 8px;
  background: #2ecc71;
  color: #f1f1f1;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}

.single-tag-list span a:hover {
  background: #28b363;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6, 
.comment-body h1, 
.comment-body h2, 
.comment-body h3, 
.comment-body h4, 
.comment-body h5, 
.comment-body h6, 
#blog-page h1, 
#blog-page h2, 
#blog-page h3, 
#blog-page h4, 
#blog-page h5, 
#blog-page h6 {
  margin: 30px 0 15px 0;
}

blockquote {
  border: 0px;
  font-size: 18px;
  font-style: italic;
  margin: 55px 0px 55px;
  background: transparent;
  padding: 0px;
}

blockquote:before {
  content: '“';
  display: inline-block;
  line-height: 0;
  width: 6%;
  text-align: left;
  vertical-align: top;
}

blockquote:after {
  content: '”';
  display: inline-block;
  line-height: 0;
  width: 6%;
  text-align: right;
  vertical-align: bottom;
  float:right;
}

blockquote:after, blockquote:before {
  color: #000;
  font-size: 40px;
  display:block;
  clear:both;
  font-style: normal;
}

.comment-list dt, .comment-list th, dt, th {
  font-weight: bold;
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
}

.entry-content ol, .entry-content ul {
  margin-left: 5%;
}

.sticky {}
.bypostauthor{}

code {
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 400;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

.blog-content-paragraph {
  margin-bottom: 30px;
}

.alignnone {
  margin: 5px 20px 20px 0;}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;}

.alignright {
  float:right;
  margin: 5px 0 30px 30px;}

.alignleft {
  float: left;
  margin: 5px 30px 30px 0;}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

.wp-caption p, .wp-caption-text {
  font-size: 13px;
  text-align: center;
  color: #000;
}

.entry-content img, .entry-content figure {
  max-width: 100% !important;
}

.wp-caption {
  background: transparent;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.comments-area {
  margin: 90px 0 90px 0;
  padding: 20px 10px;
  background: #fafafa;}

.comments-area-col {
  padding:0px 7.5px;}

.comments-area-row {
  margin:0px -7.5px;}

.comment-list li .comment-body ul li, .comment-list li .comment-body ol li {
  margin-bottom: 5px;
  color: #000;}

.comment-list li .comment-body ul li:after, .comment-list li .comment-body ol li:after {
  display:none;}

#comments .comments-title, #comments .comment-reply-title {
  font-size: 30px;
  padding-bottom: 15px;
  margin: 0px 0px 25px;
  text-transform:uppercase;
  color: #000;
  text-align:center;
}

address {
  color: #000;
}

#comments ul ul,
#comments ol ol { margin-left:20px }

.page #comments {
  margin-top: 50px;}

.comment-list {
  list-style: none;
  padding: 0;
  margin: 0px 0px 50px;
  border-bottom: 1px solid rgba(0,0,0,0.1);}

.comment-list .children {
  list-style: none;
  padding: 0;
  margin: 0 0 0 30px;}

.comment .avatar {
  float:left;
  overflow: hidden;
  margin-right: 20px;
  border:1px solid #f0f0f0;}

.comment .comment-body .comment-author .comment-meta {
  font-size:10px;
  margin:6px 0px;}

.comment .comment-body .comment-author .comment-meta i {
  margin-right:5px;}

.comment .comment-body .comment-author cite {
  font-weight: 600;
  font-size:18px;
  font-style: normal;
  color:#2a2a2a;}

.comment .comment-body .reply {
  background:#d0d0d0;
  text-transform:uppercase;
  display:table;
  float:right;
  transition: opacity 0.2s, transform 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s, transform 0.2s ease-in-out;
  -moz-transition: opacity 0.2s, transform 0.2s ease-in-out;}

.comment .comment-body .reply:hover, .comment .comment-body .reply:focus {
  background: #2ecc71;
  transition: opacity 0.2s, transform 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s, transform 0.2s ease-in-out;
  -moz-transition: opacity 0.2s, transform 0.2s ease-in-out;}

.comment .comment-body .reply a, .comment .comment-body .reply a:visited {
  color: #FFFFFF;
  display: block;
  padding: 5px 10px;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 1px;}

.comment .comment-body p {
  margin:0px;
  display: table;
}

.comment .comment-body .comment-meta {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 25px;
  color: #939393;
  display: inline-block;
  }

.comment .comment-body .comment-meta a, 
.comment .comment-body .comment-meta a:visited {
  font-size: 13px;}

.comment .comment-body .comment-meta:hover a,
.comment .comment-body .comment-meta:focus a,
.comment .comment-body .comment-meta:active a{
  color: #000;
}

.comment .comment-body .comment-author {
  margin-bottom: 20px;}

.comment .comment-body .comment-author .says {
  display:none;}

.comment .comment-body:after,
.comment .comment-body:before {
  clear:both;
  display:block;
  content:'';}

.comment-list li {
  margin-bottom:25px;}

.comment-list li:last-child:after {
  display:none;}

.comment-list li:after {
  content: '';
  clear: both;
  display: block;
  padding-top: 25px;
  border-bottom: 1px solid #E1E1E1;
  width: 75%;
  margin: 0 auto;}

.comment-list .children li {
  margin-bottom:0px;
  margin-top:30px;}

#comments button, #comments input[type="submit"] {
  text-transform:uppercase;
  margin-top: 10px;
  border-radius: 0px;
  width: 100%;
  padding: 15px 0;
  background: #000 !important;
  color: #fff !important
}

#comments button:hover,
#comments button:focus,
#comments button:active,
#comments input[type="submit"]:hover,  
#comments input[type="submit"]:focus,  
#comments input[type="submit"]:active {
  background: #000 !important;
  color: #2ecc71 !important;
} 

#comments input[type="email"],
#comments input[type="number"],
#comments input[type="password"],
#comments input[type="tel"],
#comments input[type="url"],
#comments input[type="text"],
#comments input[type="time"],
#comments input[type="week"],
#comments input[type="search"],
#comments input[type="month"],
#comments input[type="datetime"],
#comments input[type="date"],
#comments textarea,
#comments textarea.form-control,
#comments select{
  border: 1px solid #f0f0f0;
  color: #000;    
  background: #fff;
  font-weight: 700;
}

#comments textarea,
#comments textarea.form-control {
  height: 100px;
}

.search-page .entry-header { margin-top: 0;}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  color: #32465a;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 2em;}

.logged-in-as a:hover {
  border-bottom: 1px solid #333;}

.no-comments {
  border-top: 1px solid #eaeaea;
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-weight: 700;
  padding-top: 1.6em;}

.comment-navigation + .no-comments {
  border-top: 0;}

.required {
  color: #c0392b;}

.comment-reply-title small {
  font-size: 100%;}

.comment-reply-title small a {
  border: 0;
  float: right;
  height: 32px;
  overflow: hidden;
  width: 26px;}

.comment-reply-title small a:before {
  content: "\f405";
  font-size: 32px;
  position: relative;
  top: -3px;}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.pagination>li>a, .pagination>li>span {
  color: #2ecc71;
  background: #24202e;
  border-color: #2d283a;
}
.pagination>.active>a, 
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
  color: #2ecc71;
  background: #2d283a;
  border-color: #2d283a;
}


.pagination>li:first-child>a span,
.pagination>li:last-child>a span {
  position: relative;
  top: -2px;
}
.pagination>li:first-child>a, 
.pagination>li:first-child>span {
  height: 34px;
}



.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 34px;
}

/** 6.Podcast Page **/

.page-header-podcast h2 {
  font-size: 30px;
}

.podcast-player {
  background: #110f16;
}

.podcast-player .podcast-player-inner {
  padding: 40px 0;
}

.podcast-player iframe[src*="soundcloud"] {
  width: 100%;
  height: 100px;
  background: #e5e5e5;
}

.podcast-player .video-frame {
  width: 800px;
  height: 450px;
  display: block;
  margin: 0 auto;
}

.podcast-meta-element {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: #1d1925;
}

.podcast-meta-element .podcast-meta-item {
  height: 65px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #f1f1f1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.podcast-meta-element .podcast-meta-item + .podcast-meta-item {
  border-left: 1px solid #16131c;
}

.podcast-meta-element a.podcast-meta-item:hover,
.podcast-meta-element a.podcast-meta-item:focus {
  background: #2ecc71;
}

.podcast-links {
  padding: 20px 0;
  background: #17141e;
}

.podcast-links .podcast-links-list {
  margin: 0;
}

.podcast-links .podcast-links-list li {
  margin: 11px 0;
  list-style: none;
}

.podcast-links .btn {
  width: 65px;
}

.podcast-links .podcast-link-cite {
  margin-left: 10px;
  color: #f1f1f1;
  vertical-align: middle;
}

.podcast-links a.podcast-link-cite {
  color: #7ee2a8;
}

.podcast-links a.podcast-link-cite:hover,
.podcast-links a.podcast-link-cite:focus {
  color: #2ecc71;
}

.section-negative {
  background: #f1f1f1;
  color: #110f16;
}

.section-negative .title-separator:after {
  background: #110f16;
}

.tag-list {
  *zoom: 1;
}

.contact-header p,
.page-content p {
  margin-bottom: 25px;
  color: #444;
  line-height: 25px;
  font-weight: 600;
  font-family: "Open Sans", Arial, Sans-Serif;
  font-size: 16px;
}

.tag-list:before,
.tag-list:after {
  content: "";
  display: table;
}

.tag-list:after {
  clear: both;
}

.tag-list .tag-item {
  float: left;
  margin: 0 5px 5px 0;
  list-style: none;
}

.tag-list a {
  display: block;
  padding: 5px 8px;
  background: #2ecc71;
  color: #f1f1f1;
}

.tag-list a:hover,
.tag-list a:focus {
  background: #28b363;
}

.widget-area .widget {
  margin-bottom: 50px;
}

.widget-area ul {
  list-style-type: none;
}

.widget .screen-reader-text {
  display: none;
}

.widget_calendar table {
  margin: 0;
  width:100%;}

.widget_calendar td,
.widget_calendar th {
  line-height: 2.3333;
  text-align: center;
  padding: 0;}

.widget_calendar caption {
  margin: 0 0 1.6em;
  letter-spacing: 0.04em;
  text-transform: uppercase;}

.widget_calendar tbody a {
  background-color: #2ecc71;
  color: #fff;
  display: block;
  font-weight: 700;}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #2a2a2a;
  color: #fff;}

select {
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  color: #000;
  background-image: none;
  width: 100%;
  padding: 12px 10px;
  min-height: 50px;
  font-weight: 700;
  font-size: 13px;
  box-shadow: none;
  outline: none;
}

.widget_rss ul {
  list-style: none;
  margin: 0;}

.widget_rss li {
  margin-bottom: 1.6em;}

.widget_rss ul:last-child,
.widget_rss li:last-child {
  margin-bottom: 0;}

.widget_rss .rsswidget {
  border: 0;
  font-weight: 700;}

.widget_rss .rsswidget img {
  margin-top: -4px;}

.widget_rss .rssSummary,
.widget_rss .rss-date,
.widget_rss cite {
  font-size: 14px;
  font-style: normal;
  display: block;
  line-height: 2;
  opacity: 1;
  color: #000;}

.search-submit {
  display: none;
}
.entry-content img, .entry-content figure {
  max-width: 100% !important;
}

.widget.widget_tag_cloud .tagcloud a {
  padding:0px 5px;
}

.widget.widget_pages ul ul, 
.widget.widget_pages ol ol, 
.widget.widget_pages ul ol, 
.widget.widget_pages ol ul, 
.widget.widget_nav_menu ul ul, 
.widget.widget_nav_menu ol ol, 
.widget.widget_nav_menu ul ol, 
.widget.widget_nav_menu ol ul {
  margin-left: 15px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.widget-area .search-submit {
  display: none !important;
}

/** 7.Footer **/

.footer .widget-title,
.title-separator {
  position: relative;
  margin-bottom: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
}

.footer .widget-title:after,
.title-separator.white:after {
  background: #f1f1f1;
}

.footer .widget-title:after,
.title-separator:after {
  content: "";
  width: 20%;
  height: 4px;
  display: block;
  margin-top: 10px;
  background: #fff;
}

.footer li,
.footer-list li {
  padding-bottom: 6px;
  list-style: none;
}

.footer li+li,
.footer-list li + li {
  padding-top: 6px;
  border-top: 1px solid #222;
}

.footer li a,
.footer-list a {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  color: #bdc3c7;
}

.footer li a:hover,
.footer li a:focus,
.footer-list a:hover,
.footer-list a:focus {
  color: #fff;
}

.footer-complement li {
  padding-bottom: 14px;
  list-style: none;
}

.footer-complement li + li {
  padding-top: 14px;
  border-top: 1px solid #222;
}

.footer-complement a {
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #bdc3c7;
  font-weight: 700;
  font-size: 15px;
}

.footer-complement a:hover,
.footer-complement a:focus {
  color: #2ecc71;
}

.footer-complement span {
  color: #666;
}

.footer-credits {
  background: #0b0a0e;
  padding: 25px 0;
}

.footer-credits h2 {
  margin: 0;
  font-size: 0;
}

.sidebar-widget {
  margin-bottom: 70px;
}

#map {
  width: 100%;
  height: 400px;
  background-color: #ffffff;
}

/** 8. Error Page */

.page-error {
  height: 700px;
}

.page-error .page-error-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #110f16;
  background-color: rgba(17, 15, 22, 0.7);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3110f16, endColorstr=#b3110f16)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3110f16, endColorstr=#b3110f16);
  z-index: 5;
}

.page-error .page-error-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-error h2 {
  margin-top: 0;
}


/** 9. WooCommerce */

.shop-content {
  margin-top: 20px;
}

.woocommerce div.product .product_title {
  font-size: 30px;
}

ins .woocommerce-Price-amount.amount {
  font-size: 20px;
  color: #282434;
  margin-left: 20px;
  font-weight: 400;
  display: inline-block;
}

.woocommerce div.product form.cart, .woocommerce div.product p.cart {
  margin-top: 100px;
}

.woocommerce .quantity .qty {
  width: 3.631em;
  text-align: center;
  color: #000;
  opacity: 1;
  line-height: 50px;
  background: #eee;
  padding: 0px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #2ecc71;
  border-radius: 0;
  margin-top: 5px;
  padding: 14px 20px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.woocommerce span.onsale {
  background-color: #2ecc71;
}

.shop-content .panel {
  background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-bottom: 1px solid #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid #2ecc71;
  background-color: #2ecc71;
  display: inline-block;
  position: relative;
  z-index: 0;
  border-radius: 0;
  margin: 0px;
  padding: 5px 10px;
  color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: .5em 0;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #3c763d;
  border-color: #3c763d;
  z-index: 2;
  border-bottom-color: #fff;
}

del .woocommerce-Price-amount.amount {
  color: #2ecc71;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  text-decoration: none;
  color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  border: 0px;
  position: absolute;
  bottom: -0px;
  width: 0px;
  height: 0px;
  content:;
}

.related.products h2,
.woocommerce-tabs h2{
  margin: 15px 0;
  font-size: 25px;
}

.related.products {
  margin-top: 50px;
}

.shop-content #comments {
  margin-bottom: 30px;
}

.woocommerce #reviews h3 {
  font-size: 25px;
}

.comment-form-rating {
  margin: 20px 0px !important;
}

.comment-form-rating label {
  margin-bottom: 5px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: 10px 20px;
  font-weight: 700;
  border-radius: 0;
  left: auto;
  color: #fff;
  background-color: #2ecc71;
  border: 0;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #3c763d;
  color: #fff;
}

.woocommerce ul.products li.product .price del {
  opacity: 1;
  display: inline-block; 
}

.woocommerce #review_form #respond textarea {
  box-sizing: border-box;
  width: 100%;
  margin-top: 10px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background-color: #3c763d;
  text-decoration: none;
  background-image: none;
  color: rgb(255, 255, 255);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.woocommerce table th {
  border: none;
  padding: 5px;
  background: #fff;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
  width: 150px !important;
}

#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {
  padding: 14px 20px;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
  padding: 15px 20px;
}

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
  text-align: right;
  background: #fff !important;
}

.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
  background-color: #6dab3c;
}

.woocommerce table.shop_table {
  border: 1px solid #fff;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 0px;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: #ebe9eb;
  border-radius: 5px;
  color: #000;
}

#customer_details {
  margin-bottom: 50px;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
  border-color: #69bf29;
  color: #000 !important;
}

.woocommerce ul.products li.product .price {
  color: #2ecc71 !important;
 font-size: 15px !important;
}

.woocommerce form .form-row textarea {
  padding: 10px;
  height: 150px;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: 1;
  color: #000 !important;
}

.shop-content ins .woocommerce-Price-amount.amount {
  color: #fff;
}

.woocommerce-tabs {
  margin-top: 50px;
  display: inline-block;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
  margin: 0 0 50px;
}


/** 10. Responsive */

@media screen and (max-width: 1024px) { 

.podcast-card .podcast-content {
  padding: 10px;
}

.podcast-card .podcast-title {
  margin-bottom: 2px;
}

#page .pager {
  display: none;
}}

@media screen and (max-width: 768px) { 

.navbar-nav>li>a {
  padding: 25px 15px;
}

.podcast-excerpt {
  max-height: 50px;
  overflow: hidden;
}

.podcast-card .podcast-title {
  margin-bottom: 10px;
}}

@media screen and (max-width: 736px) { 
.navbar-toggle {
  border-color: #fff;
  margin-top:15px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #1d1925;
  border-color: #1d1925;
}

.navbar-toggle .icon-bar {
  background: #fff;
}

.dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:active {
  width: 100%;
}

.navbar-header .scroll-to {
  margin-left: 15px;
}

.navbar li:hover>ul {
  width: 100%;
  box-shadow: none;
}

.navbar-header,
#nav {
  background: #1d1925;
}

.dropdown-menu>li:after {
  margin-left: 15px;
}

.dropdown-menu>li>a{
  display: table;
}

.dropdown-menu>li:after {
  width: 95%;
}
.navbar-nav .open .dropdown-menu>li>a {
  line-height: 20px;
  width: 100%;
  padding: 14px 30px;
}}

@media screen and (max-width: 414px) { 
.podcast-excerpt {
  display: none;
}

.podcast-card .podcast-meta .item + .item:before {
  margin: 0 2px 0 2px;
}

.podcast-links-list .podcast-link-cite {
  font-size: 13px;
}

.page-header-content p {
  max-height: 50px;
  overflow: hidden;
}

.video-player iframe {
  width:350px;
}

.form-newsletter {
  padding: 0px;
}

.team-card .team-card-social {
  width: 92%; 
}

.form-newsletter .form-control {
  height: 60px;
  padding: 0 10px;
  font-size: 15px;
}

.footer-credits {
  text-align: center;
}

.podcast-hero .podcast-hero-content .podcast-hero-title {
  font-size: 25px;
}

.footer-credits .footer_logo {
  margin-bottom: 10px;
}

.footer-credits .text-right {
  text-align: center;
}

.navbar-header, #nav {
  max-height: 100%;
}

.podcast-hero {
  height: 500px;
}

.give-btn {
  width: 250px;
}

#give-donation-level-button-wrap>li {
  float: none;
  width: 100%;
}

.podcast-hero .podcast-hero-content .podcast-hero-meta .item + .item:before {
  content: "//";
  margin: 0 2px;
}

.podcast-hero .video-player {
  display: none;
}}

@media screen and (max-width: 375px) { 

.podcast-card .podcast-meta .item + .item:before {
  margin: 0;
  content: "";
}

.podcast-card .podcast-meta .item {
  margin-right: 2px;
}

.team-card .team-card-social {
  width: 92%; 
}

.podcast-card .podcast-meta .item {
  font-size: 12px;
}

.podcast-card .podcast-title {
  font-size: 20px;
}}