/*--- bootstrap colfix ---
http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
--- */

.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-17 {margin-bottom: 17px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-right-15 {margin-right: 15px !important;}
.padding-right-15 {padding-right: 15px !important;}




.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.col-xs-15 {
    width: 20%;
    float: left;
}

@media (max-width: 479px) {
	/* tn */
	span.hidden-tx, span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline-block !important;}
	.hidden-tx, .hidden-xs, .hidden-sm, .hidden-md, .hidden-lg {display: block !important;}
	
	.col-tn-1 {display: inline-block !important; width: 8.33%;}
	.col-tn-2 {display: inline-block !important; width: 15%;}
	.col-tn-3 {display: inline-block !important; width: 23%;}
	.col-tn-4 {display: inline-block !important; width: 33.32%;}
	.col-tn-5 {display: inline-block !important; width: 41.65%;}
	.col-tn-6 {display: inline-block !important; width: 49.98%;}
	.col-tn-7 {display: inline-block !important; width: 58.31%;}
	.col-tn-8 {display: inline-block !important; width: 66.64%;}
	.col-tn-9 {display: inline-block !important; width: 74.97%;}
	.col-tn-10 {width: 83.33%;}
	.col-tn-11 {width: 91.63%;}
	.col-tn-12 {width: 100%;}
	.hidden-xs {display: block !important;}
	.hidden-tn {display: none !important;}
	span.hidden-tn {display: none !important;}
	
	
	#dcpci-masthead, #masthead-gutter {margin-left: 0px;}
	#hp-feature-1 {margin-left: 15px;}
	
	
	#hero-buttons {margin-left: 0px !important; margin-top: 0px;}
	#hero-buttons div {padding-left: 0px; padding-right: 10px; margin-top: 3px !important; margin-bottom: 3px !important;}
	
	#dcpci-footer {margin-left: 0px; }
	
	#footer-widget-4 {text-align: left;}
	#dcpci-footer .row .col-tn-12 {padding-bottom: 15px;}
	#footer-footer {margin-left: -15px; margin-right: -15px;}
	.dcpci-feature {margin-bottom: 15px;}
	
	.hp-features {margin-bottom: -10px; }
	.topic-thumb { margin: 0px; margin-top: 0px; padding: 0px;}
	#feature-recent {padding-bottom: 15px;}
	#feature-recent .cartoon-feature {height: auto !important; margin: 0px !important;}
	.panel-heading .nav-link { display: none; }
	.hp-headline-content {padding-right: 0px;}
	#hp-topic-featured {margin-left: 15px; margin-right: 15px}
	#hp-topic-featured .topics-thumb {padding: 0px !important;}
	#hp-topic-fearured .row {margin-top: 0px; margin-bottom: 0px; ;}
	#hp-topic-featured .row.bleed-wide {margin-right: 15px; }
	#dcpci-pnl-hp-featured-cartoons {margin-top: 15px; margin-left: 15px;}
	.dcpci-featured-cartoon {padding: 0px 0px 15px 0px;}
	#dcpci-pnl-hp-featured-cartoons .panel-body {padding: 0px;}
	#hp-cartoonists-index  {margin-left: 15px; margin-right: 15px; }
	#dcpci-widget-dcpci-hp-latest-cartoons, #dcpci-widget-dcpci-index {margin-left: 15px; }
	
	.tn-gutter-bottom-none {margin-bottom: 0px !important;}
	
	.dcpci-column-leader .title {padding-left: 15px !important;}
	.dcpci-column-leader .column-leader-thumb {width: 100% !important;}
	
	
	
	#dcpci-artist-index-links .dcpci-glyph {font-size: 32px; padding-right: 15px;}
	.media-left {display: none;}
	#hp-topic-featured .row .col-tx-12, .featured-thumb {padding-left: 0px !important;}
	#hp-topic-featured .row  {margin-bottom: 0px;}
	
	
	.single .container {
		padding: 0px;
	}
	
	.single .entry-title{

		
		font-size: 28px;
		line-height: 24px;
		font-weight: bold;
		letter-spacing: 3px;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		text-shadow: none;
		text-transform: uppercase;
		word-wrap: normal;
		white-space: normal;
		letter-spacing: 1px;
		display: inline-block;
		float: left;
		
	}	
	
	
	
	.single #post-pubdate { display: inline-block; float: right; margin-left: 15px; }
	.single .post-title {margin-left: 15px; }
	.single textarea#comment {width: 100%;}
	
	.single #dcpci-content, .single #dcpci-header { margin: 0px; }
	.single #footer-footer {margin: 0px -15px 0px -15px;}
	.single #post-pagination-1, .single #post-meta-row .col-tx-12, .single #post-meta-row .col-sm-12 {margin-right: 0px;}
	.single #post-paging-1 {margin: 15px 0px 0px 0px; padding-right: 15px;}
	.single #post-meta .row {margin-right: 0px;}
	.single #footer-footer {font-size: 14px;}
	.single #dcpci-footer-row {padding: 20px 15px 0px 15px;}

	.single #sidebar {margin: 0px 0px 0px -15px; padding: 0px 15px 0px -15px;}
	.single #dcpci-pnl-related-cartoons .panel-body .row.bleed-wide {margin-right: -15px;} 
	.single #dcpci-pnl-more-cartoons .panel-body .row.bleed-wide {margin-right: -15px;}
	.single #sb-promo-newsletter form {text-align: center;}
	.single #sb-promo-newsletter form .btn, .single #sb-promo-newsletter form input {font-size: 24px;}
	.single #sidebar .author-social-link {font-size: 48px;}
	.single .post-pagination .row>div {padding-left: 10px;}
	.single .post-pagination-previous {padding-left: 15px !important;}
	.single .author-social-link {font-size: 32px !important; }
	
	.archive #dcpci-page {margin-right: -15px;}
	.archive .page-title {font-size: 32px;}
	.archive .headline h1 {font-size: 14px; }
	
	.dcpci-index-glyph {font-size: 16px; }
	
	.page-template-page-heroes .entry-title {font-size: 2.5em;}
	.btn-default {font-size: 22px;}
	
	
}

@media (min-width: 480px) and (max-width: 767px) {
		/*tx*/
	
	
	
	span.hidden-tn, span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline-block !important;}
	.hidden-tn, .hidden-xs, .hidden-sm, .hidden-md, .hidden-lg {display: block !important;}
	
	/* div {display: block !important;}
	span {display: inline-block !important;}
	*/
	
	.col-tx-1 {display: inline-block !important; width: 8% !important;}
	.col-tx-2 {display: inline-block !important; width: 15% !important;}
	.col-tx-3 {display: inline-block !important; width: 24% !important;}
	.col-tx-4 {display: inline-block !important; width: 33% !important;}
	.col-tx-5 {display: inline-block !important; width: 41% !important;}
	.col-tx-6 {display: inline-block !important; width: 49% !important;}
	.col-tx-7 {display: inline-block !important; width: 58% !important;}
	.col-tx-8 {display: inline-block !important; width: 66% !important;}
	.col-tx-9 {display: inline-block !important; width: 74% !important;}
	.col-tx-10 {display: inline-block !important; width: 83%;}
	.col-tx-11 {display: inline-block !important; width: 91%;}
	.col-tx-12 {display: inline-block !important; width: 100%;}
	.col-tx-8-1 {display: inline-block !important; width: 12%;}
	
	.hidden-tx {display: none !important;}
	span.hidden-tx {display: none !important;}
	
	.dcpci-feature {margin-bottom: 10px;}
	#dcpci-footer h3 { 
		margin-top: 15px;
	}
	
	#dcpci-masthead, #masthead-gutter, #dcpci-content {margin-left: 0px;}
	#footer-widget-4 {text-align: left;}
	#dcpci-artist-index-links .dcpci-glyph {font-size: 32px; padding-right: 15px;}
	#hp-topic-featured {margin: 0px;}
	#hp-topic-featured .row {margin-left: -15px;  padding-left: 15px; padding-right: 15px; margin-bottom: 0px;}
	#hp-topic-featured .topic-thumb {padding: 0px  0px 15px 15px;}
	#hp-topics-archive {margin-left: -15px; margin-right: -15px;}
	#hp-topic-featured .row div.col-tx-6 {padding: 0px !important;}
	#feature-recent {margin-left: 15px; padding-right: 15px; margin-bottom: 15px;}
	#feature-recent .cartoon-feature {margin: 0px !important; padding: 0px !important;}
	
	#dcpci-footer, #hp-editors-pick, #dcpci-widget-dcpci-index {margin: 0px 15px 0px 15px;}
	#sb-editors-desk {margin-top: 15px;}
	
	.bleed-right-tx {padding-right: 0px !important; margin-right: 0px !important}
	#hero-buttons .btn {font-size: 24px;}
	#dcpci-footer, #dcpci-footer #footer-middle {margin: 0px; font-size: 18px;}

	.media-left {display: none;}
	
	#dcpci-footer h3 {font-size: 24px; font-weight: bold;}
	.supertext {padding-left: 15px;}
	
	
	
	.single .entry-title {

		display: block;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 3px;
		line-height: 35px;
		margin: 0px;
		padding: 0px 0px 0px 15px;
		text-decoration: none;
		text-shadow: none;
		text-transform: uppercase;
		word-wrap: normal;
		white-space: normal;
		
	}	
	
	
	
	.single #dcpci-content, .single #dcpci-header, .single #footer-footer { margin: 0px; }
	.single #post-pagination-1, .single #post-meta-row .col-tx-12, .single #post-meta-row .col-sm-12 {margin-right: 0px;}
	.single #post-paging-1 {margin: 15px 0px 0px 0px; padding-right: 15px;}
	.single #post-pagination-2>.row {margin-left: -15px !important;}
	.single #post-meta .row {margin-right: 0px;}
	.single #dcpci-footer>div.col-md-12 {padding: 20px 0px 0px 0px;}
	.single #footer-footer {font-size: 14px;}
	.single #sidebar {margin: 0px 0px 0px -15px; padding: 0px 15px 0px -15px;}
	.single #dcpci-pnl-related-cartoons .panel-body .row.bleed-wide {margin-right: -20px;}
	.single #dcpci-pnl-more-cartoons .panel-body .row.bleed-wide {margin-right: -15px;}
	.single #sb-promo-newsletter form {text-align: center;}
	.single #sb-promo-newsletter form .btn, .single #sb-promo-newsletter form input {font-size: 24px;}
	.single .author-social-link {font-size: 32px;}
	
	
	.archive #sidebar #sb-columns .dcpci-column-leader.col-tx-6 {width: 100% !important; padding-right: 15px !important; }
	.archive #dcpci-page {margin-right: -15px;}
	.archive #dcpci-content {padding-left: 15px; }
	.archive article .author-thumb {display: none;}
	.archive #sidebar {margin-left: -30px;}
	.archive #paging {margin-left: -40px;}
	.archive #dcpci-footer {margin-left: -15px;}
	.archive .featured, .archive article.col-tx-12 {padding-right: 20px !important;}
	.archive .featured .author-thumb, .archive article.col-tx-12 .author-thumb {display: block;}
	.archive #dcpci-footer-row {padding-left: 0px; padding-right: 0px; }
	
	.page-template-page-heroes .entry-title {font-size: 4em;}
	
	.page-template-page-heroes .col-tx-12 #dcpci-sidebar-hero-widget-1  {width: 40%; float: left; margin: 15px; min-height: 330px;}
	
}


@media (min-width: 768px) and (max-width: 991px) {
	/* sm tablet portrait*/
.col-sm-15 {
        width: 20%;
        float: left;
    }
	
	.dcpci-feature {margin-bottom: 15px;}
	.sm-gutter-right {padding-right: 15px;}
	.sm-30 {width: 30% !important}
	
	#footer-widget-4 {text-align: left;}

	#dcpci-artist-index-links .dcpci-glyph {font-size: 24px; padding-right: 15px;}
	#hp-topic-featured .row .col-lg-15, #hp-topics-archive .row .col-lg-15 {padding-left: 0px; }
	#hp-topics-archive .row {margin-left: 0px;}
	#dcpci-widget-heroes-promo, #sb-promo-newsletter, #sb-panel-widget {padding: 0px;}
	#sidebar {padding: 0px 15px 0px 0px; }
	.single #sidebar {padding-right: 0px;}
	#sb-promo-heroes {padding: 0px; margin-left: 0px; margin-left: 15px; padding-right: 15px ;}
	#sb-promo-newsletter, #sb-panel-widget {padding-left: 15px; padding-right: 0px; margin-left: -15px;}
	#dcpci-footer {margin-right: -15px;}
	.single #dcpci-footer {margin-right: 0px;}
	
	
	
	.single #sb-promo-heroes {padding-left: 0px; margin-left: 0px; }
	.single #post-body {margin-right: 0px;}
	
	.archive #sidebar #sb-ad-rectangle,
	.archive #sidebar #sb-ad-rectangle .hidden-sm,
	.archive #sidebar #sb-promo-heroes,
	.archive #sidebar #sb-columns { width: 100%; display: block !important; }
	.archive #footer-header {background-color: #E0E0E0 !important; margin-top: 0px; padding-top: 15px;}
	
	#dcpci-masthead .nav-link  {font-size: 1.2em;}
	#dcpci-masthead .nav-icon {font-size: 1.2em;}
	article { font-size: 1.8em; }
	.column-leader-thumb { width: 100% !important; }
	#sb-columns .author {font-size: .5em;}
	
	.page-template-page-heroes .col-sm-12 #dcpci-sidebar-hero-widget-1 {width: 315px; float: left; margin: 15px; min-height: 300px;}
	
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	/* md tablet-landscape */
	.col-md-15 {
		width: 20%;
		float: left;
	}

	.dcpci-feature {
		margin-right: 15px;	
		margin-bottom: 0px;
	}
	
	
	
	.md-maxh-right {float: right; right: 0px;}
	.md-maxh-left {float: left; left: 0px;}
	.md-maxheight { position: absolute;  min-height: 100%; height: 100%; padding-left: 0px;}
	.md-maxheight .column { position: relative;  padding: 15px; height: 100%; width: 100%;  overflow: hidden; text-overflow: ellipsis;   }
	
	.md-maxheight .column .media {position: relative; height: 100%; text-overflow: ellipsis; }
	.md-maxheight .column .media .media-body {font-size: 30px; font-weight: bold; }
	.md-maxheight .column .media .media-left {display: none;}
	.md-maxheight .column .media .media-heading 
	 {position: relative; font-size: 31px; font-weight: bold;  }
	.md-maxheight .column .media .media-content, .hidden-maxheight {display: none !important;}
	.md-height-233 {height: 233px;}
	
	
	#dcpci-footer h3 { 
		font-size: 14px;
	}
	
	#hp-cartoonists-index {margin-right: 0px !important;}
	#dcpci-artist-index-links .dcpci-glyph {font-size: 16px; padding-right: 15px;}
	
	#hp-topic-featured .row .col-lg-15, #hp-topics-archive .row .col-lg-15 {padding-left: 0px; margin-top: 15px}
	#hp-topics-archive .row {margin-left: 0px;}
	
	.archive .headline h1 {font-size: 24px;}
	.archive .post .slab h1 {font-size: 18px;}
	article { font-size: 1.8em; }
	.column-leader-thumb { width: 100% !important; }
	#sb-columns .author {font-size: .75em;}
	#sb-columns .title {padding-left: 15px !important; padding-right: 15px;}
	

	.sd-content ul li a.sd-button:before {font-size: 16px !important;}
	
	#dcpci-masthead .nav-link {
    	font-size: 1.3em;
	}
	
	
	
}
@media (min-width: 1200px) {
	/* lg */
    .col-lg-15 {
        width: 20%;
        float: left;
    }
	.lg-margin-right {padding-right: 15px;}

	
	#dcpci-header-logo {width: 180px !important; height: 50px !important; padding: 5px !important; margin: 0px !important; margin-left: -25px !important; margin-top: -3px !important;}
	
	#hp-topic-featured .row {margin-left: 0px; margin-top: 15px;}
	
	#hp-topic-featured .row .col-lg-15, #hp-topics-archive .row .col-lg-15 {padding-left: 0px;}
	#hp-topics-archive .row {margin-left: 0px;}
	
	.home #sidebar {margin-right: -15px; padding-right: 0px;}
	
	
	#dcpci-masthead .dcpci-logo-img {margin-left: 0px;}
	#dcpci-masthead .nav-link  {font-size: 1.5em;}
	#dcpci-masthead .nav-icon {font-size: 1.5em;}
	#masthead-gutter {margin-left: 0px;}
	
	#hp-subfeature-1, #hp-subfeature-2 {padding-right: 0px;}
	#hp-subfeature-1 {padding-bottom: 18px;} 
	
	.column-leader-thumb {width: 150px !important; height: auto !important; }
	/* #sb-columns .dcpci-column-leader .title h2 {font-size: 1.2em;} */
	
	#sb-columns .author {font-size: 12px; font-weight: bold; font-style: italic;}
	
	.author-social-link {font-size: 32px;}
	.single #author-mug {float: left; width: 150px; height: auto; margin-right: 10px; margin-bottom: 10px;}
	/*.page #dcpci-archive-header {height: 75px;} */
	.single header {float: none; width: 100%;}
	.nc_socialPanelSide {display: block;}
	.single article { font-size: 1.5em; }
	
	
}


.stamp {position: absolute; right: 0px; top: 0px;}
.single #post-taxonomies .panel-footer a {text-transform:uppercase;}
.ms-membership-buy .btn-default {width: 100%; margin: 5px;}

.yasr-total-average-container {font-size: 10px !important;}
.btn-default {font-size: 18px; font-weight: bold; }