/*
	Theme Name: AlchemyEngland Theme
	Theme URI: http://www.alchemyengland.com/
	Description: A simple theme for www.alchemyengland.com ...
	Version: 1.0
	Author: Mark
	Author URI: http://www.alchemyengland.com/
*/


body {
	/* background: #F6F6F6; */
	background: #FFF;
}

body, td, th, p, li {
	font-family: Noto Sans,sans-serif;
	font-size: 1em;
	color: #000;

	margin: 0px;
	padding: 0px;
	border: 0px;
}

th {
	font-weight: bold;
	text-align: left;
}

input {
	font-family: Noto Sans,sans-serif;
	font-size: 1em;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.wpcf7-form td p {
	margin: 0.3em; /* FIX Trade Enq Form */
}

h1, h2, h3, h4, h5, h6 {
/*	color: #502C01; */
	font-weight: bold;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.3em;
}
h4, h5, h6 {
	font-size: 1em;
}


a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #caa23f;
}
a img {
	border: 0px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}




.post, .archive-header {
	/* width: 312px; */
	margin: 2px;
	padding: 2px;
	border-bottom: 0.1em solid rgba(0,0,0,.1);
}



.headerBar {
	background: black;
	color: white;
	padding: 1em 0em;
}


@media (max-width: 575px) {
	#sidebar > ul {
		padding: 0px 10px; /* Fix "New Widget" display */
	}
}

@media (min-width: 576px) {
	header,
	footer,
	#contentArea {
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;

		width: 540px;
		max-width: 100%;
	}
	#content {
		width: 340px;
		float: left;
	}
	#sidebar {
		width: 200px;
		float: right;
	}
	#sidebar select#cat  {
		width: 100%;
	}
	#sidebar > ul {
		list-style-type: none;
		list-style-image: none;
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}
	#sidebar > ul > div > ul {
		list-style-type: disc;
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}
	#sidebar > ul > div > ul > li > a {
		font-size: 0.9em;
	}

	#sidebar .wp-calendar-table,
	#sidebar .wp-calendar-nav {
		width: 100%;
		text-align: center;
	}
	#sidebar .wp-calendar-table th,
	#sidebar .wp-calendar-table td {
		text-align: center;
	}
}
@media (min-width: 768px) {
	header,
	footer,
	#contentArea {	width: 720px;	}
	#content {		width: 520px;	}
}
@media (min-width: 992px) {
	header,
	footer,
	#contentArea {	width: 960px;	}
	#content {		width: 760px;	}
}
@media (min-width: 1200px) {
	header,
	footer,
	#contentArea {	width: 1140px;	}
	#content {		width: 940px;	}
}






.headerBarTop {
	background: black;
	color: white;
	border-top: 1px solid #000;
	border-bottom: 2px solid #616161;
}
.headerBarTop li > ul {
	display: none;
}
.headerBarTop ul {
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
}
.headerBarTop ul li {
	display: inline-block;
}

.headerBarTop > header > .aeBlogTitle {
	font-weight: bold;
	color: #caa23f;
}



header a{ color: #FFF; }

header a:hover{ color: #caa23f; }

header > nav.navToggleBar {
	display: none;
}

@media screen and (max-width: 575px) {
	
	header .searchbar {
		text-align: center;
	}
	header .headLogo {
		text-align: center;
	}
	.headerBarTop {
		text-align: center;
	} 
	.headerBarTop li {
		padding: 0em 0.2em;
	}
	.headerBar {
		padding: 1em 0em;
	}
	
	header > nav.dropdownMenuNavTag #menu-primary {
		display: none;
	}
	header > nav.dropdownMenuNavTag ul {
		padding: 0 0.75rem;
		font-size: 1.5rem;
	}
	header > nav.dropdownMenuNavTag ul li a {
		border-top: 0.1em solid rgba(255,255,255,0.15);
		display: block;
	}
	
	header > nav.navToggleBar {
		display: block;
	}
	header > nav.navToggleBar a {
		color: #caa23f;
		font-size: 1.5rem;
		text-transform: uppercase;
		text-align: center;
		padding: 0 0.75rem;
		display: block;
	}
}



@media screen and (min-width: 576px) {
	.headerBarTop > header > .aeBlogTitle {
		float: right;
	}
	
	header .searchbar {
		float:right;
		padding-top:0.5em;
	}
	header .headLogo {
		float: left;
	}

	/* menu,ol,ul{ margin: 16px 0; padding: 0 0 0 40px;} */
	nav ul,nav ol {	list-style: none; list-style-image: none;}
	li > ul,li > ol {margin: 0;}

	header > nav.dropdownMenuNavTag {
		/* float: left; */
		/* height: 42px; */
		/* width: 100%; */
		/* clear:both; */
		display: inline-block;
		padding-top: 0.5em;
	}

	header a { margin: 0px 3px; }

	header nav.dropdownMenuNavTag ul {
		list-style-type: none;
		list-style-image: none;
		/* height: 42px; */
		width: 100%; 
		margin: 0px;
		padding: 0px;
		float: left;
	}


	header nav.dropdownMenuNavTag ul li { 
		float: left; 
		position: relative;
		display: block;

		height: 42px;
		padding: 0px;
	}
	header nav.dropdownMenuNavTag ul li a{ 
		width: 100%;
		/* font-size: 140%; */
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;

		display: block;
		/* height: 42px; */
		padding: 5px 4px;
	}


	header nav.dropdownMenuNavTag ul li ul{
		height:auto;
		background: none repeat scroll 0 0 #000;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
		display: none;
		left: 0;
		position: absolute;
		top: 28px;
		width: 15em;
		z-index: 9999;
		padding:0;
	}

	header nav.dropdownMenuNavTag ul li:hover ul li ul,
	header nav.dropdownMenuNavTag ul li ul li:hover ul li ul {
		display:none;  
	}

	header nav.dropdownMenuNavTag ul li:hover ul{
		display: block;
	}

	header nav.dropdownMenuNavTag ul li ul li {
		margin: 0;
		padding: 0;
		height:auto;
		width: 100%;
	}

	header nav.dropdownMenuNavTag ul li ul li a {
		float: left;
		height: auto;
		overflow: visible;
		padding: 2px 5px;
		width: 100%;
		font-weight:normal;
		font-size:15px;
		/* color:#000; */
		padding:6px 15px;
		text-align: left;
	}

	header nav.dropdownMenuNavTag ul li ul li a:hover {
		text-decoration: none;
		/* color:#333; */
	}

	/*3rd tier*/
	header nav.dropdownMenuNavTag ul li ul li ul {
		display: block;
		left: 165px;
		position: absolute;
		top: 0px;
	}

	header nav.dropdownMenuNavTag ul li ul li:hover ul{
		display:block; 
	}

	header nav.dropdownMenuNavTag ul li ul li ul li:hover ul{
		display:block;
		
	}

	header-topmenu li {
	  list-style: none;
	  border-right: 1px solid #000;
	}

	header-topmenu a {
	  font-weight: normal;
	}

}






/* Begin Images */
p img {
	padding: 1px;
	margin: 3px;
	border: 0px;
	height: auto;
}
@media screen and (max-width: 575px) {
	p img {
		max-width: 302px;
	}
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered, img.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.alignright {
	display: inline;
	margin: 0.2em 0em 0.2em 0.5em;
}

img.alignleft {
	display: inline;
	margin: 0.2em 0.5em 0.2em 0em;
}

.centered, .aligncenter {
	text-align: center;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}
/* End Images */





/*
	Social Media
*/
.social {
	margin-top:35px;
	float:right;
}
.social a {
	float:left;
	width:36px;
	height:39px;
	margin-right:2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-indent:-9999px;
	font-size:0px;
	background: url(/img/cms/social.png) no-repeat scroll 0 0 transparent;
	transition:none;
}
.social a:active {
	opacity:0.5;
}
.social a.twitter {
	background-position: -41px -43px;
}
.social a.twitter:hover {
	background-position: -41px -2px;
}
.social a.facebook {
	background-position: -2px -43px;
}
.social a.facebook:hover {
	background-position: -2px -2px;
}
.social a.google {
	background-position: -189px -43px;
}
.social a.google:hover {
	background-position: -189px -2px;
}
.social a.pinterest {
	background-position: -77px -43px;
}
.social a.pinterest:hover {
	background-position: -77px -2px;
}
.social a.insta {
	background-position: -152px -43px;
}
.social a.insta:hover {
	background-position: -152px -2px;
}
.social a.youtube {
	background-position: -114px -42px;
}
.social a.youtube:hover {
	background-position: -114px -1px;
}
.social a.tiktok {
	background-position: -227px -43px;
}
.social a.tiktok:hover {
	background-position: -227px -2px;
}

footer p {
    color: #666;
    font-style: italic;
    font-size: 0.9em;
}
/*
	End Social Media
*/


/*
	Comments Template
*/
.comment-form > .comment-form-comment {
	display: flex;
	flex-wrap: wrap;
}
.comment-form > .comment-form-comment > label {
	display: block;
	flex-grow: 1;
}
.comment-form > .comment-form-comment > textarea {
	display: block;
	flex-grow: 9;
}
.comment-form > .form-submit {
	display: flex;
	justify-content: center;
}
.comment-form > .form-submit > .submit {
	display: block;
}
/*
	End Comments Template
*/