/*
Theme Name: IBA Theme
Text Domain: iba-theme
Theme URI: http://www.wisconsinbirds.org/iba
Description: Custom WordPress theme
Version: 1.0
Author: J Davis Web Design
Author URI: https://www.jdaviswebdesign.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
    white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f2f2f2;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ----- */

html { 
	font-size:62.5%;
	height:100%;
}	
body { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-size:1.6rem;
	line-height:1.8; 
	background:#fff; 
	color: #333; 
	margin: 0; 
	padding: 0; 
}
body.home {
	background:#000; 
	color: #f2f2f2; 
}

a { color:#0074D9; text-decoration:none; }
a:hover { color:#f00; border-bottom:1px solid #ccc; }
a img { border:0; }

img {
	max-width:100%;
	height:auto;
}

.clear:after {
   content: "";
   display: table;
   clear: both;
}

.alignleft { float:left; margin:5px 15px 5px 0; padding:0; }
.alignright { float:right; margin:5px 0 5px 15px; padding:0; }
.aligncenter { display:block; margin:0 auto; text-align:center; }

@media only screen and (min-width: 1320px) {
	body.home .alignwide, body.page-template-fullwidthpage .alignwide {
		margin: 0 -5%;
		max-width: 100vw;
	}
}
body.home .alignfull, body.page-template-fullwidthpage .alignfull {
	margin: 32px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

blockquote {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-style:italic; 
    background: #333;
    border-left: 5px solid #ccc;
    margin: 0 0 20px 0;
    padding: 20px 20px 10px 20px;
}

p { margin:0; padding: 0 0 20px 0; }
dt { margin:0; padding: 0 0 20px 0; font-weight:bold; }
dd { margin:0; padding: 0 0 20px 20px; }

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

hr { 
	clear:both;
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin:0 auto 20px auto;
}

main h1, main h2, main h3, main h4, main h5, main h6 { 
	color:#0074D9; 
	margin: 0 0 20px 0; 
	padding: 0; 
	font-weight:normal; 
}
body.home main h1, 
body.home main h2, 
body.home main h3, 
body.home main h4, 
body.home main h5, 
body.home main h6 {
	color:#ccc;
}

h1 { font-size:36px; font-size:3.6rem; line-height:1.4; }
h2 { font-size:30px; font-size:3.0rem; line-height:1.4; }
h3 { font-size:24px; font-size:2.4rem; line-height:1.4; }
h4 { font-size:18px; font-size:1.8rem; line-height:1.2; }
h5 { font-size:16px; font-size:1.6rem; line-height:1.2; }
h6 { font-size:14px; font-size:1.4rem; line-height:1.2; }

/*-----*/

.wrapbg {
	/background:url(images/stone.jpg);
}
header { 
	width:100%; 
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
}
#headerwrap { 
	display:flex;
	align-items:center;
	width:96%;
	max-width:1250px; 
	margin:0 auto;
	padding:10px;
}
#logo {
}
#branding {
}
h1.title { 
	margin:0;
	padding:0;
}
h1.title a { 
	font-size:36px;
	font-size:3.6rem;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-style:normal; 
	color:#000; 
	text-decoration:none; 
	text-shadow:2px 2px 3px #fff; 
}
h2.description {
	color:#000; 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size:26px; 
	font-size:2.6rem;
	text-shadow: 1px 1px 5px #fff;
	margin:0;
	padding:0;
}
nav {
	background:#333; 
	width:100%;
	margin:0;
	padding:0;
}
#mega-menu-wrap-main {
	width:96%;
	max-width:1250px; 
	margin:0 auto;
	padding: 0;
}
#searchform { 
	margin:10px 0; 
}
#searchform #s { 
	padding:5px; 
	width:130px; 
	color:#fff; 
	font-size:13px;
	font-size:1.3rem; 
	background:#adadad; 
	border:1px solid #ddd; 
	border-radius: 5px; 
}

/* ----- */

h2.pageTitle {
	width:100%;
	margin:0;
	padding:20px 0;
	background: #00053d;
	color:#f2f2f2;
	text-align:center;
	border-bottom:2px solid #333;
}
main { 
	width:96%;
	max-width:1250px;
	margin:0 auto; 
	padding:40px 0; 
}
.bloggy main {
	display:flex;
}
main img, .bloggy main img {
	max-width:100%;
	border-radius:15px;
}
main::after, .bloggy main::after {
   content: "";
   display: table;
   clear: both;
}
main ul {
	padding-top:0;
	margin-top:0;
}
#slideshowbg {
	margin:0; 
	padding:20px 0; 
	background: #00053d;
	overflow:hidden;
}
#slideshow { 
	position:relative;
	width:96%; 
	max-width:1200px;
	margin:0 auto;
	padding:0;
}
#slideshow img {
	max-width:100%;
	height:auto;
}
.metaslider {
	position:relative;
	z-index:1;
}
#cover { 
	position:absolute;
	bottom:-10px;
	left:0;
	z-index:2;
}
.metaslider a {
	z-index:3;
}
.metaslider .caption-wrap {
	top: 0 !important;
	bottom: auto !important;
}

/* ----- */

/.sow-image-container img {
	max-width:100% !important;
	flex-shrink:0 !important;
}
.sow-image-container a:hover {
	border:none;
	opacity: 0.75;
}


body.page-id-670 {
	font-size:14px;
	font-size:1.4rem;
	font-family: Arial, sans-serif;
}

/* ----- */

section { 
	flex:3;
	min-width:0;
	margin:0 20px 0 0;
	padding:0;
}
article {
	width:100%; 
	background:#333; 
	padding:10px; 
	margin: 0 0 50px 0;
	border-radius: 15px; 
	overflow:hidden;
}
.blog article {
	width: 100%;
	background:#333;
	padding:10px 10px 0 10px;
	margin: 0 0 50px 0;
	border-radius:15px;
	overflow: hidden;
}
article.sticky {
	border:1px dotted #999;
}
article:last-of-type {
	margin: 10px 0;
}
article img.attachment-thumbnail {
	float:left;
	margin:10px 15px 0 0;
}
h2.postTitle { 
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-style:italic; 
	font-size:24px; 
	font-size:2.4rem;
	color:#f2f2f2;
	margin:0;
	padding:0;
}
h2.postTitle a { 
	text-decoration:none; 
	color:#f2f2f2; 
}
h2.postTitle a:hover {
	text-decoration:underline; 
}
.archive section h4 {
	margin-top:20px;
}

/* ----- */

aside { 
	flex:1;
	min-width:0;
	margin: 0 0 0 20px;
	padding:0;
}
aside .widget h3 { 
	color:#69f; 
	font-size:16px; 
	font-size:1.6rem; 
	text-transform:uppercase; 
	margin:0; 
	padding:20px 0 0 0; 
}
aside .widget ul li a {
	color:#f2f2f2;
	text-decoration:none;
}
aside .widget ul { margin:0; padding:0; list-style-type:none; }
aside .widget li { margin:0; padding:0; list-style-type:none; }
aside .widget ul ul a, aside .widget_recent-posts ul ul a, aside .widget_archives ul ul a, aside .widget_categories ul ul a { 
	padding-left:10px; 
}
aside .widget ul ul ul a, aside .widget_recent-posts ul ul ul a, aside .widget_archives ul ul ul a, aside .widget_categories ul ul ul a { 
	padding-left:20px; 
}

aside .widget .comment-author-link { color:#333; font-size:15px; font-size:1.5rem; }
aside .widget .comment-author-link a { color:#333; font-size:15px; font-size:1.5rem; }
aside .widget_sp_image-description p { font-family:"Times New Roman", Times, serif; font-style:italic; margin:0; padding:0 0 5px 0; text-align:center; }
aside .widget .tagcloud { padding:0 10px; }
aside .widget .textwidget { }

.post_excerpt { border-bottom:1px dashed #666; padding-bottom:20px; }
a.readmore { text-decoration:none; font-style:italic; font-size:14px; font-size:1.4rem; }

/* ----- */

.meta { font-size:14px; font-size:1.4rem; color:#999; font-weight:bold; margin:5px 0 20px 0; }
.tags { clear:both; font-size:14px; font-size:1.4rem; color:#999; margin:5px 0 10px 0; }
.meta a { font-size:14px; font-size:1.4rem; color:#ccc; text-decoration:none; }
.tags a { font-size:14px; font-size:1.4rem; color:#69f; text-decoration:none; }
.meta a:hover, .tags a:hover { text-decoration:underline; }
.comment-icon { background:url(images/comment.png) no-repeat; padding-left:22px; }

.wp-caption { text-align: center; max-width:100%; }
.wp-caption img { margin: 0; padding: 0; }
.wp-caption-text, figcaption { color:#999; font-size:15px; font-size:1.5rem; font-family:"Times New Roman", Times, serif; font-style:italic; padding: 0 0 2px 0; margin: -5px 0 0 0; }
.entry-caption { font-size:15px; font-size:1.5rem; line-height:1.2; font-style:italic; padding: 0; margin: 0; }
.gallery-caption { width:80%; margin:0 auto !important; padding:0; font-size:15px; font-size:1.5rem; line-height:1.2; font-style:italic; }

#wp-calendar { margin:0 auto 10px auto; text-align:center; width:100%; max-width:220px; color:#999; border:1px solid #333; }
#wp-calendar caption { font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#eee; }
#wp-calendar a { text-decoration:underline; color:#eee; }
#wp-calendar a:hover { text-decoration:none; }
#wp-calendar #prev a, #wp-calendar #next a { font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-decoration:none; }

#leavecomment { background:#666; padding:10px; margin:0 0 30px 0; max-width:580px; }
#leavecomment h3 { text-transform:uppercase; padding:0 0 5px 0; color: #fff; }
#commentform label { font-size:15px; font-size:1.5rem; }
#commentform input[type=text] { width:50%; }
#commentform textarea { display:block; width:90%; height:50px; margin-top:5px; }
p.comment-subscription-form:first-of-type { margin:10px 0 0 0; }
p.comment-subscription-form { margin:5px 0 0 0; }
textarea:focus, input:focus { outline: 0; }

.nocomments { font-weight:bold; margin-top:30px; font-size:18px; font-size:1.8rem; }
h4.numcomments { margin-top:30px; }

.commentlist { max-width:580px; }
.commentlist .bypostauthor {}
.commentlist .comment { border:1px solid #ddd; border-radius: 15px; background:#ccc; color:#000; margin-bottom:20px; padding:10px; }
.commentlist .parent .comment { border:none; border-top:1px solid #f2f2f2; margin-top:10px; padding:10px 0 0 50px; }
.commentlist img.avatar { float:left; margin:0 10px 20px 0; }
.commentlist .comment-meta { font-size:14px; font-size:1.4rem; line-height:1.4; margin-bottom:20px; }
.commentlist .comment-meta a { text-decoration: none; }
.commentlist img.wp-smiley { border:none; box-shadow:none !important; }
.commentlist .reply a { text-decoration:none; background:#333; color:#ccc; padding:2px 5px; border-radius:5px; text-transform:uppercase; font-size:14px; font-size:1.4rem;  }

h2.author { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; font-size:24px; font-size:2.4rem; color:#ccc; }
h2.tag { padding-bottom:5px; margin-bottom:20px; }
.authorlist { padding:5px; margin:0; margin-left:20px; }
.authorlist li { list-style:none; margin-bottom:10px; }
.authorlist a.title { color:#ccc; text-decoration:none; }
.authorlist a.title:hover { text-decoration:underline; }
.taglist { list-style-type:none; padding:0; margin:0; margin-left:20px; }
.taglist li { border-bottom:1px dotted #333; margin-top:5px; }

.paging { width:100%; overflow: hidden; }
.paging a { text-decoration:none; font-size:18px; font-size:1.8rem; }

/* ----- */

footer { 
	width:100%;
	margin:0;
	padding:20px 0;
	box-shadow: 0 -5px 5px -5px #333;
	overflow:hidden;
}
#footerwrap { 
	display:flex;
	width:96%;
	max-width:1250px; 
	margin:0 auto;
	padding: 20px 0; 
	font-size:14px;
	font-size:1.4rem; 
	color:#000; 
}
footer .textwidget {
	padding: 10px 0;
}
.footer1 { 
	flex:1;
	min-width:0;
	margin:0 20px 0 0;
}
.footer2, .footer3 { 
	flex:1;
	min-width:0;
	margin:0 20px;
}
.footer4 { 
	flex:1;
	min-width:0;
	margin:0 0 0 20px;
}
footer h3, footer h4 { 
	font-size:16px; 
	font-size:1.6rem; 
	color:#000; 
	text-transform:uppercase;
	font-weight:bold;
	margin:0; 
	padding:0; 
}
footer p {
	padding: 0 0 10px 0;
}
footer ul {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
footer li {
	margin:0;
	padding:0;
	list-style:none;
}
footer a {
	/color: #36f;
	/text-decoration:none; 
}
footer ul ul {
	margin:0 0 0 15px;
}
footer a:hover { 
	/text-decoration:underline; 
}
#postfooter {
	width:96%;
	max-width:1250px; 
	margin:0 auto 20px auto;
	padding: 0; 
	font-size:14px;
	font-size:1.4rem; 
	font-style:italic;
	font-family: serif;
	color:#666; 
}
#postfooter p {
	display:inline;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 0;
}
#postfooter a {
	/color:#039;
	/text-decoration:none;
}
#postfooter a:hover {
	/color:#666;
	/text-decoration:underline;
}

/* for tables used in posts */
main table { border:1px solid #cdcdcd; border-collapse:collapse; max-width:100%; margin-bottom:10px; }
main table th { border:1px solid #cdcdcd; padding:5px; vertical-align:top; }
main table td { border:1px solid #cdcdcd; padding:5px; vertical-align:top; }

main table.maptable { border:none; border-collapse:collapse; margin:0; padding:0; }
main table.maptable th { border:none; margin:0; padding:0; line-height:1; }
main table.maptable td { border:none; margin:0; padding:0; line-height:1; }


/*  Adjust the design for smaller devices */

@media only screen and (max-width: 780px) {
	h1 { font-size:30px; font-size:3.0rem; }
	h2 { font-size:26px; font-size:2.6rem; }
	h3 { font-size:22px; font-size:2.2rem; }
	h4 { font-size:16px; font-size:1.6rem; }
	h5 { font-size:15px; font-size:1.5rem; }
	h6 { font-size:14px; font-size:1.4rem; }
	
	header {
		border:none;
	}
	#headerwrap { 
		display:block;
		width:100%;
	}
	nav {
		padding:0 20px 0 0;
	}
	h1.title a { 
		font-size:30px;
		font-size:3.0rem;
	}
	main, .bloggy main { 
		padding:20px; 
	}
	.bloggy main {
		display:block;
	}
	section {
		margin:0;
	}
	aside { 
		margin:30px 0 0 0;
	}
	aside .widget .textwidget { 
		border-right:none; 
		padding-right:none; 
	}
	.blog article {
		margin: 0 0 20px 0;
	}
	.sow-image-container a {
		text-align:center !important;
		margin:0 auto !important;
	}
	#footerwrap {
		display:block;
		padding:20px;
	}
	.footer1, .footer2, .footer3, .footer4 {
		margin:0;
	}
	.footer2, .footer3, .footer4 {
		margin-top:30px;
	}
	footer img {
		float:none !important;
		display:block;
		max-width:100%;
		margin:10px auto;
	}
}

@media only screen and (max-width: 640px) {
	h1 { font-size:24px; font-size:2.4rem; }
	h2 { font-size:22px; font-size:2.2rem; }
	h3 { font-size:20px; font-size:2.0rem; }
	h4 { font-size:18px; font-size:1.8rem; }
	
	body {
		line-height:1.4;
	}
	.alignleft, .alignright { 
		float:none; 
		margin:0;
	}
	h1.title, h1.title a {
		font-size:20px; font-size:2.0rem;
	}
	h2.description {
		font-size:15px; font-size:1.5rem;
	}
	main, .bloggy main {
		width:98%;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	main img:not(.attachment-thumb), .bloggy main img:not(.attachment-thumb) {
		display:block;
		max-width:100%;
		margin:10px auto;
	}
	#footerwrap {
		width:98%;
	}
	.footer2, .footer3, .footer4 {
		margin-top:20px;
	}
	#postfooter {
		width:98%;
		margin:0 auto;
		text-align:center;
	}
	#postfooter p {
		display:inline;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:10px 0;
	}
}

@media only screen and (max-width: 480px) {
	article {
		margin: 10px 0 20px 0;
		padding: 0;
	}
	article img.attachment-thumbnail {
		display:block;
		float:none;
		margin:10px auto;
		padding:0;
		max-width:100%;
	}
	main ul, .bloggy main ul {
		padding-left: 20px;
	}
	main ol, .bloggy main ol {
		padding-left: 30px;
	}
}