@import url('https://fonts.googleapis.com/css?family=Open+Sans|PT+Serif');



header h1, .site-description, .widget-title {font-family:arial; font-weight: bold;}



.site-branding {

	background-position-x: 0px !important;

}



/* WP.com Customizer CSS */

body.custom-background { background-color: #555555; background-image: url("https://wattsupwiththat.com/wp-content/uploads/2018/05/wuwt_new_background5.png"); background-position: center top; background-size: auto; background-repeat: repeat-y; background-attachment: scroll; }





/*EDITED VERSION BY JIM

Welcome to Custom CSS!



CSS (Cascading Style Sheets) is a kind of code that tells the browser how

to render a web page. You may delete these comments and get started with

your customizations.



By default, your stylesheet will be loaded after the theme stylesheets,

which means that your rules can take precedence and override the theme CSS

rules. Just write here what you want to change, you don't need to copy all

your theme's stylesheet content.



If you need any further help, ask in the CSS Customization forum.

*/

/* ~~~ custom CSS ~~~ */

/* navigation menu */

.navigation-main {

	font-family: Arial;

	font-size: .9em;

}



/* side bar objects */

.widget-area .widget {

	margin-bottom: 6px;

}



/* Headers */

.site-content .entry-content h1, .site-content .comment-content h1, #tinymce h1 {

	color: #117bb8;

	font-size: 1.3em;

	line-height: 1em;

	margin-bottom: 16px;

	margin-top: 16px;

}



.site-content .entry-content h2, .site-content .comment-content h2, #tinymce h2 {

	color: #117bb8;

	font-size: 1.2em;

	line-height: 1em;

	margin-bottom: 16px;

	margin-top: 16px;

}



.site-content .entry-content h3, .site-content .comment-content h3, #tinymce h3 {

	color: #117bb8;

	font-size: 1.1em;

	line-height: 1em;

	margin-bottom: 16px;

	margin-top: 16px;

}



/* start of the comments, heading is number of thoughts on the article */

.comments-area {

	margin-top: 20px;

}



/* author name in comment */

.comments-area footer .comment-author {

	font-size: 1em;

	line-height: 1em;

}



/* date and time link in comments */

.comments-area footer .comment-meta, .comments-area footer .comment-meta a {

	color: #555555;

	font-family: open-sans-1, open-sans-2, Georgia, "Times New Roman", serif;

}



/* area of all comments */

.comments-area article {

	padding: 3px 0 3px 16px;

	font-size: 1.1em;

	color: #101010;

}



/* area of each comment 

.comments-area .comment-content, .comments-area .reply, .comments-area li.comment #respond {

	background: none repeat scroll 0 0 #f7f7f7;

	margin-left: 16px;

	padding: 3px 3px 0 6px;

}

*/

/* area of each comment */

.comments-area .comment-content, .comments-area .reply, .comments-area li.comment #respond {

	margin-left: 32px;

/* make this match the padding of comments-area ul.children */

}



/* this controls the comment indentation within each reply, multiple replies accumulate */

.comments-area ul.children {

	padding-left: 32px;

/* make this match the margins of the .comment-content, .comments-area .reply*/

}



/* contains the author and date of a comment */

.comments-area footer {

	background: none repeat scroll 0 0 #f7f7f7;

	padding: 6px;

}



/* contains comment reply link for nested comments */

.comment-reply-link {

	font-family: Arial;

	font-size: .8em;

}



/* the comment paragraph */

.comment-content > p {

	margin-bottom: 1em;

}



/* block quotes */

.site-content .entry-content blockquote, .site-content .comment-content blockquote, #tinymce blockquote {

	background: none repeat scroll 0 0 #f9f9f9;

	font-family: 'Arial';

	font-size: 1em;

	font-style: italic;

	margin: 1px 24px 24px;

	padding: 10px 12px 1px 50px;

	box-shadow: 6px 6px 6px #969696;

	border: thin solid #dfdfdf;

}



/* the quote character appearing at the top-left of a block quote */

.site-content .entry-content blockquote:before, .site-content .comment-content blockquote:before, #tinymce blockquote:before {

	font-family: 'Trebuchet MS';

	left: 10px;

	top: 20px;

}



/* title of the article */

.single .site-content .entry-title {

	color: #117bb8;

	font-size: 1.6em;

	line-height: 1.1em;

	margin-bottom: 0;

}



/* the article paragraph */

.entry-content p {

	font-size: 1.1em;

	line-height: 1.3em;

	margin-bottom: 1em;

}



/* list items in articles */

.entry-content li {

	margin-bottom: 6px;

/* a bit of spacing to separate items for more readability */

}



/*image caption text*/

.wp-caption-text {

	font-family: Arial;

}



/* cover page includes small banners on featured images */

.home .entry-thumbnail-category {

	font-family: Tahoma;

	font-size: .8em;

	text-transform: none;

}



/* title of article summary on front page  */

.home .featured-content-secondary .entry-title {

	font-size: 1.2em;

	line-height: 1.3em;

}



/* vertical listing of article summaries on front page */

.home .site-content article {

	padding-bottom: 20px;

	padding-top: 20px;

}



/* line spacing for front page */

.home .entry-summary > p {

	margin-bottom: 1em;

}



/* Recent comments in the sidebar widget */

td.recentcommentsavatarend, td.recentcommentsavatartop {

	display: none;

}



td.recentcommentstexttop {

	padding: 0;

}



td.recentcommentstextend {

	padding: 0 0 6px;

}



/* restore the date of article in footer */

a.entry-date span {

	display: inline !important;

}



/* this pins the header (mast) image to remain at the top/left corner at differing screen sizes */

.site-header .site-branding {

	background-position: 0 0;

}



/* SITE WIDE LINK STYLE

    the idea is to make one color always be the theme’s main color (light blue)

    the hover color is the opposite (orange) and give UI feedback this is a live link by underlining

    the visited color turns links into the hover color, consistent with the color seen just before clicking on the link

    having a different visited color indicates to the user articles or other pages they’ve already read

    having links in a different color and font sets them apart from body text, and removes the need to have them underlined at all times

*/

/* default link style */

a {

	color: #117bb8;

	font-family: Arial;

	text-decoration: none;

}



a:hover {

	color: #b26600;

	text-decoration: underline;

}



a:visited {

	color: #b26600;

}



/* these are the links within the widgets appearing in the sidebar */

.widget a {

	color: #117bb8;

	font-family: Arial;

	text-decoration: none;

}



.widget a:hover {

	color: #b26600 !important;

	text-decoration: underline;

}



.widget a:visited {

	color: #b26600;

}



/* special case for the site’s mast head */

.site-title a, a:hover, a:visited {

	color: white;

	text-decoration: none;

}



/* special case for the site’s main menus */

.menu a, a:hover, a:visited {

	color: white;

	text-decoration: none;

}



/* These are the front page links used as titles. Make them behave like the links within articles. This lets the user easily view the front page and see which articles they’ve already read. */

.featured-content .entry-title a {

	color: #117bb8;

}



.featured-content .entry-title a:hover {

	color: #b26600;

}



.featured-content .entry-title a:visited {

	color: #b26600;

}



.featured-content-secondary .entry-title a {

	color: #117bb8;

}



.featured-content-secondary .entry-title a:hover {

	color: #b26600;

}



.featured-content-secondary .entry-title a:visited {

	color: #b26600;

}



.site-content .entry-title a {

	color: #117bb8;

}



.site-content .entry-title a:hover {

	color: #b26600;

}



.site-content .entry-title a:visited {

	color: #b26600;

}



/* these are the links within articles and comments, have them both match their styles */

.entry-content a {

	text-decoration: none;

/* leaving links as a different font within content helps set them apart, but it can be returned to the same font by uncommenting this line

    font-family: unset; 

*/

}



.wp-caption .wp-caption-text {

	font-size: .8em;

}



/* change the link within articles while hovering over it  */

.entry-content a:hover {

	text-decoration: underline;

	color: #B26600;

/* make this match the visited color */

}



/* visited links within articles */

.entry-content a:visited {

	color: #B26600;

/* make this match the hover color */

}



/* These are the links within comments */

.comment-content a {

	color: #117bb8;

	text-decoration: none;

/* leaving links as a different font within content helps set them apart, but it can be returned to the same font by uncommenting this line

    font-family: unset; 

*/

}



.comment-content a:hover {

	color: #b26600;

	text-decoration: underline;

}



.comment-content a:visited {

	color: #b26600;

}



/* These are the links letting the visiter reply to a comment */

.comment-reply-link {

	text-decoration: none;

}



.comment-reply-link:hover {

	color: #b26600;

	text-decoration: underline;

}



.comment-reply-link:visited {

	color: #b26600;

	text-decoration: none;

}



/* These are previous/next navigation links appearing below an article */

.navigation-post {

	padding: 10px 10px 10px 40px;

	text-decoration: none;

	font-family: open-sans-1, open-sans-2, Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: .9em;

}



.navigation-post a:hover {

	color: #b26600;

	text-decoration: underline;

}



.navigation-post a:visited {

	color: #b26600;

	text-decoration: none;

}



/* WordAds about these ads fix */

.wpa-about {

	color: #999 !important;

}



.pd-rating {

	display: inline-block !important;

}



/* custom CSS font style */





body {

  font-size: 13.8px;

  font-family: 'PT Serif', serif;

}



button, input, select, textarea {

  font-size: 13.8px;

  font-family: 'PT Serif', serif;

}



blockquote {

  font-family: 'PT Serif', serif;

}



blockquote cite {

  font-size: 13.8px

}



sub, sup {

  font-size: 79.5%

}



small {

  font-size: 79.5%

}



big {

  font-size: 132.5%

}



button, html input[type="button"], input[type="reset"], input[type="submit"] {

  font-size: 12.7px

}



.gallery-caption {

  font-size: 13.8px

}



#comments {

  font-size: 14.8px

}



.comment-meta, .comment-meta a {

  font-size: 12.7px

}



.comment-author {

  font-size: 17px

}



.pingback>p:before {

  font-size: 10.6px

}



body {

  font-size: 15.9px;

  font-family: 'PT Serif', serif;

}



.entry-meta, .entry-meta a, .site-content .entry-meta, .site-content .entry-header .entry-meta, .comments-area footer .comment-meta, .comments-area footer .comment-meta a {

  font-size: 12.7px

}



.site-footer, .site-footer a {

  font-size: 13.8px

}



th {

  font-weight: 700;

  font-family: 'Open Sans', sans-serif;

  font-style: normal

}



h1, h2, h3 {

  font-weight: 700;

  font-family: 'Open Sans', sans-serif;

  font-style: normal

}



h1 {

  font-style: normal;

  font-weight: 700

}



h2 {

  font-style: normal;

  font-weight: 700

}



h3 {

  font-style: normal;

  font-weight: 700

}



h4, h5, h6 {

  font-weight: 700;

  font-style: normal

}



.site-title {

  font-family: 'Open Sans', sans-serif;

  font-style: normal;

  font-weight: 700

}



.site-description, .single .site-content .related-content .entry-title {

  font-weight: 700;

  font-style: normal

}



.featured-content .entry-title, .site-content .entry-title, .featured-content-secondary .entry-title, .comments-area #reply-title, .comments-area .comments-title {

  font-style: normal;

  font-weight: 700

}



.comments-area footer .comment-author {

  font-family: 'Open Sans', sans-serif;

  font-style: normal;

  font-weight: 700

}



.single .site-content .entry-title {

  font-style: normal;

  font-weight: 700

}



.widget-area .widget-title {

  font-style: normal;

  font-weight: 700

}



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

  .main-small-navigation .menu-toggle {

    font-style: normal;

    font-weight: 700

  }

}





/*Bradly Pressable Mods */



.site-content .entry-content blockquote:before, .site-content .comment-content blockquote:before, #tinymce blockquote:before {

    left: 2px;

    top: 2px;

    font-size: 1.1em;

}



#comments blockquote {

	margin: 20px 0;

	padding: 5px;

}



div.comment-content > blockquote > p {

	margin: -4px 2px 0px 9px;

	padding: 0px 2px 0px 0px;

	font-size: 0.8em;

}



@media (max-width: 600px) { 

	

	#page {

		width:98%;

	}

	

	#comments {

		width: 96%;

    margin: 1%;

    padding: 1%;

	}

	

}



@media (max-width: 900px) {

	.site-content article {

    padding: 30px 10px;

	}

}





div.wc-comment-text a, div.wc-comment-text a:link, div.wc-comment-text a:hover, div.wc-comment-text a:visited {

    color: blue !important;

}


.wc-comment-text p,
.wc_comment_text p * {
    font-size: 16px !important;
}


#wpcomm .wc-reply .wc-comment-right .wc-comment-text * {
  font-size: 16px !important;
}

blockquote {
  clear: both !important;
}