/*
Theme Name: Chase Jarvis Theme
Description: Theme based on Unicon
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");


/**********************************************************

	General Typography 

**********************************************************/


body {
	font-family: 'proxima-nova', 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 400;
	color: #444;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'proxima-nova', 'Open Sans', sans-serif;
	color: #444;
}

h1 {
	font-size: 36px;
	font-weight: 700;
	font-style: normal;
}

h2 {
	font-size: 30px;
	font-weight: 400;
	font-style: normal;
}

h3 {
	font-size: 22px;
	font-weight: 300;
	font-style: normal;
}

h4 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
}

h5 {
	font-size: 18px;
	font-weight: 100;
	font-style: normal;
}

h6 {
	font-family: 'proxima-nova', 'Open Sans', sans-serif !important;
	font-size: 16px;
	font-weight: 100;
	font-style: italic;
}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	color: #666;
	font-style: italic;
	font-weight: 100;
}

mark {
	background-color: #FFEF75;
}

blockquote {
	font-family: 'ff-karbid-slab-web-pro', sans-serif;
	color: #444 !important;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
}

blockquote p {
	border-left: 4px solid #ad0000 !important;
}

address, cite {
	font-size: 15px;
}

#sidebar .widget ul li a {
	 color: #4f4f4f;
}


/**********************************************************

	Layout

**********************************************************/

#content {
    padding-top:5px;
}

#sidebar-widgets {
    padding-top:5px;
    padding-bottom:40px;
}

#sidebar.sidebar-right #sidebar-widgets {
    border-left:1px transparent;
    padding-left:0;
	margin-right:0;
    width:322px;
}

.container .twelve.alt.sidebar-right {
     border-right:1px transparent;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    #sidebar.sidebar-right #sidebar-widgets {
        width:262px;
        padding-left:0!important;
    }
}

#sidebar .widget h3 {
    font-size:24px!important;
}

/**********************************************************

	Header

**********************************************************/

.header-v1 #navigation {
    float: left;
    margin: 4px 0 0 14px;
}

 
 #header, #mobile-header {
     box-shadow:none;
 }
 
 #logo-navigation {
    position:relative;
 }
 
 #search-btn {
     position:absolute;
     right:0;
 }
 
 #navigation > ul > li > a {
	font-family: "proxima-nova", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	color: #656565!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	vertical-align: bottom;
}

 #navigation > ul > li > a:hover {
    color:#ad0000!important;
}


/**********************************************************

	Homepage

**********************************************************/

.homepage-blogroll {
    margin: 0!important;
}

#homepage-photo-link img {
    display:block;
    margin:0 auto 30px auto;
}

.single-photography img.attachment-post-thumbnail.wp-post-image {
    margin: 0 auto;
    display: block;
}

.homepage-highlight img:hover{
    transform: scale(1.07)!important;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease

}

.homepage-highlight{
    overflow: hidden;
}

.homepage-highlight h2, .homepage-highlight h3{
    margin-bottom: 5px;
    font-weight: bold;
}

.homepage-highlight .wpb_content_element{
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.homepage-highlight {
		width:50%;
		float: left;
	}
	
	.homepage-highlight h3 {
		font-size:24px;
		line-height:30px;
	}
	
	.homepage-highlight p {
		font-size:16px;
		line-height:22px;
	}
}

/**********************************************************

	One-fifth layout for photos page 

**********************************************************/

.container .one-fifth.column, .container .one-fifth.columns {
	width:200px;
} 

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.container .one-fifth.column, .container .one-fifth.columns {
		width:152px;
	} 
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container .one-fifth.column, .container .one-fifth.columns {
		width:133px;
	} 
}

@media only screen and (max-width: 767px) {
	.container .one-fifth.column, .container .one-fifth.columns {
		width:300px;
	} 
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container .one-fifth.column, .container .one-fifth.columns {
		width:420px;
	} 
}

 
 /**********************************************************

	Blog Roll

**********************************************************/

.blog-page .entry-title h1, .blog-page .entry-title h2 {
    font-size: 40px;
    font-weight: bold;
    line-height: .9 !important;
    text-transform: uppercase;
}

.blog-page .entry-title h1 a, .blog-page .entry-title h2 a {
	color: #353535;
}

.blog-page .post {
	border-bottom: 1px solid #DCDCDC;
}
 
.blog-page .post h1, .blog-page .post h2 {
    line-height:1.1;
}

.blog-page .entry-image {
	max-height: 460px;
}
 
.entry-image .entry-overlay {
     display:none;
 }

.post-time {
    display:none;
}
.latest-blog-list .blog-list-item-thumb {
    display:none;
}

.blog-page .link{
    margin: 0 0 60px 0;
    padding: 0 0 53px 0;
    border-bottom: 1px solid #DCDCDC;
}

.blog-page .entry-title h2 {
    margin-bottom:20px;
}

.list-of-posts .entry-content {
    position:relative;
}

.list-of-posts a.read-more-link {
    position:absolute;
    left:0;
    bottom:-45px;
	letter-spacing: 1px;
	text-transform: uppercase;
    border-bottom: 1px solid;
	text-size: 18px;
    font-weight: 600;
    line-height: 1em;
}

.list-of-posts .essb-block {
    display:inline-block;
}

.list-of-posts .essb-total-value.essb-block {
    margin-right:5px;
}

.list-of-posts .essb-total.right {
    width:135px;
	margin-top:20px;
    float:right;
    text-align:right;
	color: #808080;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-weight: 600;
	text-size: 18px;
}

/**********************************************************

	Blog Posts

**********************************************************/
.single-post .entry-image {
    display:none;
}

.single-post .essb_displayed_shortcode {
    margin:40px 0;
}

.single-post .essb_displayed_shortcode .essb_totalcount {
    padding-top:0;
	text-transform:uppercase;
	font-family:'proxima-nova','Open Sans',Helvetica,Arial,sans-serif;
}

.single-post .essb_links li a .essb_network_name {
	font-family:'proxima-nova','Open Sans',Helvetica,Arial,sans-serif;
}

.single-post .entry-title h1 {
    margin-bottom:0px;
} 

.single-post .entry-meta{
    margin: 0px;
}

.single-post .essb_t_nb {
    font-size: 62px;
}

.single-post .essb_t_nb .essb_t_nb_after {
    font-size: 15px!important;
	padding-top:5px;
}

@media screen and (max-width:768px) {
	.single-post  .entry-title h1 {
		font-size:30px;
	}
	.single-post .essb_t_nb {
		font-size: 48px;
	}

	.single-post .essb_links_list li.essb_totalcount_item .essb_t_l_big .essb_t_nb:after .single-post .essb_links_list li.essb_totalcount_item .essb_t_r_big .essb_t_nb:after {
		font-size:12px;
	}
	
	.single-post .essb_links li a .essb_network_name {
		margin-right:0px;
	}
	
	.single-post  .essb_links .essb_icon {
		width: 18px!important;
		height: 18px!important;
	}
	
	.single-post .essb_links .essb_icon:before {
		top:0;
		left:0;
	}
	
	.single-post li.essb_item a {
		padding: 0px 5px 0px 2px;    
	}
	.single-post span.essb_t_nb {
		font-size:52px!important;
	}

	.single-post span.essb_totalcount.essb_t_l_big {
		padding: 0px!important;
	}

	.single-post span.essb_network_name {
		font-size:0px!important;
	}

	.single-post span.essb_network_name .essb_counter_insidename {
		font-size:14px!important;
		padding-left:0px!important;
		line-height:18px;
	}
}

/**********************************************************

	Related Posts

**********************************************************/


.related-posts {
	margin: 0 0 40px 0;
	padding:0 0 40px 0;
    border-top:none;
}

.related-post {
	height: 180px;
	overflow: hidden;
	padding-bottom: 40px;
	width: 95%;
}

.one-third {
	width: 33%;
	float: left;
}

.related-post a {
	color: black;
	font-size: .8em;
	font-weight: bold;
}

.related-thumb {
	max-height: 142px;
	overflow: hidden;
	margin-bottom: 5px;
}

.related-title {
	line-height: 1.2em;
	margin-bottom: 5px;
	max-height: 40px;
	overflow: hidden;
}

@media screen and (max-width:768px) {
    .related-posts .one-third {
        width:100%;
        margin-bottom:10px;
    }
}

/**********************************************************

	Blog Comments

**********************************************************/

.comments-list {
    margin: 0 0 40px 0;
    padding: 40px 0 0 0;
}

.comments-list .navigation {
	display: flex;
}

.comments-list .next-posts {
	width:50%;
}

.comments-list .prev-posts{
	width: 50%;
	text-align: right;
}

/**********************************************************

	Post pagination

**********************************************************/

.post-pagination {
    text-align: center;
    margin-bottom: 15px;
}

.post-pagination span {
    margin:0 2px;
}

.post-pagination a {
    color:#777;
	font-weight:normal;
}

.post-pagination:not(a) {
	color: #ad0000;
	font-weight:bold;
}

 
/**********************************************************

	Post Prev/Next Navigation
	
**********************************************************/

#post-navigation .next:before, #post-navigation .prev:before {
    color:#444444;
    font-size:36px;
}

#post-navigation .prev {
    background:transparent;
    left:0;
}

#post-navigation .next {
    background:transparent;
    right:0;
}

#post-navigation .prev::before {
    content: "\f104";
}

#post-navigation .next::before {
    content: "\f105";
}
 

/**********************************************************

	Portfolio Page

**********************************************************/
 
 .portfolio-overlay-icon .portfolio-overlay, .portfolio-overlay-icon .icon-minti-plus {
     display:none;
 }
 
 .portfolio-overlay-icon .portfolio-image:hover img {
     transform: scale(1.07)!important;
 }
 
 .portfolio-image-img {
     max-height:240px;
 }
 
 .page-id-30029 .portfolio-default .portfolio-item .portfolio-image {
     margin:0;
 }

 @media only screen and (min-width: 768px) and (max-width: 959px) {
    .portfolio-default .portfolio-item {
        margin-bottom: 20px !important;
    }
}
 

/**********************************************************

	Photo Page

**********************************************************/

#mainPhotoPhotos {
	display:table;
	margin:0 auto;
}

a#gridPhotos {
    font-size:24px;
    margin-top:10px;
    display:inline-block;
}

a#prevPhotoPhotos, a#nextPhotoPhotos {
    position:absolute;
    font-size:60px;
    top: 50%;
    margin-top: -80px;
}

a#prevPhotoPhotos {
    left:-40px;
}

a#nextPhotoPhotos {
    right:-40px;
}

@media only screen and (max-width: 767px) {
	a#prevPhotoPhotos, a#nextPhotoPhotos {
		position:static;
		font-size:30px;
		margin:0 15px;
		display:inline-block;
	}
}

/**********************************************************

	cjLIVE page

**********************************************************/

.live-right  {
     width:  100%;
     float:  left;
     margin-top:  0px;
 }


.live-right iframe  {
     margin-bottom:  10px;
 }

.live-right .sponsor-logos a,  .live-right .sponsor-logos img  {
     display:  block;
 }

.live-right .sponsor-logos .main-sponsor  {
     margin-top:  10px;
 }

.live-right .sponsor-logos .main-sponsor img  {
     display:  block;
     margin-bottom:  15px;
 }

.live-right .sponsor-logos .supporting-sponsors  {
     overflow:  hidden;
    width:  100%;
}

.live-right .sponsor-logos .supporting-sponsors .sponsor-list  {
    margin:  0 auto;
    padding:  0;
     list-style:  none;
    display:  table;
}

.live-right .sponsor-logos .supporting-sponsors .sponsor-list li  {
     float:  left;
     margin-bottom:  15px;
     margin-right:  15px;
 }

.live-right .sponsor-logos .supporting-sponsors .sponsor-list li:first-child,  .live-right .sponsor-logos .supporting-sponsors .sponsor-list li.first  {
     margin-right:  16px;
 }


.live-right .content-wrap .upcoming-episode  {
     overflow:  hidden;
     padding-bottom:  20px;
     margin-bottom:  20px;
     border-bottom:  1px solid #e5e5e5;
 }

.live-right .content-wrap .upcoming-episode .episode-title a  {
    font-weight:  normal;
}

.live-right .content-wrap .upcoming-episode:last-child,  .live-right .content-wrap .upcoming-episode.last  {
     border-bottom:  none;
 }

.live-right .content-wrap .upcoming-episode .img-wrap  {
     width:  300px;
     height:  200px;
     overflow:  hidden;
     float:  left;
     margin-right:  16px;
 }

.live-right .content-wrap .episode-description  {
    width:  auto;
    min-height:  220px;
    float:  left;
    position:  relative;
}

@media screen and (max-width:767px) {
    .live-right .content-wrap .episode-description{
        min-height:auto;
    }   
}

.live-right .content-wrap .episode-description.press-description  {
     min-height:  0;
 }

.live-right .content-wrap .episode-description .episode-title  {
     font-size:  30px;
     font-family:  Helvetica,  arial,  sans-serif;
     line-height:  35px;
     margin-top:  -6px;
 }

.live-right .content-wrap .episode-description .episode-date  {
     color:  #ad0000;
     display:  block;
     margin-bottom:  15px;
     font-size:  16px;
     margin-top:  6px;
 }

.live-right .content-wrap .episode-description p  {
     font:  12px/20px Helvetica,  arial,  sans-serif;
     overflow:  hidden;
 }

.live-right .content-wrap .episode-description p.episode-copy  {
     margin-bottom:  15px;
     padding-bottom:  20px;
 }

.live-right .content-wrap .episode-description p.calendar-links  {
     position:  absolute;
     bottom:  0;
 }

.live-right .content-wrap .episode-description p .icalendar-list  {
     overflow:  hidden;
     width:  308px;
 }

.live-right .content-wrap .episode-description p .icalendar-list li  {
     float:  left;
 }

.live-right .content-wrap .episode-description .grey-btn  {
     background-position:  0 -56px;
     height:  26px;
     width:  146px;
     height:  23px;
     display:  block;
     color:  #fff;
     text-align:  center;
     padding-top:  3px;
     text-shadow:  0px -0.167em 1px rgba(0,  0,  0,  0.3);
     float:  left;
 }

.live-right .content-wrap .episode-description .grey-btn:first-child,  .live-right .content-wrap .episode-description .grey-btn.first  {
     margin-right:  8px;
 }

.live-right .previous-seasons-wrap  {
     margin-bottom:  40px;
 }

.live-right .seasons-panel  {
     overflow:  hidden;
     width:  100%;
}

.live-right .previous-episodes-wrap  {
     width:  100%;
}

.live-right .previous-episode  {
    width:  47%;
     float:  left;
     overflow:  hidden;
     padding-bottom:  5px;
     margin-bottom:  20px;
     border-bottom:  1px solid #e5e5e5;
}

.live-right .previous-episode.last  {
     margin-left:  16px;
 }

.live-right .previous-episode.btm-row  {
     border-bottom:  none;
 }

.live-right .previous-episode .secondary-episode-title  {
     margin-bottom:  10px;
 }

.live-right .previous-episode p  {
     margin-bottom:  15px;
 }

.live-right .previous-episode .view-episode-link a  {
     font-family:  Helvetica,  arial,  sans-serif;
     font-weight:  bold;
     font-size:  14px;
     background:  url(images/ui/black_arrow.png?1335383654) no-repeat right 6px;
     padding-right:  9px;
 }

.live-right .red-box  {
     background:  #ad0000;
     padding:  6px 20px;
     color:  #fff;
     clear:  both;
     font-size:  18px;
     font-weight:  lighter;
     font-family:  Helvetica,  arial,  sans-serif;
     margin-bottom:  25px;
 }

.live-right .date-dump  {
     display:  none;
 }

.live-right .img-wrap img  {
    width: 100%;   
    height: auto;
}

.live-right .content-wrap  .previous-episode:nth-child(even)  {   
    margin-right: 6%;  
}

.live-right .content-wrap .previous-episode:nth-child(2n)   { 
	clear: both;
}


@media only screen and (max-width: 767px) {
    .live-right .content-wrap  .previous-episode {
        width:100%;
        margin:10px 0;
    }  
}

/**********************************************************

	Video Container
	
**********************************************************/

.live-right .video-container, .single-post .video-container {
    position: relative;
    padding-bottom: 52.5%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin-bottom:20px;
}

.live-right .video-container iframe, .single-post .video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**********************************************************

	Press Page
	
**********************************************************/

.press-right h2 {
    float:left;
}

.press-right .button-appear {
    float:right;
}

@media screen and (max-width:767px) {
    .press-right .button-appear {
        float:left;
    }   
}

/**********************************************************

	Mailchimp

**********************************************************/

.mailchimp-signup-sidebar {
    background: #000000;
    padding: 20px;
}

.mailchimp-signup-sidebar h2 {
    color:#ffffff;
    font-size:24px;
}

    
/**********************************************************

	Popular Posts Widget

**********************************************************/ 
   
.sidebarTopPost {
    display:block;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #DCDCDC;
}

.sidebarTopPost:nth-child(5) {
    border-bottom: transparent;
}

.sidebarTopPost .tptn_link{
    width:35%;
    display:block;
    float:left;
    padding:0;
    margin:0;
	line-height:1;
}
.sidebarTopPost .tptn_after_thumb .tptn_link {
    width:59%;
    margin-left:6px;
}

.sidebarTopPost .tptn_title {
    font-size: 14px;
    color: #525252;
    line-height:1.25;
	font-weight:400;
}

 
 
/**********************************************************

	Related Classes

**********************************************************/

.related-classes  {
	margin-bottom:40px;
    padding-bottom:40px;
    border-bottom:1px solid #efefef;
}

.related-classes h4 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}

.related-classes .one-third {
	width:33.3%;
	float:left;
}

.related-classes  .class-item {
	position:relative;
    width: 95%;
    float: left;
}

.related-classes  .class-item a {
    display: block;
}


.related-classes  .class-item .img-container {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.related-classes  .class-item .img-container img {
    width: 100%;
    height:auto;
    border:none;
    padding:0px;
}

.related-classes  .class-item .class-info {
    padding: 10px 0px 5px 0;
    color: #333333;
}

.related-classes  .class-item .class-info .class-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
}

.related-classes  .class-item .class-info .class-instructor{
    color: #aca3a3;
    font-size: 14px;
    font-weight:normal;
}

.related-classes  .class-item .class-info .class-instructor span {
    text-transform: uppercase;
}

@media screen and (max-width:768px) {
    .related-classes .one-third {
        width:100%;
        margin-bottom:10px;
    }
    .related-classes  .class-item {
        width:100%;
    }
}

/**********************************************************

	Infinite Scroll
	
**********************************************************/

.page-id-30029 .portfolio-items , .page-id-30128 .portfolio-items {
    padding-bottom:70px;
}

#infscr-loading {
    text-align: center;
    width: 100%;
}

.portfolio-items #infscr-loading {
    position: absolute;
    bottom: 0;
}

/**********************************************************

	Smart Podcast Player
	
**********************************************************/

#hero_area_player .spp-controls span {
    background-image:url(../../plugins/smart-podcast-player/assets/images/controls-black.png)!important;
} 

.spp-shadow {
    text-shadow: 10px 10px 6px -6px #bbb;
    -webkit-box-shadow: 10px 10px 6px -6px #bbb;
    -moz-box-shadow: 10px 10px 6px -6px #bbb;
    box-shadow: 10px 10px 6px -6px #bbb;
    
}

.stp-yellow .spp-track{
    background: #fff000 !important;
    color: #000 !important;
}