/*--- 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 {margin-left: 0px;}

	#hp-feature-1, #hp-subfeature-1, #hp-subfeature-2 {margin-left: 0px; padding-left: 0px;}

	

	

	#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: 0px; margin-right: 0px}

	#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-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;}

	.billboard {margin-left: auto; padding-bottom: 0px;}

	#footer-ad .billboard {margin-left: -15px;}

	#masthead-gutter {margin-left: 0px;}

	.drip {margin-left: 15px; }

	

	#dcpci-content {margin-left: 0px;}

	.entry-title {font-size: 12vw; line-height: 12vw; font-weight: bold;}

	#post-comments {margin-right: 0px;}

	.medium-rectangle IMG {width: 100%; }

	.dcpci-author-card h4.media-heading {font-size: 14px;}

	.dcpci-author-card.col-tn-6 {width: 45%;} 

	.btn-backlink {font-size: 1.5rem;}

	

	#dcpci-masthead-billboard div.bleed-left {padding-left: 15px;}

	
	#footer_sticky .sticky-footer-content {
		padding-right: 4rem;
	}
}



@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: 32% !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 .post-content {font-size: 16px;}

	.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;}

	.billboard {margin-left: auto;  padding-bottom: 0px;}

	#footer-ad .billboard {margin-right: 15px;}

	.medium-rectangle {width: 100%;}

	.col-leader-title {padding-left: 15px !important;}

	.btn-backlink {font-size: 1.5rem;}

	

	#dcpci-masthead-billboard div.bleed-left {padding-left: 15px;}
	#footer_sticky .sticky-footer-content {
		padding-right: 4rem;
	}
}





@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.5rem;}

	#dcpci-masthead .nav-icon {font-size: 1.5rem;}

	

	#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;}

	.btn-backlink {font-size: 2rem;}

	

	#dcpci-masthead-billboard div.bleed-left {padding-left: 0px;}

	#footer_sticky .sticky-footer-content {
		padding-right: 4rem;
	}	

}

@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;}

	

	#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;

	}

	

	.archive-post-content {font-size: 1em;}

	.post-author-link {font-size: 1em;}

	.btn-backlink {font-size: 2rem;}

	
	#footer_sticky .sticky-footer-content {
		padding-right: 4rem;
	}
	

}

@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;} 

	

	#sb-columns .author {font-size: 12px; font-weight: bold; font-style: italic;}

	

	.author-social-link {font-size: 32px;}

	#author-mug {float: left; width: 180px; height: auto; margin-right: 10px; margin-bottom: 10px;}

	/*.page #dcpci-archive-header {height: 75px;} */

	.single header {float: none; width: 100%;}

	.nc_socialPanelSide {display: block;}

	.navbar-nav {margin: 0px -15px;}

	

	.dcpci-navbar .support-us {

		font-family: "Architects Daughter";

		font-size: 1.8rem;

		font-weight: bold;

		color: #FFF200 !important;	

	}

	

	/*--- AD UNIT FORMATS ---*/

.leaderboard {display: block; width: 728px; height: 90px; padding: 0px !important; margin: auto; }

#footer-ad .billboard {padding-bottom: 0px;}

.medium-rectangle {display: block; width: 350px; height: 250px; padding: 0px !important; margin: auto; }

.page-title {font-size: 90px; !important;}

#dcpci-masthead .nav-link {line-height: 2 !important;}

#dcpci-widget-dcpci-index .panel-body {padding-right: 15px;}

#dcpci-widget-dcpci-index .panel-body .row { margin-right: 0px; }

.page-template-page-heroes .post-content {font-size: 22px !important; line-height: 30px !important;}

	

}





.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; }

.hp-headline-content p {width: 100% !important; height: 100% !important; padding: none !important; margin: none !important; }

.hp-headline-content a:link {border: none;}

.single article { font-size: 1.3em; }