@charset "UTF-8";
/*
Theme Name: Twenty Nineteen CTree
Theme URI: https:/conversationtree.gy/
Author: Romona Khan
Author URI: https:/romonakhan.com/
Template:     twentynineteen
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
Version: 3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns



/*Fonts*/

@font-face {
  font-family: "convotree";
  src:url("fonts/convotree.eot");
  src:url("fonts/convotree.eot?#iefix") format("embedded-opentype"),
    url("fonts/convotree.woff") format("woff"),
    url("fonts/convotree.ttf") format("truetype"),
    url("fonts/convotree.svg#convotree") format("svg");
  font-weight: normal;
  font-style: normal;
}


[data-icon]:before {
  font-family: "convotree" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "convotree" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  display: block;
}



/*Body*/

body, input, textarea {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif, "Segoe UI", "trebuchet MS";
    font-size: 12px;
    color: #4D4D4D;
    line-height: 22px;
    font-weight: normal;
}


body {
	background-image: url(images/background.png);
}

.site-border {
	max-width: calc(840px + 2rem);
	margin: 0 auto;
	line-height: 0;
}

.site-border.top {
	background-image: url(images/frame-top.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom;
	height: 20px;
}

.site-border.bottom {
	background-image: url(images/frame-bottom.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	height: 20px;
}



.site-content {
	max-width: 840px;
	margin: 0 auto;
	padding:1rem;
	background-image: url(images/body_bg.png);
	background-repeat: repeat-y;
	background-size: 100%;
	padding-top: 0;
	position: relative;
}

.site-body {
	background-image: url(images/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding:1rem;

}

.header {
	display: flex;
	flex-wrap: wrap;
}

.header .nav {
	width:55%;
}

.header .photofeature {
	width:45%;
	position: relative;
	margin-left: -1%;
	margin-right: 1%;
}

.header .photoframe {
	background-image: url(images/photo_frame.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 99;
	width: 115%;
	position: absolute;
	top:-1.85rem;
	left:-2rem;
}

.header .photoframe:after {
	display: block;
	content: '';
	padding-top:70%;
}

.site-main {
	display: flex;
	flex-wrap: wrap;
	margin-top: 4rem;
}

.content {
	width:65%;

}

.sidebar {
	width:32%;
	margin-left: 3%;
}

.sidebar h3 {
	text-transform: uppercase;
	font-size: 0.75rem;
	margin: 0;
	line-height: 1;
}

.sidebar ul {
	padding:0;
	margin: 0;
	padding-left:1rem;
	margin-bottom: 2rem;
}

img {
	max-width: 100%;
}


.photo img {
	max-width: 90%;
}


.logo {
	text-align: right;
}


nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}


.pagetitle, .entry-title {
	font-family: itc-american-typewriter, serif;
	font-weight: 500;
	font-style: normal;
}


article {
	margin-bottom: 2rem;
}

article .entry-content br {
	display: none !important;
}

time.updated {
	display: none;
}


.sidebar .about {
	background: #D1CEA2;
	padding: 1rem;
	border: 2px solid #817B3E;
	position: relative;
	margin-bottom: 4rem;
}

.sidebar .aboutct {
	position: absolute;
	left:0.25rem;
	top:-1.5rem;
}

a, a:hover, a:active, a:visited {
	color: #793D00;
	text-decoration: none;
}

button {
	background: transparent;
	border: none;
}

button span {
	position: relative;
}

button.share span:before {
	content:'a';
	font-family: 'convotree';
	display: block;
	font-size: 1rem;
}

button.share.print span:before {
	content:'c';
}

button.share.pdf span:before {
	content:'d';
}

button a {
	color: #4D4D4D;
}

.background {
	position: relative;
	background-size: cover;
}

.background:after{
	display: block;
	content: '';
	padding-top: 50%;
}

.pen {
	position: absolute;
	right:-20rem;
	bottom: 1rem;
}

.photo {
	position: relative;
}

.photo .week {
	position: absolute;
	right:1.25rem;
	bottom:0.25rem;
}

.topics {
	margin-bottom: 1rem;
}


.entry-footer > span {
	margin-right: 0.75rem;
	position: relative;
	padding-left:1.25rem
}

.entry-footer > span svg {
	position: absolute;
	top:0;
	left:0;
}