/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	
	---
	
	Lambert Theme
	by Luglio7 ~ http://www.luglio7.com/
	
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
* {
	box-sizing: border-box;
}

html
{
	overflow-x: hidden;
	scroll-behavior: smooth;
	scroll-padding-top: 1em;
}

#wrap {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;

	gap: 0px 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"Header"
		"Content"
		"Footer";
	/*
	grid-template-columns: 1fr;
	grid-template-rows: 0.4fr 1.6fr 1fr 1fr;
	grid-template-areas:
	"Header"
	"Content"
	"Sidebar"
	"Footer";
	*/
	max-width: 1300px;
	margin: 0 auto;
}

header { grid-area: Header; text-align: center; }
main { grid-area: Content; }
footer { grid-area: Footer; text-align: center; }

main.page {
  display: grid; 
  grid-template-columns: 1fr 280px;
  grid-template-rows: min-content 1fr; 
  gap: 20px 20px; 
  grid-template-areas: 
    "Article-header Article-header"
    "Article Sidebar"
    "Comments .";
}
main.single {
  display: grid; 
  grid-template-columns: 220px 1fr 280px; 
  grid-template-rows: min-content 1fr; 
  gap: 20px 20px; 
  grid-template-areas:
    "Nav Article Sidebar"
    ". Comments .";
}


aside {
	grid-area: Sidebar;
}
main nav { grid-area: Nav; }
div .post { grid-area: Article; }
#comments { grid-area: Comments; }

body 
{
	font: 13px/1.5 'Inter', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-display: swap;
	padding-bottom: 2em;
	background: #eee !important;
}

a:focus 
{
	outline: 1px dotted;
}

/* !HEADING */

h1,h2,h3, h4
{
	font-weight: normal;
	/*font-family: 'AllerLightRegular';*/
	font-family: 'Trebutched MS';
}

h1 {
	font-size: 2.75em;
	line-height: 1.5em;
	letter-spacing: -1px;
}

	h1#top_title
	{
		margin-bottom: .25em;
		line-height: 1.2em;
		word-break: break-word;
	}

h2 
{
	font-size: 2.4em;
	line-height: 1.2em;
	text-shadow: none !important; 
	margin-bottom: 10px !important;
}

	h2 *
	{
		text-decoration: none;
	}
	
	h2 img
	{
		display: block;
	}

h3 {
	font-size: 1.65em;
}

h4 {
	font-size: 1.45em;
	line-height: 1.45em;
	margin-bottom: 1em;
}

h5 {
	font-size: 1em;
	font-weight: bold;
}

h6 {
	font-size: 15px;
}

/* !SPACING */

ol
{
	list-style: decimal;
}

ul
{
	list-style: disc;
}

li
{
	margin-left: 30px;
}

p,
dl,
hr,
pre,
table,
address,
fieldset 
{
	margin-bottom: 1em;
}

/* !LINKS */

a:hover
{
	text-decoration: none;
}

a:focus
{
	outline: 0 none;
	text-decoration: none;
}

/* !CLASSES */

.right, .alignright
{
	float: right;
}

.left, .alignleft
{
	float: left;
}

img.alignleft, div.alignleft
{
	margin: 0 1em .5em 0;
}

img.alignright, div.alignright
{
	margin: 0 0 .5em 1em;
}

img.aligncenter, div.aligncenter
{
	display: block;
	margin: 1.5em auto 1.5em; /*0 auto 1em;*/
	/*width: 50%;*/
}
/* for inline images cant add class so we are adding it to the list itself */
li.aligncenter img, ol.aligncenter img {
	display: block;
	margin: 1.5em auto 1.5em;
}

.in
{
	margin: 10px;
}

/* !LAYOUT */

#wrap
{
	/* overflow: hidden !important; */
}

.container_12
{
	position: relative;
	margin-top: 1.3em;
}

/* !LOGO */

#logo
{
	display: flex;
	margin: 2em 0;
}

#logo img
{
	max-width: 940px;
}

/* !CONTENT */

.claim
{
	border: 1px solid #000;
	border-width: 1px 0;
	padding: .5em;
	margin: 13px 0 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.claim a
{
	font-size: 13px;
	line-height: 2em;
	margin: .5em 0;
}

/* !LINE */

.line
{	
	clear: both;
}

/* !MAIN MENU */

#main_menu
{
	margin-bottom: 20px;
}

#main_menu li
{
	list-style-type: none;
	margin: 0 .5em 0 0;
	display: block;
	line-height: 2em;
	float: left;
	padding: 0;
	position: relative;
}

#main_menu li a {
	font-size: 1.4em;
	line-height: 2em;
	text-transform: uppercase;
	display: block;
	padding: 0 1em;
	text-decoration: none;
}

#searchsubmit, .screen-reader-text
{
	display: none;
}

.menu-top-menu-container
{
	float: left;
}


/* !BOXES */


.box1
{
	margin-bottom: 2em;
	position: relative;
	height: 200px;
	overflow: hidden;
}

	.box1 .thumb
	{
		display: block;
	}
	
	.box1 .box1_box
	{
		position: absolute;
		top: 10px; left: 0; right: 0; bottom: 10px;
		
	}

/* !POST */

.post
{
	padding: 0 0 1em 0;
}

	.post ol, .post ul
	{
		margin-bottom: 1em;
	}

	.post .thumb
	{
		float: left;
		margin-bottom: 1em;
	}
	
	.post .post_content
	{
		margin-left: 170px;
	}
	
	.first-post
	{
		padding: 0 0 1em 0;
	}
	
	.post #post_categories
	{
		margin: 0;
		line-height: 3em;
	}
	
	.post .wp-caption
	{
	}
	
		.post .wp-caption img, .post .wp-caption p
		{
			display: block;
			margin: 5px;
		}

	.post h3
	{
		color: #646464;
	}
	
main .post
{
	border-width: 0;
	/*padding: .5em 0 0;
	padding: 3em 4em;*/
	
	background: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
main .post > div {
	padding: 2em 4em;
}


/* !WIDGET */

.widget
{
	margin: 1em 0;
	clear: both;
}

.widget li
{
	list-style-type: none;
	float: left;
	margin: 0 .25em .25em 0;
	
}

	.widget li a
	{
		display: block;
		text-decoration: none;
		padding: 0 .5em;
		line-height: 2em;
	}
	
/* !FOOTER */

#footer
{
	padding: .5em;
}

/* !COMMENTS */

h3#comments
{
	margin-top: 2em;
}

.commentlist
{
	clear: both;
}

	.commentlist li
	{
		margin-left: 0;
	}
	
	.commentlist li
	{
		list-style-type: none;
	}

.comment-single
{
	margin-bottom: 1em;
	padding: 1em;
}

.avatar
{
	float: left;
}

.comment_content
{
	margin-left: 77px;
	line-height: 2em;
}

#comments .children
{
	margin-left: 2em;
}

#respond
{
	margin-top: 1em;
}

	#respond p label, #respond p span
	{
		float: left;
	}

	#respond form p label+input, #respond form p span+input, #respond form p textarea
	{
		display: block;
		margin-left: 103px;
		border-width: 0;
		padding: 5px;
		font: 12px/2 'Inter', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	}
	
	#respond form p textarea
	{
		width: 507px;
	}
	
	#respond .form-allowed-tags, #respond .form-submit
	{
		margin-left: 103px;
	}
	
.comments_navigation .nav-next
{
	float: right;
}

/* !CATEGORY */

#category_container
{
	padding: .5em 0;
}

	
/* !WIDGET BOX */

.widget_box
{
	margin-top: 2em;
	padding: 1em;
	min-height: 250px;
}

	.widget_box *
	{
		line-height: 2em;
	}
	
	.widget_list
	{
		margin-bottom: 2em;
		padding-bottom: 3px;
	}

/* !WP CALENDAR */

#wp-calendar
{
	width: 100%;
	text-align: center;
}

#wp-calendar td
{
	border-bottom: 1px dotted #333
	margin: 1px;
}

/* custom citation block, basically for some facts */

pre.wp-block-verse {
    font-family: inherit;
    overflow: auto;
    white-space: pre-wrap;
    font-size: 18px;
    background: #daf8de;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
}

/* border and margin for videos */
.wp-block-video video {
    box-shadow: 4px 5px 30px rgb(0 0 0 / 10%);
    margin: 0.5rem 0;
}
.wp-block-video.nostyles video {
    box-shadow: none;
}

.appstores_button {
	display: inline-block;
    height: 38px;
    background-size: 100%;
    text-decoration: none;
}
.googleplay {
    width: 126px;
    background-image: url(/wp-content/uploads/googleplay.png);
    margin-right: 10px;
}
.appstore {
    width: 113px;
    background-image: url(/wp-content/uploads/appstore.svg);
}