/*  
Theme Name: Audiocast
Theme URI: http://www.podbean.com/
Description: A visually appealing, modern theme that highlights your recent episodes. Suitable for audio podcasts.
Version: 1.0
Author: Podbean
Author URI: http://www.podbean.com/
is_new:YES
is_pro:YES
is_responsive:YES
*/

@import url(//fonts.googleapis.com/css?family=Montserrat);
html {scrollbar-base-color: #FFC0FF;}
#leftside-block{height:100% !important; padding-bottom: 100px;}
.leftside-panel {scrollbar-base-color: #D2E89E;}
* {
	padding: 0; 
	margin:0;
}
p {
	margin: 0.6em 0;
}

a img {
	border:none;
	background:none;
	padding:none;
}
.clear {
	clear:both;
	height:20px;
}
fieldset 
{
	border:none;
}
body {
	background-color: #e5e5e5;
    color: #696969;
    font-family: Helvetica !important;
    font-size: 24px;
    line-height: 1.4;
    position: relative;
    text-align: center;
}
.post #comments-iframe{ padding:0px 30px; }
#main-content{ position: relative; overflow-x: hidden; }
a{ text-decoration:none; color: #696969; }
.post{ margin-bottom: 1.6em; background: #ffffff; border-radius: 5px; position: relative;}
.post:first-child{ margin-top: 2.8em; }
.post .logo{ float: left; width: 300px; height: 300px; border-radius: 5px 0px 0px 5px; }
.post .play{ 
    position: absolute;
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    margin-top: 115px;
    margin-left: 115px;
    cursor: pointer;
 }
.post .play .pbicon-play-btn{ 
    color: #ffffff;
    font-size: 40px;
    padding-top: 15px;
    position: absolute;
    margin-left: -14px; 
}
.post .media-body{ float: right; width: 70.6%; }
.post .media-body .postmetadata{ margin-top: 25px; margin-bottom: 10px; }
.posttitle {padding-top: 1em; text-align: left;}
.posttitle h2{ color: #696969; margin: 0px; }
.posttitle h2 a:hover {opacity: 0.6; text-decoration: none;}
.post-info{ font-size: 0.58em; color: #696969; font-weight: bold; margin-top: 0px; margin-bottom: 2px;}
#container {
    margin: 0 auto;
    max-width: 1170px;
	position:relative;
	width: 100%;
}
#header {
	position:relative;
	overflow: hidden;
	color: #3f5364;
    background-size: cover !important;
}

.menu .nav-pills > li a {color:#ffffff;}
.menu .nav-pills > li a:hover {color:#ffffff;}
.menu .nav-pills .current_page_item a {color:#ffffff !important;}

#header .banner{ background: rgba(0, 0, 0, 0.0); }
#header .search {float: right;}
#header .container h1{ 
    font-size: 40px; 
    font-weight: bold; 
    text-align: left; 
    margin-top: 22%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
#header .container .lively{ 
    text-align: left; 
    font-size: 18px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
#header .container .text .left{ float: left; padding-left: 20px; }
#header .container .text .left p{ text-align: left; }
#header .container .text .left .total{ font-size: 20px; color: #1d2956; margin-bottom: 0px;}
#header .container .text .left .feed{ font-size: 16px; margin-top: 0px; }
#header .container .text .left .feed a{ color: #1d2956; }
#header .container .text .left .feed .pbicon-feed{color: #1d2956; padding-right: 10px; font-size: 14px; }
#header .container .text .right{ float: right; padding-right: 10px; }
#header .container .text{ background:rgba(0, 0, 0, 0.0); margin-top: 9.5%; padding:15px 0px 20px 0px;}
#header .container .text .right .btn-success{ 
   text-shadow: none;
   box-shadow: none;
   border:none;
   background-image: none;
   background-color: #f05f24;
   font-size: 16px;
   border-radius: 28px;
   margin-right: 10px;
   padding: 14px 26px;
       margin-top: 15px;
  }
#header .container .text .right .btn-success:hover{ background-color: #f05f24; }
#header h1 a {
	text-decoration:none;	
	border:none;
	color: #ffffff;
}
h2 {font-size: 1.0em}
h3 {
	font-size: 1.4em; 
	margin: 1em 0 0;
}
h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}
h5 {
	font-size: 1em; 
	margin: 1em 0;
}
#content-main ul {
    margin:1em;
    padding:0 1em;
}
#content-main ul.asides {
	margin:0;
	padding:2em;
	border-bottom:#ddd 1px dashed;
}
.podPress_content {text-align: center !important;}
.podPress_content div {margin:3px auto;}
.entry {font-size: 0.6em; }
.widget ul{ text-align: center; margin:0px; }
.widget ul li{ padding: 5px 0px; }
.widget ul li:last-child{ border-bottom: none; }
#searchsubmit, input[type="submit"] {
	display: none;
    border: 1px solid #e4e4e4;
    color: #999;
    font-size: 14px;
    line-height: 15px;
    padding: 7px 7px !important;
    transition: all 300ms ease 0s;
    background-color: transparent;
    cursor: pointer;
        border-radius: 50px;
}
#footer {	
	font-size:14px;
	clear: both;
	text-align: center;
	color: #ffffff;
}
#footer p {
	line-height: 1.2em;
	text-transform : uppercase
}
#comments, #respond{
	margin: 2em 0 10px 5px;
}
.commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}
#container .commentlist {
	margin: 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}
.commentlist li 
{
	list-style:none;
	margin: 0;
	padding: 0.5em;	
	border-bottom: #ddd 1px solid;
	
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
}
#content .commentsfeed 
{
	padding-left:16px;
}
#content .trackback 
{
	padding-left:20px;
}
input.textbox
{
	border:#ccc 1px solid;
	padding:2px;
	width:150px;
}
#searchform {margin: 20px 10px; }
.search input.textbox, #searchform input[type="text"] {
    width: 93%;
    background-color:transparent;
    border: medium none;
    font-size: 14px;
    margin: 0 7px 0 10px;
    padding-left:40px;
    height:30px;
    border: 1px solid #959595;
    border-radius: 0px;
}
input:focus{ outline: none; }
textarea{
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
	border: 1px solid #ccc;	
}
.textbox:focus, textarea:focus
{
	border:#999 1px solid;
}
.post h4 
{
	font-size:1em;
	font-weight:normal;
}
#header{
    height: 700px;
    background: url(./images/bg.jpg) no-repeat center center;
}
#header .nav-menu{ background: rgba(0, 0, 0, 0.2); z-index: 999; width: 100%; }
#header .menu{ max-height: 1200px; padding: 25px 0px 10px 0;}
.menu .nav-tabs>li, .menu .nav-pills>li{ float: left; }
.menu .nav-tabs>li, .menu .nav-pills>li a{ color: #ffffff; font-size: 18px; }
.nav>li>a:hover, .nav>li>a:focus{ background-color: transparent; color: #00aeef; }
#footer{ background-color: #000000 !important; padding: 20px 0px 20px 0px;}
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus{ background-color: transparent; color: #00aeef; }
#footer a {
    font-weight: 400;
}
#wp-calendar {
    empty-cells: show;
    margin: 0 0 4px 4px;
    text-align: center;
    width: 90%;
}
.wrapper {position: relative;}
.openabout a:hover, .openabout a:focus{ color: #ffffff; text-decoration: none;}
.openabout, .closeabout { float: left; margin:22px 0px 0px 25px; color: #ffffff;}
.navbar-toggle {
    border-radius: 2px 0 0 2px;
    display: inline-block;
    position: relative;
    width: 34px;
    color: #ffffff;
}
.navbar-toggle .icon-bar {
    background-color: #ffffff;
    border-radius: 10px;
    display: block;
    height: 3px;
    margin-left: 1px;
    margin-top: 5px;
    width: 26px;
    opacity: 0.8
}
.navbar-toggle .icon-bar:first-child {
    margin-top: 3px;
} 

.leftside-panel {
    bottom: 0;
    color: #696969;
    left: -330px;
    top: 0;
   transition: all 0.3s ease;
    width: 330px;
    z-index: 99;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
    background: #102a43 !important;
}
.leftside-panel h2 {font-size: 1.4em;}
.widget ul li a{ color: #797979 !important; }
.leftside-panel a:hover { color: #ffffff !important; text-decoration: none;}
.leftside-block {background: rgba(0, 0, 0, 0.0);  margin-top:40px;width: 330px;  top: 0; bottom: 0; }
.slide-right {
    left: 0px;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);
}
.wtf-widget .following {opacity: 0.8;}
.leftside-panel li {list-style-type: none;}
.vcard-panel {margin: 20px; padding-top: 30px;}
.wtf-widget .h3css, .widget h2 { text-align: center; padding: 60px 20px 0px 20px; }
.donations form, .donations label, #premium_wrap form {margin: 10px 20px !important;}
.wtf-widget .ul.list li { padding: 15px 20px 15px 60px !important;}
.post-toolbar {font-size: 0.6em}
.wtf-widget .more-block { padding: 0px 20px 10px 0px; }
.wtf-widget .ul.list li:last-child{ border-bottom: none; }
.addthis_default_style a {float: none !important; display: inline-block;}
#content-main h4 {
    border-bottom: 4px solid #393c48;
    display: inline-block;
    font-size: 18px;
    margin: 100px auto 0px;
    padding: 0 0 5px;
    text-transform: uppercase;
}
.divider {opacity: 0.5}
.navigation .pull-left .next-page, .navigation .pull-right .pre-page{    
   font-size: 0.6em;
    color: #1e88cd;
}
@media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.post .media-body{ width: 66%; }
#searchform .search .pbicon-search{ margin-top: 0.6em !important; }
#header .container .text{ margin-top: 18%; }
#content-main{ padding: 0px 15px; }
.app-btn-fixed-bottom a .app_download_btn{ padding: 6px 15px 35px 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    body { font-size: 18px; }
    #header .container h1{ font-size: 40px; }
    #content-main h4 { margin: 60px auto 0px;}
    .post .media-body{ width: 56%; }
    #header .container .text .right{  margin-left: 58px; }
    #header .container .text{ margin-top: 0px;  position: absolute;  bottom: 0px;}
    .navbar-toggle {width: 23px; font-size: 22px;}
    .openabout, .closeabout{ margin: 30px 0px 0px 25px; }
    #content-main{ padding: 0px 15px; }
    .app-btn-fixed-bottom a .app_download_btn{ padding: 6px 15px 35px 20px; margin-bottom: 10px; }
    #head .container{ position: relative; }
    









}
@media only screen and (max-width: 767px){
body { font-size: 16px; padding-right: 0px; padding-left: 0px; 
}
#content-main h4 { margin: 50px auto 0px;}
#header .search { display: none;}
#footer .container .left{ float: none !important; }
#footer .container .right{ float: none !important; }
#footer{ margin-top: 2em !important; }
#header .container h1{ 
    font-size: 26px; 
    padding:0px 10px; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
    text-align: center;
}
#header .container .lively{ 
    font-size: 16px; 
    padding:0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: unset; 
    text-align: center;
}
#header .container .text{  padding: 15px 0px 50px 0px; }
#header .container .text .left .feed{ font-size: 14px; }
.post .logo{ border-radius: 5px 5px 0px 0px; width: 100%; height: 100%; }
#content-main .post .logo img{ 
    border-radius: 5px 5px 0px 0px !important;


 }
#header .container .text{ margin-top: 42%; }
.leftside-panel{ width: 260px; left: -260px;}
.cbp-spmenu-push-toright{ left: 260px; }
.leftside-block{ width: 260px; }
.post-info{ font-size: 1.0em; }
.posttitle h2{ font-size: 1.4em; }
#content-main .post .entry p{ font-size: 1.7em; }
.related-panel .butns-group{ padding-bottom: 110px !important; }
#content-main{ padding: 0px 15px; }
.post .fb-comments span iframe{ width: 310px; }
.newer .next-page{ padding-bottom: 25px; }
.app-btn-fixed-bottom a .app_download_btn{ padding: 6px 15px 35px 20px; margin-bottom: 10px; height: 1px;}
.media-body .postmetadata .post-toolbar a{ font-size: 14px; }
#premium_wrap select{ padding:0px 0px 0px 5px !important; }
#searchform .search .pbicon-search{  margin-top: -22px !important; }
.post_toolbar_download:before, .post_toolbar_share:before, .post_toolbar_comment:before, .post_toolbar_embed:before, .post_toolbar_hits:before{ width: 19px; }
.post_toolbar_like:before{ width: 19px; }
.media-body .postmetadata .post-toolbar a{ font-size: 13px; }

}
@media only screen and (max-width: 480px){

body { font-size: 14px;}
#content-main h4 { margin: 20px auto 0px;}
.navbar-toggle {width: 23px; font-size: 22px;}
.navbar-toggle .icon-bar {height: 2px; width: 23px;}
.post .logo img{ width: 100% !important; height: auto !important; }
#header h1{ font-size: 16px; }
#header .btns-nomal{ padding-right: 0px !important; margin-top: 5px;}
.post .entry .podPress_content .pbplayerBox iframe{width: 100%; }
.post .media-body{ float: none; width: 100%;}
.post .logo{ float: none; }
.post .play{ margin-top: -60%; margin-left: 40%; }
.post .media-body{ padding:1em 1em 2.0em 1em; }
.menu .nav-tabs>li, .menu .nav-pills>li a{ padding:0px 13px 0px 0px; margin:0px; font-size: 13px;}
#header .menu{ padding: 25px 0px 0px 0 }
.openabout, .closeabout{ margin: 20px 0px 0px 15px }
.post #comments-iframe{ padding:0px 15px; }

}
@media only screen and (max-width: 320px){
.menu .nav-tabs>li, .menu .nav-pills>li a{  padding: 0px 8px 0px 0px; }
}
.pd-title{ padding-top: 70px; font-size: 2.4em; line-height: 1.2;}
#content-main h1{ line-height: 1.2; }
#content-main .describe{ font-size: 0.7em; margin-bottom: 2.5em;}
#profilebottomaction .btns-nomal a.pb-follow{ 
	background: #00aeef !important; 
	border:1px solid #00aeef; 
	color: #ffffff;
    line-height: 1.4;
}
#profilebottomaction .btns-nomal a.unfollow{ padding-top: 9px; }
#profilebottomaction .btns-nomal a.pb-follow:hover{ background: #0aa6e0 !important; border:1px solid #0aa6e0; }
#profilebottomaction .btns-nomal .followed:hover, #profilebottomaction .btns-nomal .followed.followed{ padding-top: 9px; }
#header .btns-nomal{ float: right; padding-right: 0.64em;}
#header .btns-nomal a{ color: #ffffff; }
#header .btns-nomal .popover { 
    color: #000;
    font-family: open sans;
    font-size: 14px;
   
 }
#header .btns-nomal .popover .popover-content{ padding:5px 13px; }
#header .btns-nomal .pb-following { color: #ccc; } 
#header .btns-nomal .pb-follow{ font-size: 0.8em;  padding-right: 0.4em; }
#header .btns-nomal .shares{ font-size: 0.8em; padding: 0em 0.4em; }
#header .btns-nomal .RSSs{ font-size: 0.65em;}
.post .entry p{ font-family: open sans !important; margin-bottom: 1.5em; text-align: left; font-size: 1.25em; font-weight: normal; }
.single-page .post .entry p{ font-family: open sans !important; text-align: center; padding: 0px 25px;}
#footer .container{ max-width: 1170px; margin: auto; color: #e4e4e4; }
#footer .container .left{ float: left; padding-left: 1em;}
#footer .container .right{ float: right; padding-right: 1em;}
#footer .container .right a{ color: #999; }
.wtf-widget ul{ padding: 0px 0px 0px 30px !important }
.widget .textwidget{ padding: 5px 15px !important; }
.wtf-widget .h3css{  font-weight: bold; padding-top: 90px; }
.wtf-widget .more-block a{ color: #0087cf; margin-top: -15px; }
#content-main .pagetitle{ padding-top: 2em; }
#content-main .center{ padding-bottom: 10em; }
#footer{ margin-top: 8em; }
#searchform .search{ position: relative; }
#searchform .search .pbicon-search{ 
    position: absolute;
    margin-top: 10px;
    color: #aaa;
    font-size: 16px;
    left: 0;
    margin-left: 22px;
 }

.wtf-widget .ul.list li .tit{ margin-top: 10px; color: #0087cf; margin-left: 5px;}
.wtf-widget .ul.list li .follow-btn{ color: #0087cf; margin-left: 5px;}
#premium_wrap select, #subscriber_price{ 
	background-color: transparent !important; 
    padding: 4px 5px 6px 5px;
    border-radius: 0px;
    text-align: right;
    color: #797979 !important;
}
#premium_wrap form input[type="image" i]{ margin-left: 80px; margin-bottom: 15px; }
table.profileinfo img{ height: 200px; width: 200px; }
.newer a{ font-size: 0.6em; color: #0088d4; }
.newer .next-page{ float: right; }
.newer .pre-page{ float: left; }
#content-main .post .logo img{ border-radius: 5px 0px 0px 5px; width: 300px; height: 300px; overflow: hidden;}

.single-page .post .posttitle{ text-align: center; }
.show_visits {border-right: 1px solid rgba(255,255,255,.3);}
.show_visits span, .BlogEpisodeCount span{ color: rgba(255,255,255,.3); }
.related-panel .butns-group a{ float: left; padding-left: 10px; }
.related-panel .butns-group{ clear: both; padding-bottom: 110px; }
.menu .nav-pills .current_page_item a{ color: #00aeef;}
.page .posttitle{ text-align: center; }
.page .entry p{
    text-align: center;
    /*padding-bottom: 1.5em; */
    font-size: 1.25em;
}
.page .entry{ padding-bottom: 3em; }
.search-content .posttitle{ text-align: center; }
.search-content .entry p{ padding-bottom: 1.5em; }
.search-content .entry{ padding-bottom: 3em; }
.search-content .entry p{  font-size: 1.25em; }
.error-page .post .posttitle{ text-align: center; }
.error-page .post .entry p{ text-align: center; }
.error-page .post{ padding-bottom: 1em; }
select{ border:1px solid #959595; }
#content-main .media-body .divider{ display: none; }
#content-main .media-body .postmetadata a{ padding:0 5px; }
#content-main .media-body .postmetadata .post_toolbar_download .hits span[class*="span"]{
    float: none;
    margin-left: 0;
}
.post_toolbar_download:before, .post_toolbar_share:before, .post_toolbar_comment:before, .post_toolbar_embed:before, .post_toolbar_hits:before{ width: 25px;  }
.post_toolbar_like:before{ width: 25px;  }

#content-main .media-body .postmetadata .post-toolbar{ position: relative; }
#content-main .media-body .postmetadata .post-toolbar .post_toolbar_like:before{
    position: absolute;
    padding-right: 12px;
    margin-right: 12px;
    bottom: -1px;
    left: 0;
    font-size: 16px;
}
#content-main .media-body .postmetadata .post-toolbar .post_toolbar_like{ margin-left: 15px; }
.post_toolbar_download:before{ font-size: 12px; }
@media (max-width: 767px) { 


#content-main .media-body .postmetadata .post-toolbar .post_toolbar_like:before{
 
    bottom: 0px;
    font-size: 14px;
}
}






#shareModal .embed-tab .nav-tabs>.active>a .logo{     
    top: 5px !important;
  
    left: 5px !important; 
}
#shareModal .embed-tab .nav-tabs>.active>.second-audio{
    width: 100px !important;
    height: 100px !important;
}

#profilebottomaction .btns-nomal a.pb-follow{ height: 27px; } 
#profilebottomaction .btns-nomal a.shares{ width: 60px; } 
#profilebottomaction .btns-nomal a.RSSs{ width: 30px; }
#shareModal .embed-tab .nav-tabs>.active>a .logo{ width: 100px !important; height: 100px !important; }
#sidebar-left #profilebottomaction .btns-nomal a.pb-follow{ height: 36px; }