body {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 14.5px;
	line-height: 1.6;
	color: #000000;
	background: #f6f6f4;
	font-weight: 300;
}
a, .ph-name, #credits a:hover {
	color: #c89d8c;
}
.elementor-pro-page-link {
	display: block;
	color: #000000;
	margin-bottom: 10px;
}
a:hover,
.elementor-pro-page-link:hover {
	color: #cccccc;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;	
}
.harlowe-tutorial-image {
	display: inline-block;
}
img {
	margin-bottom: 20px;
	border: 1px solid lightgrey;
	border-radius: 3px;
	padding: 5px;
}	
.harlowe-tutorial-image img {
	width: 50%;
}
li, p {
	clear: both;
}
section ol li,
#home-page li {
	margin-bottom: 15px;
}
ol, ul {
	overflow: hidden;
}
strong {
	font-weight: 600;
	color: #333;
}
#sliders .ph-underline,
#featured-images .ph-underline {
	text-decoration: underline;
}	
/*Logo*/
.logo {
	text-align: center;
}
.logo img {
	border: none;
	margin: 0 0 5px 0;
}
h1 {
	margin: 20px 0 10px 0;
}
h3 {
	margin-top: 0px;
	font-size: 18px;
	color: #696969;
	font-weight: normal;
}
code {
	display: block;
	padding: 20px 12px;
	margin: 0 0 20px 0;
	background-color: #f5f2f0;
}
/*Table of Contents*/
#table-of-contents {
	width: 270px;
	float: left;
}

#table-of-contents h2 {
	text-align: center;
	color: #000;
}
#table-of-contents ol {
	color: #9e9e9e;
	font-size: 15px;
}
#table-of-contents ol li {
	border-bottom: 1px solid #eeeeec;
	padding: 5px 0px 8px 5px;
}
#table-of-contents ol a {
	color: #696969;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5em;
}
#table-of-contents ol a:hover, 
#table-of-contents ol a.current {
	color: #c89d8c;
}

/*Documentation*/
#documentation {
	margin-left: 270px;
	padding: 35px 50px 20px;
	max-width: 830px;
	background: #fff;
	border-radius: 3px;
}

/*Documentation Sections*/
.doc-section {
	margin: 20px 0;
	overflow: auto;
}
.doc-section:first-of-type {
	margin: 10px 0 20px 0;
}
.doc-section h2 {
	padding: 12px 10px;
	background: #000000;
	color: #ffffff;
	border-radius: 3px;
	letter-spacing: 1px;
}
.list-heading {
	color: #78bcdf;
	font-size: 18px;
	font-weight: bold;
}
.list-subheading {
	font-size: 16px;
	letter-spacing: .5px;
	text-decoration: underline;
}
#header img {
	max-width: 98%;
}
#pages .list-heading {
	margin: 10px 0;
}
#pages img,
#elementor img,
#social-media img,
#instagram img,
#hadleigh-fonts img,
#demo-import img {
	margin-left: 2px;
	max-width: 97%;
}
#pages em {
	text-decoration: underline;
}
.extra-help {
	padding: 0px 15px 5px;
	margin: 0 0 20px 2px;
	background: #f2f0e4;
	border: 1px solid;
	border-radius: 3px;
	clear:both;
}
.extra-help h4 {
	color: #222222;
}
.two-columns {
	float: left;
	max-width: 48%;
	width: 48%;
}
#customizer .two-columns {
	margin-top: 30px;
	width: 42%;
}
.widget-img-section {
	text-align: center;
}
.widget-img-section:first-of-type {
	margin-right: 20px;
}
#credits a {
	color: #696969;
	text-decoration: underline;
}
#credits li,
#plugins li {
	margin-bottom: 20px;
}
#plugins strong,
#installation ol strong {
	text-decoration: underline;
}
h4 {
	text-transform: uppercase;
	color: #000000;
	letter-spacing: 1px;
	font-size: 15px;
}
.ph-sub-headline {
	position: relative;
	display: inline-block;
	line-height: 1;
}
.ph-sub-headline h4 {
	margin: 12px 0 15px;
	position: relative;
	z-index: 1;
	padding: 0 7px;
}
.ph-sub-headline:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 12px;
	left: 0;
	bottom: 10px;
	background: #F2E9E4;
	z-index: 0;
}
#pages .ph-sub-headline:after,
#elementor .ph-video-wrapper .ph-sub-headline:after,
.ph-sub-headline.ph-subtitle:after {
	background: #eeeeee;
}
#elementor .ph-video-wrapper .ph-sub-headline {
	margin-bottom: 20px;
}
#plugins {
	overflow: hidden;
}
#plugins h4 {
	margin-top: 0px;
}
.ph-first-video {
	margin-top: -15px;
}
.ph-video-wrapper {
	padding: 0 0 45px 0;
	border-bottom: 1px solid #e5e5e5;
}
#elementor .ph-video-container {
	margin: 35px 0 0 0;
}
.ph-video-wrapper:first-of-type .ph-video-container {
	margin-top: 20px;
}
.faq-section {
	background: #F2E9E4;
	padding: 20px 30px;
	display: block;
}
.faq-section h2 {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.faq-section p {
	clear: none;
	margin-top: 0px;
}
.double-image-code {
	background: #eeeeee;
	padding: 20px;
	display: block;
}
.faq-section,
.social-media-section {
	background: #F2E9E4;
	padding: 20px 30px;
	display: block;
}
.social-media-section {
	margin-top: 20px;
	background: #f2f0e4;
	padding-bottom: 37px;
}
.faq-section h2,
.social-media-section h2 {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.faq-section p, 
.social-media-section p {
	clear: none;
	margin-top: 0px;
}
.social-media-section a {
	color: #ef9164;
	font-weight: bold;
	letter-spacing: 1px;
}
.social-media-section a.social-media-button {
	text-decoration: none;
	background: #e1cdc1;
	padding: 10px 20px;
	margin-top: 10px;
	display: inline-block;
	color: #000;
	letter-spacing: 3px;
	font-size: 11px;
	margin-right: 20px;
	text-transform: uppercase;
}
.social-media-section a.social-media-button:hover {
	background-color: #ef9164;
}

/* Code Snippets */
.language-markup {
	position: relative;
	padding: 25px 40px 25px !important;
}
code.language-markup {
	display: block;
	padding: 25px 0 0 !important;
}
.copy-code-style {
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 13px;
	letter-spacing: 1px;
	background-color: #ffffff;
	border: 0px;
	padding: 10px;
}
.copy-code-style:hover {
	cursor: pointer;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;	
	background: grey; 
	color: #ffffff;
}
.copy-code-style:focus {
	outline: none;
}
.copy-success-style {
	display: none;
	position: absolute;
	padding: 10px;
	width: 215px;
	background: green;
	color: #ffffff;
	top: 24px;
	left: 200px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 13px;
	text-shadow: none;
}
.change-log-date {
	font-style: italic;
	font-size: 13px;
	color: #999999;
}