/*
Theme Name: Cagle
Theme URI: http://cagle.com/wp-content/themes/cagle
Author: Theo Tillotson - email@theotillotson.com
Author URI: http://theotillotson.com/
Description: Responive design theme for Cagle.com (Beta Sandbox)
Version: 1.0
License: Copyright Cagle Cartoons, Inc. 2015
License URI: N/A
Tags: 
Text Domain: cagle

This theme is not licensed for use.
*/

@import url(//fonts.googleapis.com/css?family=Architects+Daughter);

html,body
{
  height: 100% !important;
  line-height: normal !important;
}

body {margin: 0px; padding: 0px;}
#sidebar { font-size: 16px; }

#dcpci-page.container {padding: 0px;}

a, a:link, a:active, a:hover, a:visited {text-decoration: none !important;}
a, a:visited, a:active, a:link { color: #394973; }
a:hover {color: #f00; }
.outline {border: dotted 1px #000; }
.supertext {font-size: .5em; position: absolute; top: 5px; left: 15px;display: block; font-weight: normal; font-style: italic; text-transform: capitalize;}
.subtext {padding-top: 10px;}
.text-yellow {color: yellow;}
.weight-normal {font-weight: normal; }
.i { font-style: italic; }
.bold, .bold a { font-weight: bold;}
.img-responsive {width: 100%;}

#dcpci-logo-img {height: 50px !important; width: 150px !important; } 
#dcpci-header-logo {width: 180px !important; height: 50px !important; padding: 5px !important; margin-left: -5px !important; border: none !important;}

.dcpci-bgcolor {
	background-color: #394973; /* rgb(57,73,115) */
	color: #fff; 
}
.dcpci-bgcolor a {color: #fff;}
.dcpci-bg-gray {background-color: #E0E0E0;}
.dcpci-font-blue, .dcpci-font-blue a:link,  .dcpci-font-blue a:active,  .dcpci-font-blue a:hover,  .dcpci-font-blue a:visited {
	 color: #394973; 
}

h4 {margin: 0px; padding: 0px; margin-bottom: 5px;}

h1, .column-title, .cartoon-title, .cartoon-title-slabbable {
  font-family: /* "Palatino Linotype", Book Antiqua, "Book Antiqua", Palatino, serif, */
  "League Gothic", Tahoma, Verdana, "Palatino Linotype", "Architects Daughter", "Futura LT Book";
  font-size: 75px;
  color: #394973;
  text-transform: uppercase !important;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 0.9;
  
  /*
  text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	*/
	
	
	   color: #394973;
	   text-shadow:
	   		1px 1px 0 #fff,
	   		2px 2px 0 #fff,
		 -1px -1px 0 #fff,  
		  1px -1px 0 #fff,
		  -1px 1px 0 #fff,
		   1px 1px 0 #fff;
}

.slabbable-title-sm, .slabbable-title-lg, .slabbable-title-xl {
	font-size: 2.5em;
  /* Impact, Tahoma, Verdana, "Palatino Linotype", "Architects Daughter", "Futura LT Book"; */
  /* font-family: "League Gothic" */
  /* font-weight: bold; */
  font-family: Impact;
  
  color: #394973;	
  text-transform: uppercase !important;
  text-decoration: none;
  
  
  
}

.dcpci-column-leader .leader-title {
	font-family: Impact;
	color: #394973;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 10px;
}

.dcpci-column-leader .leader-title.league-gothic {
	font-family: "League Gothic";
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.75em;
	line-height: .85em;
	margin-bottom: 9px;	
}

.dcpci-column-leader .leader-title.title-xl {
	font-size: 1.35em;	
}

.dcpci-column-leader .leader-title.title-xl.league-gothic {
	font-size: 1.85em;	
}


.dcpci-column-leader .leader-title.title-sm {
	font-size: 1.75em;	
}
.dcpci-column-leader .leader-title.title-sm.league-gothic {
	font-size: 1.98em;	
}

.dcpci-column-leader .leader-excerpt {
	font-size: .75em;	
}

.dcpci-column-leader .leader-body {
	padding: 0px;
}

.dcpci-column-leader .author { 

	font-weight: bold;
	font-style: italic;
}

.dcpci-column-leader a:hover { 
	color: #394973; 
}

.dcpci-column-leader .col-thumb {
	float: right; 
	padding: 0px 0px 5px 10px; 
	width: 125px;
}



.page-title {
	font-size: 45px; 
	line-height: .85em;
	color: #394973;

	text-shadow: 1px 1px 8px #fff , -1px -1px 8px #fff  , 1px -1px 8px #fff  , -1px 1px 8px #fff  ;
  -webkit-transition: text-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: text-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: text-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: text-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);

}


header h1 .page-title, .column-title {color: #394973; font-size: 45px;}

.media, .panel-body {
	
	color: #000;
	 text-shadow:
		 2px  2px 0 #fff,
		-2px -2px 0 #fff,
	 	-1px -1px 0 #fff,  
		 1px -1px 0 #fff,
		-1px  1px 0 #fff,
		 1px  1px 0 #fff;
	
}

h2, h3, h4 {margin: 0px; padding: 0px;}

.post-title h1 { /* padding-left: 15px; */}

.dcpci-h2, .panel-title {
	font-family: 'Architects Daughter', architects_daughterregular, 'Futura LT Book', Tahoma, Verdana;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
}

.dcpci-h2, .panel-title {
	font-family: 'Architects Daughter', architects_daughterregular, 'Futura LT Book', Tahoma, Verdana;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;

}

.dcpci-h2, h2 {
	font-family: 'Architects Daughter', architects_daughterregular, 'Futura LT Book', Tahoma, Verdana;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.dcpci-h3, h3.panel-subtitle {
	padding: 0px;
	margin: 0px;
	font-family: 'Architects Daughter', architects_daughterregular, 'Futura LT Book', Tahoma, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	font-style: italic;
	color: yellow;
}



.panel-default>.panel-heading {
	background-color: #394973;
	border-bottom-color: #394973;
	background-image: linear-gradient( rgb(65,84,132), rgb(57,73,115) );
	color: #fff;
	
	background-image: -webkit-linear-gradient(top,#415484 0,#394973 100%);
	background-image: -o-linear-gradient(top,#415484 0,#394973 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#415484),to(#394973));
	background-image: linear-gradient(to bottom,#415484 0,#394973 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#415484', endColorstr='#394973', GradientType=0);
	background-repeat: repeat-x;
	
}

.shaded {background-color: #E0E0E0;}
.nomargin, m-0 {margin: 0px}
.nopadding {padding: 0px}
.p-10 {padding: 10px;}
.left {float: left;}
.right {float: right;}
.clear {float: none; clear: both;}
.maxheight {height: 100%; min-height: 100%;}



.medium-rectangle {display: block; width: 100%; height: auto; margin: auto; margin-bottom: 15px; text-align: center; }
.large-rectangle {display: block; width: 100%; height: auto; text-align: center; }
.sidebar-adunit {margin: 15px; padding-right: 45px;}
.adunit-masthead-leaderboard {margin: auto; margin-bottom: 15px; text-align: center;}
.adunit-masthead-leaderboard div {margin: auto; text-align: center !important;}

.adunit img {width: 100%;}
.center-center {
    display:table-cell !important;
    vertical-align:middle;
    float:none !important;
	text-align: center !important;
	min-height: 100%;
	width: 100%;
	
}
.billboard {display: block;
    padding: 0px;
    
    background-color: #DEE2E4;
	margin-left: -15px;

}
.header-billboard {width: 100%; padding: 0px; margin: 0px; padding-bottom: 15px; padding-right: 15px; }



.billboard IMG { width: 100%; height: auto;}
.row-centered {
    text-align:center;
	line-height: 100%;
	width: 100%;
	padding: 0px;

}

.row-centered>div {
	float: none;
	display: table-cell;	
	vertical-align: middle;
	padding: 0px;
}

.col-centered {
	display: block;
    float: none;
    margin: auto !important;
	text-align: center;

}
.bordered-bottom {border-bottom: 1px solid #BCBCBC; margin-bottom: 5px; margin-top: 0px; }
section, .bordered {border: 1px solid #BCBCBC !important; padding: 15px; margin-bottom: 10px;}
section.adunit {border: 0px !important; padding: 0px; margin: 0px;}
section.adunit .row,
section.adunit .row .container-fluid {margin: 0px; padding: 0px;}
.align-right {text-align: right;}

.gutters {padding: 15px;}
.gutters-small {padding: 7.5px;}
.top-gutter, .gutter-top {margin-top: 15px;}
.bottom-gutter, .gutter-bottom {margin-bottom: 15px;}
.left-gutter, .gutter-left {margin-left: 15px;}
.right-gutter, .gutter-right {margin-right: 15px;}
.nogutter {margin: 0px !important; padding: 0px !important;}
.gutter-mini {margin: 5px !important;}
.nogutter-left {padding-left: 0px !important; margin-left: 0px !important;}
.nogutter-right {padding-right: 0px !important; margin-right: 0px !important;}
.nogutter-top {padding-top: 0px !important; margin-top: 0px !important; }
.gutter-inner {margin: 10px;}
.p-0 {padding: 0px;}
.pt-0 {padding-top: 0px;}
.pb-0 {padding-bottom: 0px;}
.pr-0 {padding-right: 0px;}
.pl-0 {padding-left: 0px;}
.mb-0 {margin-bottom: 0px;}
.mb-1 {margin-bottom: 15px;}




#dcpci-header {
	background-color: #DEE2E4;	
	margin-right: 0px;
}

#dcpci-leaderboard {padding: 0px;}

#dcpci-content, .panel-body, .drip {
	background-image: url(/wp-content/themes/cagle/lib/img/bgdrip.png);
	background-repeat: repeat-x;
    background-position: 0px -75px;
	background-origin: border-box; 
}

#sb-columns .panel-body {background-image: none;}

#dcpci-content {
	padding-top: 15px;
	margin-right: 0px;
}

.column {background-color: #fff;}
.panel-body {
	background-position: 0px -50px;
}


#dcpci-masthead, #dcpci-masthead .in {z-index: 999;}
#dcpci-masthead #dcpci-logo-img {height: 100% !important;; width: 190px !important; padding: 5px;}
#dcpci-masthead #dcpci-brand-title {height: 40px; width: 180px; margin: 5px !important; font-family: "Architects Daughter"; font-weight: bold; font-size: 40px; line-height: 40px; color: #fff !important; } 
#dcpci-masthead #dcpci-brand-title span.sub {font-size: .5em;}
#dcpci-masthead #dcpci-brand-title a {color: #fff;}
#dcpci-masthead #dcpci-brand-title a:hover {background-color: transparent !important; }

#dcpci-masthead .main-menu {padding: 0px; }
#dcpci-masthead .main-menu UL, #dcpci-masthead .main-menu LI {padding: 0px; margin: 0px;}
	
#dcpci-masthead .nav-link { line-height: 1; padding: 5px 10px 0px 10px; font-family: "Architects Daughter"; text-transform: uppercase; color: #fff;  text-transform: uppercase; }
#dcpci-masthead a.nav-link, #dcpci-masthead .nav-menu .nav-icon  {color: #fff;}
#dcpci-masthead a.nav-link:hover {color: yellow !important;} 


.masthead {margin-right: 0px;}
#dcpci-masthead .nav-menu, #dcpci-masthead .nav-menu .row {margin: 0px; padding: 0px}
#dcpci-masthead-billboard { background-color: #DEE2E4; }	

#dcpci-masthead { height: 50px; }
/*
#dcpci-masthead, #dcpci-masthead .nav-menu, 
#dcpci-masthead .nav-menu, #dcpci-masthead .nav-menu .row, 
#dcpci-masthead .nav-icon {height: 50px; line-height: 40px; }
*/
#dcpci-masthead .navbar-header {margin-left: -15px !important;}
#dcpci-masthead .support-us {margin: 0px;}

#masthead-gutter {height: 15px; padding: 0px; margin-left: -30px;}

.nav-link { }
.nav-link a:link, .nav-link a:visited {color: yellow; }
.nav-link a:hover, .nav-link a:active {color: #fff;}
.nav-link .fa {font-size: 16px; position: relative; top: 1px; font-weight: normal; padding-left: 5px;}

.navbar {height: 50px; background-color: #202940 !important;}
/* navbar */
.navbar-nav {
    margin: 7.5px 15px;
}

.dcpci-navbar {
    background-color: #202940; 
   /* background-color: transparent !important; */
   /* border-color: #202940; */
   border: 0px;
}
/* title */
.dcpci-navbar .navbar-brand {
    color: #000;
	padding: 0px;
}
.dcpci-navbar .navbar-brand:hover,
.dcpci-navbar .navbar-brand:focus {
    color: #5E5E5E;
	background-color: #202940; 
   /* background-color: transparent !important; */
}
/* link */
.dcpci-navbar .navbar-nav > li > a {
    color: #fff;
	 /* background-color: #202940; */ 
    background-color: transparent !important; 
}
.dcpci-navbar .navbar-nav > li > a:hover,
.dcpci-navbar .navbar-nav > li > a:focus {
    color: yellow;
	 /* background-color: #202940; */ 
    background-color: transparent !important; 
}
.dcpci-navbar .navbar-nav > .active > a, 
.dcpci-navbar .navbar-nav > .active > a:hover, 
.dcpci-navbar .navbar-nav > .active > a:focus {
    color: #555;
   background-color: #202940; 
   /* background-color: transparent !important; */
}
.dcpci-navbar .navbar-nav > .open > a, 
.dcpci-navbar .navbar-nav > .open > a:hover, 
.dcpci-navbar .navbar-nav > .open > a:focus {
    color: #555;
   background-color: #202940; 
   /* background-color: transparent !important; */
}
/* caret */
.dcpci-navbar .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.dcpci-navbar .navbar-nav > .dropdown > a:hover .caret,
.dcpci-navbar .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.dcpci-navbar .navbar-nav > .open > a .caret, 
.dcpci-navbar .navbar-nav > .open > a:hover .caret, 
.dcpci-navbar .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.dcpci-navbar .navbar-toggle {
  
   /* background-color: transparent !important; */
}
.dcpci-navbar .navbar-toggle:hover,
.dcpci-navbar .navbar-toggle:focus {
 /* background-color: #394973; */
   /* background-color: transparent !important; */
}
.dcpci-navbar .navbar-toggle .icon-bar {
   /* background-color: #394973; */
   /* background-color: transparent !important; */
}
@media (max-width: 767px) {
    .dcpci-navbar .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .dcpci-navbar .navbar-nav .open .dropdown-menu > li > a:hover,
    .dcpci-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
	
	
}

.panel-footer-link {line-height: 45px; text-transform: uppercase;  }
.panel-footer-link a {margin-right: 5px;}
.panel-footer-link a:link, .panel-footer-link a:visited {color: #394973; }
.panel-footer-link a:hover, .panel-footer-link a:active {color: red;}
.panel-footer-link .fa {font-size: 18px; position: relative; top: 1px; font-weight: normal; padding-left: 5px;}
.big, .big .fa {font-size: 32px; line-height: 64px; font-weight: bold;}

.dcpci-bgcolor-dark {background-color: #202940; color: yellow;}
.dcpci-bgcolor-dark a, .dcpci-bgcolor-dark a:link, .dcpci-bgcolor-dark a:visited {color: yellow; text-transform: none;}
.dcpci-bgcolor-dark a:hover, .dcpci-bgcolor-dark a:active {color: #fff; background-color: #394973; text-transform: none;}

.dcpci-bg-dark {background-color: rgb(32,41,64);}


#dcpci-page .version {font-weight: normal; text-transform: none; font-family: arial; font-size: 9px; display: block; position: fixed; bottom: 0px; right: 0px; padding: 2px; background-color: yellow; color: #000;  opacity: 0.5; z-index: 99999;	}
/*
#dcpci-page .version {display: none;}
*/
.brand-icon {font-size: 1.3em; padding: 5px;}
.author-thumb {border: 1px solid #000; height: 64px; width: 64px;}

.menu-icon {font-size: .75em; padding-top: 3px; }

.main-menu a {}
.main-menu ul {list-style: none; padding: 0px; margin: 0px;}
.main-menu li { display: inline-block; padding: 10px;}
.main-menu ul li:hover {color: #fff; background-color: #394973; text-transform: none;}
.nav-link { font-weight: bold; font-size: 12px; text-align: center;}
.collapsing .nav-link {text-align: left;}


.border-left-none {border-left: none;}
.border-right-none {border-right: none;}
.border-top-none {border-top: none;}
.border-bottom-none {border-bottom: none;}

.full-bleed, .fullbleed, .bleed-full {border: none; padding: 0px; margin: 0px; }
.bleed-left {padding-left: 0px; margin-left: 0px;}
.bleed-right {padding-right: 0px; margin-right: 0px;}
.bleed-right-full {padding-right: 0px; margin-right: -15px}
.bleed-left-full {padding-left: 0px; margin-left: 0px;}
.bleed-wide {
	padding-right: 0px;
	margin-right: -15px;
	padding-left: 0px; 
	margin-left: 0px;
}
.bleed-top {padding-top: 0px; margin-top: 0px;}
.bleed-bottom {padding-bottom: 0px; margin-bottom: 0px;}


.max-width {width: 100% !important; max-width: 100% !important; height: auto !important;}

#dcpci-footer {margin-right: 0px; margin-top: 0px; background-color: #202940; font-size: 14px;}
#dcpci-footer {font-family: 'Futura LT Book', Tahoma, Verdana; }
#dcpci-footer UL {list-style: none; padding: 0px; margin: 0px;}
#dcpci-footer UL LI {padding: 0px; margin: 0px;}
#dcpci-footer h3 {
	font-family: "Architects Daughter", Arial;
	color: yellow;
	font-size: 18px;
  	font-weight: bold;
  	text-transform: uppercase;
	margin-bottom: 15px;
}
#dcpci-footer a, #dcpci-footer a:link, #dcpci-footer a:hover, #dcpci-footer a:visited, #dcpci-footer a:active {
	color: #fff;
}

#footer-middle {background-color: #202940; color: #fff; padding-top: 15px;}
#footer-footer {background-color: #0f131e; color: #fff; font-family: arial; font-size: 1.2rem; padding: 20px;}

.footer-ad-box {background-color: #0f131e; font-size: 16px; font-weight: bold; text-transform: uppercase;}

.footer-social-glyph {
		font-size: 64px !important;
}

#hero-buttons div {margin-bottom: 10px; margin-top: 10px;}
#footer-ad-heroes {padding: 0px; margin: 0px; }


@media (min-width: 768px) {
	.col-xs-12 div.topic-thumb, .col-xs-12 div.topic-thumb img {width: 100%;}	
	.text-md-right {text-align:right;}
}

.dcpci-cagle-desk-cartoon {width: 100%; height: auto; }
.dcpci-section {}


#dcpci-widget-dcpci-index .panel-body {padding-right: 0px;}
.padding-none {padding: 0px !important; }
#footer-ad-widget {padding: 0px !important;}



#hp-cartoonists-index .panel-footer, #hp-latest-cartoons .panel-footer {text-align: right;}
#sb-editors-desk .cartoon {margin-top: 15px;}
#sb-columns .panel-body {padding: 0px 15px;}
#sb-columns .column {margin-bottom: 15px;}
#section-adunit-leaderboard .row {
	margin-top: 10px;
}



.panel {margin-bottom: 15px;}


.post-header {
	/* margin-bottom: 15px; */	
}



.entry-title {
	font-size: 64px;
	line-height: 64px;
	display: inline-block;
	position: relative;
	float: left;
	line-height: 64px;
}

.dcpci-post-pubdate {
	
	display: inline-block;
	position: relative;
	float: left;
	width: 50px;
	/* height: 60px; */
	padding: 2px;

	
	/* background-color: #B4B3B3; */
	background-color: #B4B3B3;
	font-family: Futura LT Book, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	margin-right: 15px;
	z-index: 900;
	line-height: 20px;
  
}

.dcpci-post-pubdate .day {
	background-color: #FFF;
	/* color: #B4B3B3; */
	color: #B4B3B3;
	margin: auto;
}

#post-pubdate {	margin-left: 15px; text-shadow: none; }
.post-pagination .dcpci-post-pubdate {
	margin-right: 0px;
	margin-left: 0px;	
}
.post-pagination .row>div {
	padding-left: 15px;	
}

.post-pagination a, .post-pagination a:link, .post-pagination a:visited {
	font-size: 48px;	
	color: #B4B3B3;
	/* color: #8e8c8c; */
}

.post-pagination a:active, .post-pagination a:hover {
	color: #394973;
}

.post-pagination a:hover .dcpci-post-pubdate {
	background-color: #394973;	
	border: none;
}

.post-pagination a:hover .dcpci-post-pubdate .day {
	color: #394973;
}


a.nav-glyph-link {
	color: 	#E0E0E0;
}





#sb-author-bio .archive-calendar {
	margin-top: 15px;	
}

.archive-calendar {
	text-shadow: none;
}

#archive-calendar-month {
	overflow: hidden;
	clip: rect(0px 0px 45px 0px);
}
	
#archive-calendar-year {
	margin-top: 10px;
	z-index: 99999;
} 

.calendar-navigation, .has-posts  {
	background-image: none !important;
	background-color: #394973 !important;	
}

.current-datebox .dcpci-post-pubdate {
	 background-color: #394973;
	 border-color: #394973;
	/* background-color: #8e8c8c; */
	/* color: #000; */
}


.current-datebox .dcpci-post-pubdate .day {
	color: #394973;	
}

#post-pubdate {
	float: right;	
}

#post-pagination-1 {
	margin-top: 0px;	
}

#post-pagination-2 {
	background-image: url(/wp-content/themes/cagle/lib/img/bgdrip.png);
	background-repeat: repeat-x;
    background-position: 0px 0px;
	background-origin: border-box; 
	margin-top: -30px;
	padding-top: 5px;
	padding-bottom: 60px;
}

#post-pagination-2 .dcpci-post-pubdate {
	color: 	#E0E0E0;
}



#post-pagination-2 .dcpci-post-pubdate .day {
	background-color: #E0E0E0;	
}

#author-social .dcpci-glyph, #author-social .fa {
	font-size: 24px;
}

.post-pagination-previous {
	margin-left: 15px;
	padding-left: 15px;	
}

.post-pagination-previous, .post-pagination-next {
	line-height: 64px;	
	margin-right: 5px;	
	padding-top: 10px !important;
}

.archive .post .border {
	border: solid 1px #BCBCBC;
	padding: 0px;
	margin: 0px;
}

.archive .archive-post-thumb {
	border-bottom: solid 1px #BCBCBC;	
}

.archive .archive-post-footer {
	border-top: solid 1px  #EEEEEE ;	
}




.archive #col-sidebar {margin-top: 0px;}


.slab h1 {
	font-family: "League Gothic", "Impact", Charcoal, Arial Black, Gadget, Sans serif !important;
	text-transform: uppercase !important;

	width: 100%;
	text-shadow: none;
	
}



.slab  { width: 100%; display: inline-block; }
.slab h1 { font-size: 40px; }
.media-body .media-content img { width: 100%; height: auto;}
.archive .post header {padding: 15px 15px 5px 15px;}

.single IMG, .single .wp-caption  {
	max-width: 100%;	
}
IMG {height: auto !important;}
.single article.category-columns .post-content { font-size: 16px; font-family: Arial, "Architects Daughter"; }
.headline h1, .headline h1 a, .headline h1 a:link, .headline h1 a:visited {
	font-family: "League Gothic", Helvetica, "Palatino Linotype",  Book Antiqua, "Book Antiqua", Palatino , serif, "Architects Daughter" !important; 
	color: #394973;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	font-weight: bold !important;
	font-size: 20px;
}

.dcpci-column-leader .title h2, #editors-desk-title, .dcpci-archive-column-leader  {
	font-family: "League Gothic", Helvetica, "Palatino Linotype",  Book Antiqua, "Book Antiqua", Palatino , serif, "Architects Daughter" !important; 
	color: #394973;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	/* font-weight: bold !important; */
	/* font-size: 2.5em; */
	font-size: 30px;
	/* line-height: .9em; */
	text-transform: uppercase;
}

.term-leader {width: 150px; height: 150px; padding: 0px !important; position: relative; margin-bottom: 0px !important;}

.term-leader-title, .archive-post-title  {
	font-family: "League Gothic", Helvetica; /* Palatino, "Times New Roman", Times, serif; */
	color: #F00;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	width: 150px;
	padding: 4px;
	max-width: 150px;
	overflow: hidden;
	line-height: 1em;


}

.archive-post-title {width: 100%;}

.term-leader IMG {width: 150px !important; position: absolute; top: 0px; clip: rect(0px,150px,149px,0px);}

.dcpci-column-leader .title h2 a, .dcpci-column-leader .title h2 a:link, .dcpci-column-leader .title h2 a:visited {
	color: #394973;
}


.headline h1 a:hover {color: red;}

.hp-headline-content IMG {width: 100%; height: 100%; border: none; }


.dcpci-grid-fill { padding: 15px; margin-right: -15px; }
.author-post-date {margin-top: 15px;}
header {display: inline-block; float: left; }
header.post-header {display: block; float: none; margin-top: 15px;}
#dcpci-archive-header {margin-bottom: 0px; }
.avatar {float: left; margin: 0px 5px 5px 0px; height: 32px; width: 32px;}
.featured .avatar {height: 64px; width: 64px; }


.archive-post-meta .dcpci-tb-item .dcpci-glyph {font-size: 24px;}
.featured .archive-post-meta .dcpci-tb-item .dcpci-glyph {font-size: 48px;}


/* callout */

.callout {
	position: relative;
	background: #fff;
	border: 2px solid #394973;
}
.callout:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.callout:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.callout:before {
	border-color: rgba(57, 73, 115, 0);
	border-right-color: #394973;
	border-width: 13px;
	margin-top: -13px;
}

.author-card-updated {
	font-size: .75em;	
}

.column-leader-thumb, .column-leader-thumb-lg {width: 100% !important; height: auto !important; margin-right: 0px; padding-right: 0px; }
.column-leader-thumb IMG, .column-leader-thumb-lg IMG {width: 100%;}

.gsc-control-cse {
	background-color: transparent !important;	
	
}

.gsc-search-button
{
    background-color: #1a4195;
    border-radius: 5px;

}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #1a4195 !important;
    background-image: url("http://www.google.com/uds/css/v2/search_box_icon.png") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 20px !important;
    border-color: #1a4195 !important;
    filter: none;
}


#dcpci-pnl-dcpci-search-box .panel-body { padding: 0px; }
.error404 .headline h1 {font-size: 50px;}
.thumbslider {float: right; top: 0px; font-size: 30px; padding: 5px;}

.dcpci-archive-column-byline {text-align: right;}

.ms-captionx {

	float: right;
	width: 250px;
	height: 100%;
	border: solid 1px #C0C0C0;	
	
}


.ms-slide-bgcont img {
	height: 500px !important; 
	width: auto !important;
	margin-top: 0px !important;

/*
width: auto !important; margin: 0px !important; 
margin-left: auto !important; margin-right: auto !important;
*/
}
.ms-caption .fa {font-size: 32px;}
.topic-post-count {font-size: 10px; padding: 0px; margin: 0px;}

/* modify jetpack icons to use font-awesome instead */
.sd-content ul li a.sd-button:before {font-family: Fontawesome !important;}
.sd-content ul li a.sd-button:before {font-size: 24px !important; }
.sd-content .share-facebook {content: '\f082'; font-size: 32px; }

/*
.archive-pageing-link .page-numbers {
	background-color: #394973;
	border-radius: 50%;
	height: 75px;
	width: 75px;
	font-size: 32px;
	
}
*/

.archive-nav-item {
	background-color: #394973;
	color: #fff;
	display: inline-block;
	margin: 15px;
    border-radius: 25%;
    height: 42px;
	border: 1px solid #666;
    text-align: center;
	padding-top: 14px;
	padding-left: 5px;
	padding-right: 5px;
    font-size: 28px;
	font-weight: bold;
}



.archive-next-prev  {
	display: inline-block;
	font-size: 48px;
	line-height: 48px;
	margin: 15px;

}

.archive-nav-item a { 
	 color: #fff;
}


.archive-nav-item a:hover { 

	color: yellow;
}

.archive-current-page, .archive-current-page .page-numbers {
	background-color: #E0E0E0;
	color: #000 !important;	
}
.archive-pubdate { font-size: .75em; float: left; }

.pagination {
	clear: both;
	position:relative;
	font-size: 1.3rem;
	text-align: center;
	margin: 0px;
}


 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 5px;
	padding: 5px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #394973;
	min-width: 50px;
	min-height: 40px;
	line-height: 100%;
	padding-top: 15px;
	text-align: center;
}
 
.pagination a:hover{
	color: yellow;
	background: #3279BB;
}
 
.pagination .current{
	padding:15px 9px 5px 9px;
	background: #E0E0E0;
	color:#000;

}

.pagination .pages {
	background: #E0E0E0;
	color: #000;
	font-weight: bold;	
}
.btn-pagination {
	font-size: 2rem;	
	line-height: .6rem !important;
}
.dcpci-author-card {margin-bottom: 15px;}
.author-card-inner {min-height: 85px; max-height: 85px; margin-top: auto; margin-bottom: auto;}
.author-card-header {min-height: 32px;}
.dcpci-author-card h4.media-heading { font-size: .95em; font-weight: bold; }

.archive .sharedaddy .sd-content li a::before {
    font-size: 12px !important;
}

.nc_socialPanel { margin-top: 0px !important; margin-bottom: 0px !important; }

.glyph-medium {font-size: 26px;}
.yasr-already-voted-text, .yasr-total-average-text, .yasr-small-block-bold {display: none !important;}

#footer-ad-widget .dcpci-image IMG {width: 100% !important;}

.nc_socialPanelSide {display: none;}
#navbar-btn-menu {font-size: 32px; color: #fff; padding: 0px; padding-right: 15px; margin: 0px;}

.navbar-collapse.collapse.in, .navbar-collapse, .navbar-collapse.collapse {background-color: #202940; text-align: left; }
.in .nav-link {text-align: left; font-size: 1em;}
.navbar-collapse { border: 0px; padding: 0px; margin: 0px; }

.page article header, .post-content {clear: both;} 
#dcpci-paypal-donate form {margin : auto; width: auto; text-align: center;}
.hero-button {width: 100%; margin: 5px;}

.page-template-page-heroes .post-content p {padding-bottom: 20px;}
.page-template-page-heroes .post-content .hero-button {font-size: 1.5em !important;}


h3.fb_iframe_widget {display: none !important;}
.fb_iframe_widget_fluid, .fb_iframe_widget_desktop_fluid {display: inline !important;}

.author #dcpci-archive-header .page-title .slabtext {word-spacing: 10px !important;}
#column-credit {font-size: .75em;}
#column-title {font-family: "League Gothic", Tahoma, Verdana, "Palatino Linotype", "Architects Daughter", "Futura LT Book"; font-size: 75px; line-height: 80px;}
.template-single-syndicated-column .post-content .wp-caption, .template-single-syndicated-column .post-content img {width: 100%;}
.template-single-syndicated-column .post-content .wp-caption-text {font-size: .8em;}
.hidden {display: none;}

.alignright {float: right;}
.alignleft {float: left;}
.ms-form-table {width: 100%;}
.ms-purchase-table { margin-bottom: 100px; }
.ms-purchase-table, .ms-purchase-table tbody {font-size: 1em; display: block; width: 100%;}
.ms-purchase-table TR {display: block;}
.ms-purchase-table TR TD {display: inline-block; padding: 5px; }
.page-template-page-heroes-register legend {display: none;}
.gateway_stripeplan, .gateway_authorize, .gateway_paypalstandard {display: inline-block !important; font-size: 1.8em; float: left;}
.gateway_authorize TD,
.gateway_paypalstandard TD {
	display: inline-block;
	width: 100%;
}
#ms-authorize-card-wrapper input {font-size: 1.8em; }
.wpmui-input-card_num {width: 50%; }
.ms-authorize-card-wrapper .wpmui-submit {width: 50% !important; background-color: #394973; font-size: 2.5em; padding: 10px; color: yellow; text-transform: uppercase; font-weight: bold; text-align: center;}
.ms-authorize-card-wrapper .ms-col-submit {text-align: center;}

#loginform { font-size: 2em; }
#loginform .login-remember label { display: inline-block; }
#loginform .ms-field input { padding-left: 5px; }
#loginform #wp-submit { background-color: #394973; padding: 10px; text-transform: uppercase; font-weight: bold; color: #fff; }

.author-mugshot { vertical-align: top; }
.author-mug {float: left; }
.ms-account-wrapper div {margin: 10px;}
.ms-account-wrapper, .ms-account-wrapper h2 {font-family: arial; text-transform: capitalize;}
.ms-account-wrapper td, .ms-account-wrapper th {padding: 10px; }
.ms-account-wrapper a:link, .ms-account-wrapper h2 a:link {text-decoration: underline !important; font-weight: bold;}
.ms-account-wrapper h2 {padding: 10px; background: #DEE2E4;}
.ms-membership-form-wrapper .ms-purchase-table td {padding: 5px;}
a strong {text-decoration: underline;}
.ms-membership-form-wrapper legend, .ms-membership-form-wrapper .ms-alert-box {display: none;}
.heroes-rectangle-ad {margin: 15px 0px;}

/* 
	#account-membership, #account-membership .ms-edit-profile {display: none;}
*/

.archive-post-attribution {padding-left: 15px; padding-right: 15px;}
.dcpci-ad-unit-medium-rectangle IMG {width: 100% !important; height: auto;}
.archive-post-attribution .cartoon-title {text-transform: uppercase; }

.rateit {display: block !important; padding-bottom: 3px;}
.post-bio {line-height: normal;}
.adunit-medium-rectangle IMG {width: 100%;}
.post-author-link {font-weight: bold; font-size: .9em;}
#div-gpt-ad-1526326951959-0 {margin: auto; margin-bottom: 15px;}
#dcpci-leaderboard {text-align: center; margin: auto; width: 100%; padding-bottom: 15px;}

#cartoons_archive_paging_header {margin-top: 10px; margin-bottom: 0px;}
#cartoons_archive_paging_footer {margin-top: -15px; margin-bottom: 15px;}
.archive-post-thumb.Cartoons {margin: 1px;}
#dcpci-archive .avatar {height: 50px; width: 50px;}
#sb-columns article {margin-bottom: 0px;}
.cartoon-backlinks {
	display: flex; 
	justify-content: center; 
	margin: 15px -30px 0px -15px; 
	text-align: center;	
}
.cartoon-backlinks a {width: 100%;}
.cartoon-backlinks div.col-lg-6 {padding: 0px; padding-right: 15px; margin-top: 15px;}

.btn-backlink {
	font-family: 'Architects Daughter', architects_daughterregular, 'Futura LT Book', Tahoma, Verdana;
	font-weight: bold;
	font-size: 2.5rem;
	text-transform: uppercase;
	display: block;
	border-radius: 25px;
	border: 2px solid rgb(220, 228, 239);
	text-align: center;
	padding: 10px;
	min-width: 100%;
	text-shadow: none;
	background-color: rgb(61, 79, 124);
	color: rgb(255, 255, 0) !important;
	

}
.btn-backlink:hover {
	border-color: #000;
	background-color: rgba(94,173,107, 1);
	color: rgba(255, 255, 0, 1) !important;	
}

.color-white {
	color: #fff !important;	
}
.ms-login-form {font-size: 2rem;}
#lostpasswordform {font-size: 3rem;}
#lostpasswordform .login {display: none;}
#lostpasswordform .status {margin-bottom: 25px;}
#resetpassform {font-size: 3rem; width: 400px;}
#footer_sticky .sticky-footer-content {
	/*font-size: 2.5rem; */
	/*display: inline-block;*/ 
	font-family: 'Architects Daughter', architects_daughterregular, 'Futura LT Book', Tahoma, Verdana;
    font-weight: bold;
    text-transform: uppercase;
	display: flex; 
	flex-direction: column; 
	font-size: 1.9rem; 
	margin-bottom: 15px; 

}
	
#footer_sticky .sticky-footer-content b {font-size: 4.375rem; line-height: 1;}
	
.wpmui-submit .button-primary {
	overflow: hidden;
    display: inline-block;
    visibility: visible !important;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;

    position: relative;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #1275ff;
    background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
cloudflare-app, .tibrr-cookie-consent-container {z-index: 10000000 !important; }
#footer_sticky {z-index: 1000000 !important; }
.at-share-dock-outer, .at-share-dock.atss {z-index: 100000 !important; }
#heroes_promo_video iframe {width: 100%; height:480px;}
#lostpasswordform.progress {height: auto !important;}

#s2member-pro-authnet-checkout-form .form-control,
#s2member-pro-authnet-sp-checkout-form .form-control {height: auto !important;}

#s2member-pro-authnet-checkout-form .s2member-pro-authnet-checkout-options,
#s2member-pro-authnet-sp-checkout-form .s2member-pro-authnet-sp-checkout-options {
	font-size: 5rem !important;
	font-family: Impact, "Arial Black", Gadget, sans-serif !important;
	color:#090 !important;}

.page-id-912853 #s2member-pro-authnet-checkout-form .s2member-pro-authnet-checkout-options,
.page-id-912853 #s2member-pro-authnet-sp-checkout-options {
	font-size: 2rem !important;
	color: #000 !important;
	font-family: Arial, sans-serif !important;
}
.hustle_module_id_1 .hustle-layout-content .hustle-image { padding-top: 2rem; padding-left: 1rem; }
#dcpci-loop.row {margin-left: 0 !important;}

@media (max-width: 667px) {
	#page {width: 667px;}
	#page-body, #post {width: 100% !important;}

}
@media (max-width: 896px) {
	#page {width: 896px;}
	#page-body, #post {width: 100% !important;}

}
@media (max-width: 844px) {
	#page {width: 844px;}
	#page-body, #post {width: 100% !important;}
}