/*
Theme Name: Tambuh on Generic
Theme URI: https://generic.tools/
Author: Bryan Hadaway
Author URI: https://calmestghost.com/
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy!
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Version: 1.9
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: generic

Generic WordPress Theme © 2015-2022 GenericTools
Generic is distributed under the terms of the GNU GPL
*/


/* Reset
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}


@font-face {
   font-family: 'PPEiko-Thin';
   src: url('assets/fonts/ppeiko/PPEiko-Thin.woff2') format('woff2'),
		url('assets/fonts/ppeiko/PPEiko-Thin.woff') format('woff');
   font-weight: 100;
}
@font-face {
   font-family: 'PPEiko-Black';
   src: url('assets/fonts/ppeiko/PPEiko-Black.woff2') format('woff2'),
		url('assets/fonts/ppeiko/PPEiko-Black.woff') format('woff');
   font-weight: 900;
}
@font-face {
   font-family: 'Inter-Light';
   src: url('assets/fonts/inter/Inter-Light.woff2') format('woff2'),
		url('assets/fonts/inter/Inter-Light.woff') format('woff');
   font-weight: 300;
}
@font-face {
   font-family: 'Inter-SemiBold';
   src: url('assets/fonts/inter/Inter-SemiBold.woff2') format('woff2'),
		url('assets/fonts/inter/Inter-SemiBold.woff') format('woff');
   font-weight: 500;
}


* p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0}
a{color:#007acc}

a:hover, a:focus{text-decoration:none}
strong{font-family: 'Inter-SemiBold'; font-weight:500}
em{font-style:italic}
pre{overflow-x:auto;white-space:pre-wrap}
pre, code{font-family:'courier new',courier,serif}
hr{height:1px;border:0;margin:30px 0;background:#ccc}
blockquote{padding:15px;border-left:4px solid red;margin:30px 0}
blockquote p:first-of-type{margin-top:0}
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{
		font-size: 16px;
		margin: 30px 0 30px 48px}
.entry-content ul ul, .widget-container ul ul, .comment-body ul ul, .entry-content ol ol, .widget-container ol ol, .comment-body ol ol, .entry-content ul ol, .widget-container ul ol, .comment-body ul ol, .entry-content ol ul, .widget-container ol ul, .comment-body ol ul{margin-top:0;margin-bottom:0}
.entry-content ol, .widget-container ol, .comment-body ol{list-style:decimal outside;list-style-type:decimal-leading-zero;margin-left:48px}
.entry-content ul li, .widget-container ul li, .comment-body ul li{list-style-type:'— '}
.entry-content li, .widget-container li, .comment-body li{line-height:125%;margin:20px 0}
input, textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;padding:12px;border:0;border-bottom:1px solid transparent;outline:0;margin-top:10px;background:#f6f6f6}
input:focus, textarea:focus{border-bottom:1px solid green}
input[type="submit"], button, .button{display:inline-block;color:#fff;text-align:center;text-decoration:none;padding:15px 24px;border:0;background:yellow;cursor:pointer}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus{opacity:0.8}
a img, input[type="image"], iframe{border:0}
a img:hover, a:focus img, a svg:hover, a:focus svg{opacity:0.8}
img[src$=".svg"], svg{display:inline-block;line-height:normal;vertical-align:middle}
img, video, audio, table, select, textarea{max-width:100% !important;height:auto}
table{width:100%;margin:24px 0}

	


#wrapper{display:flex;flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto}
#header, #container, #footer{padding:0%;}
#header {background: #000; 
	height: 100px;}
#branding {float: right; padding-right: 4%; margin-top: 18px;}
#logo{max-height:100%}
#listen_on {float:left;}
.listen_button {padding: 0px 16px 0 4px; margin-top: 32px;}

#container{flex:1;background:#fff}
#content{	width:100%;
			padding-left:0%;
			padding-right:0%;
			float:left;
			max-width: 9000px;
}
#text_body_container {max-width: 800px;
						padding: 0% 4%;}

#home_container {padding: 4%;
					background: #000000;
}

#footer{clear:both; padding: 4%;}
.entry-footer {padding: 4%;}


.pre_meta  {font-size:13px; color:#000000; text-transform: uppercase; font-family: 'Inter-SemiBold', Arial, sans-serif; display: inline;}
.entry-meta, .image_credit {font-size:13px; color:#707070; text-transform: uppercase; display: inline; text-decoration:none;}

.pre_meta, .entry-meta, .image_credit {letter-spacing: 1px;}

.image_credit {float: right; padding-top: 2px;}

body{
	font-family: 'Inter-Light', Arial, sans-serif;
	font-size: 16px;
	color:#000000;
	line-height: normal;
	word-wrap:break-word;
	background:#fff}

h1 {
		font-family: 'PPEiko-Thin', 'Inter-Light', Arial, sans-serif;
	font-weight: 100;
	margin-bottom:30px;
		line-height: normal;
	padding-top: 20px;
}


h2 {
		font-family: 'PPEiko-Black', Arial, sans-serif;
	font-weight: 900;
	margin-bottom:30px;
		line-height: normal;
}

.blog_feed_headlines a{color:#000000;text-decoration:none}
.blog_feed_headlines { 	
	font-size: 24px;
	line-height: 30px;
	font-family: 'PPEiko-Thin', 'Inter-Light', Arial, sans-serif;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 0;
}

h3, h4, h5, h6 {
		font-family: 'Inter-SemiBold', Arial, sans-serif;
	font-weight: 500;
	margin-bottom:30px;
		line-height: normal;
}


h2, h3, h4, h5, h6 {margin-top:40px}

h1{font-size:30px; line-height: 36px;}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:16px}
h5{font-size:16px}
h6{font-size:16px}


.single h1.entry-title a{color:#000000;text-decoration:none}

.home_title {
	color:#ffffff;
	font-size: 50px;
	line-height: 120%;
}

	p{
	margin: 26px 0
}
	.page #content p, .single-post #content p{
	font-size: 16px;
	line-height: 144%;
}
.excerpt_listings {
		font-family: 'PPEiko-Thin', 'Inter-Light', Arial, sans-serif;
	font-weight: 100;
	margin-bottom:30px;
		line-height: normal;
	padding-top: 20px;
}

.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}
.clear-float:after, #header:after, #container:after, .boxes:after{display:table;content:'';clear:both}
.offset{padding-top:100px;margin-top:-100px}
.spacer{display:inline-block;width:25px}

.wp-post-image{display:block;margin-bottom:14px}
attachment-full, size-full, wp-post-image {width: 100%;}
.entry-attachment img{display:block;margin:0}
.feature_image {}
.feature_image img { 
	object-fit: cover;
	max-width:100% !important;
	height:auto;
	max-height: 72vh;
}



.entry-summary img {
	padding-top: 40px;
}


#menu {
	padding-left: 4%;
	height: 100px;
	float: left;
}

#header {
    position: sticky;
    top: 0;
    z-index: 999;
}










/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 80px;
  background-color: #ffffff;
  color: #000;
  text-align: center;
  padding: 0;
	 top: 2px;
  right: 0%;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


@media(max-width:768px){
.home_title {font-size: 26px;}
}