/*
Theme Name: Ponder
Theme URI: https://pondertheme.com/
Version: 1.0
Description: A WordPress theme for thinking your thoughts.
Author: Paul Jarvis
Author URI: https://pjrvs.com
Details URI: https://pondertheme.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ponder
Tags: white
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline;}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%}button,input,select,textarea{-webkit-appearance:none;border-radius:0;font-size:100%;line-height:normal!important;margin:0;vertical-align:middle}html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;}img#wpstats{border:none;height:0;overflow:hidden;padding:0;width:0}.ir{background-repeat:no-repeat;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-9999em}.hidden{display:none!important;visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.2}a:active,a:hover{outline:0}b,strong{font-weight:700}em{font-style:italic}li{list-style:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{-ms-interpolation-mode:bicubic;border:0;height:auto;vertical-align:middle}svg:not(:root){overflow:hidden}legend{border:0;margin-left:-7px;padding:0;white-space:normal}button,input{line-height:1}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;overflow:visible;vertical-align:top}button[disabled],input[disabled]{}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type=search]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,a{text-decoration:none}th,td{text-align:left;vertical-align:top}
@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important}body{background:#fff;color:#000;font:12pt Georgia, "Times New Roman", Times, serif;line-height:1.3}section.post-content a:after{content:" (" attr(href) ")"}tr,img{page-break-inside:avoid}img{border:0;max-width:100%!important}nav,aside{display:none}}







/* = html5 ----------------------- */

::-moz-selection { background: #e5e5e5; text-shadow: none; }
::selection { background: #e5e5e5; text-shadow: none; }

/* = structure ----------------------- */

html, body { height: 100%; width: 100%; text-align: center; background: #fff; }

body { font: 300 18px/1.62 'Lato', sans-serif; color: #404040; text-align: center; }
body#tinymce.wp-editor { text-align: left; margin: 30px; height: auto; width: auto; }

.wrap { padding: 15px; text-align: left; }

header { margin: 60px 0; }
article { margin-bottom: 60px; }
footer * { color: #adadad; font-size: 14px; }


/* = navigation ----------------------- */

.menu { margin: 30px 0 90px -10px; }	 
	.menu li { display: inline-block; }
	.menu a { margin: 5px 10px; }

#pagi { margin: 45px auto; }
	#pagi a { font-weight: 700; font-size: 14px; border-bottom: 1px solid #e5e5e5; }





/* = typography ----------------------- */

h1, h2, h3, h4, h5 { font-weight: 700; color: #262626; font-size: 34px; margin: 15px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a { font-weight: 700; color: #262626; border: none !important; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #adadad; }

h1 { font-size: 34px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h3 span, p.date span { font-weight: 300; color: #adadad; }
	header h3 { font-size: 14px; }


article p, article ul, article ol, blockquote, iframe, body#tinymce.wp-editor p, body#tinymce.wp-editor ul, body#tinymce.wp-editor ol, body#tinymce.wp-editor blockquote { margin-bottom: 25px; }

strong { font-weight: 700; }
em { font-style: italic; }
small, .wp-caption-text { display: block; font-size: 14px; color: #adadad; }

blockquote { margin: 0 30px; color: #adadad; }
blockquote p { }
cite { display: block; font-size: 14px; font-weight: 700; font-style: normal; }

article img, .wp-caption, body#tinymce.wp-editor img, body#tinymce.wp-editor .wp-caption, #aside img { max-width: 100%; margin-bottom: 15px; height: auto; }

article img a, article a img { opacity: 1; transition: opacity .4s; }
article img a:hover, article a:hover img { opacity: .5; }

ul, ol {}
	li {}

article ul, article ol, body#tinymce.wp-editor ul, body#tinymce.wp-editor ol { margin-left: 30px; }
article ol li, body#tinymce.wp-editor ol li { list-style: decimal; padding-bottom: 10px; }
article ul li, body#tinymce.wp-editor ul li { list-style: disc; padding-bottom: 10px; }

hr { border: none; border-top: 2px solid #f8f8f8; width: 30px; text-align: center; margin: 30px auto; outline: none; }

a, body#tinymce.wp-editor a { color: #262626; transition: color .4s; }
	.menu a, article a, body#tinymce.wp-editor a { border-bottom: 1px solid #e5e5e5; font-weight: 700; }
	footer a { border-bottom: 1px solid #e5e5e5; color: #adadad; }
	article a:hover, footer a:hover, .menu a:hover, body#tinymce.wp-editor a:hover { color: #adadad; }







/* = forms ----------------------- */

form, p.space { margin: 15px auto; }

input, button { vertical-align: top; font: 300 16px/1.62 'Lato', sans-serif; width: 100%; margin-bottom: 5px; transition: all .4s; border-radius: 0; border: 2px solid #dedede; outline: none; }

input { padding: 10px; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; }

button, .button, input[type=submit] { background: transparent; padding: 13px 30px; cursor: pointer; font-weight: 700; transition: background .4s; text-decoration: none; border-radius: 0; background: #404040; border: 0; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; display: inline-block; }
	button:hover, .button:hover, input[type=submit]:hover { background: #262626; color: #fff; }	





/* = common ----------------------- */

.wp-caption {}
.sticky {} 
.gallery-caption {} 
.bypostauthor {}
.wp-caption-text {}
.screen-reader-text {}
.alignright {}
.alignleft {}
.aligncenter {}

.gallery { display: block; margin: 15px auto; }
.gallery-item { display: inline-block; }
.gallery-item img { width: 100%; margin-bottom: 0; }






/* = media queries ----------------------- */


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}




@media screen and (min-width: 766px) {
	input { max-width: 300px; }	
	button, .button, input[type=submit] { width: auto; }
		
	.wrap { max-width: 666px; margin: 0 auto; text-align: left; padding: 0; }

	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-3 .gallery-item { width: 33.333%; }
	.gallery-columns-4 .gallery-item { width: 25%; }

}




@media screen and (min-width: 900px) {
	img.alignleft, img.alignright { max-width: 300px; }
	.alignleft { float: left; margin: 0 30px 30px 0; }
	.alignright { float: right; margin: 0 0 30px 30px; }
	
	.wp-caption { float: none !important; margin: 0 0 15px 0 !important; }
	img.aligncenter, .featuredimage { max-width: 100%; }
	
	h1 { font-size: 56px; letter-spacing: -1px; }
}




@media screen and (min-width: 1200px) {
	article { margin-bottom: 120px; }

}




@media screen and (min-width: 1800px) {
}