/*
Theme Name: The Old Cryptians
Theme URI: 
Description: 
Author: Adrian Jones
Version: 1.0
License: 
License URI: 
Tags: 
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;700&display=swap');
@font-face {
  font-family: Footlight;
  src: url(FootlightMTLight.ttf);
}

*		{margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;}
p, a, small, li, textarea, input, td, tr, .gform_confirmation_message, div {font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5		{font-family: Arial, "Trebuchet MS"; font-weight: 400;}
.clear		{clear: both;}
a		{text-decoration: none;}
html		{overflow-y: scroll; background-color: #fff;}
ul		{list-style-type: none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img, iframe         {max-width: 100%; max-height: 100%;}

.wrapper        {width: 1300px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

.section        {padding: 60px 0;}
.centered       {text-align: center;}

#header				{position: relative;}
#header .toptab		{position: absolute; top: 0; right: 100px; background: #462d32; border-radius: 0 0 20px 20px; padding: 12px 30px;}
#header .toptab a	{color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
#header.home		{height: 900px;}
#header.inner		{background: #4e3b3f; padding: 30px 0;}
#header.home .menu		{text-align: center; padding: 60px 0;}
#header.inner .menu		{text-align: center; margin-bottom: 30px;}
#header .menu > li	{display: inline-block; margin: 0 10px; position: relative;}
#header .menu > li > a		{color: #fff; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: 1px;}
#header .menu > li > ul		{display: none; position: absolute; top: 100%; padding-top: 15px; left: 0; z-index: 999;}
#header .menu > li > ul li	{background: #462d32; text-align: left; position: relative;}
#header .menu > li > ul li > a	{display: block; color: #fff; white-space: nowrap; padding: 10px; font-size: 14px; letter-spacing: 1px;}
#header .menu > li  ul > li + li	{border-top: 1px solid #fff;}
#header .menu > li  ul > li:hover	{background: #fff;}
#header .menu > li  ul > li:hover > a		{color: #462d32;}
#header .menu > li > ul > li > ul	{display: none; position: absolute; top: 0; left: 100%; z-index: 999;}
#header .menu li:hover > ul		{display: block;}
#header .menu > li:last-of-type > ul	{left: auto; right: 0;}
#header .menu > li:last-of-type > ul > li > ul	{left: auto; right: 100%;}
#header .menu > li.menu-item-has-children > a:after		{content: "\f0d7"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 7px;}
#header .menu > li > ul > li.menu-item-has-children > a:after		{content: "\f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 7px;}
#header.home .logo	{display: inline-block; margin-bottom: 70px; max-width: 600px;}
#header.inner .logo	{display: inline-block; max-width: 400px;}
#header.home h2		{font-family: Footlight; font-weight: normal; color: #fff; font-size: 48px; margin-bottom: 12px;}
#header.home h3		{color: #fff; font-size: 26px;}

.homenews .innerbox		{background: #e9e7df; padding: 60px; position: relative; margin-top: -180px;}
.homenews .innerbox:after	{content: ""; display: block; clear: both;}
.homenews .innerbox .left	{width: 60%; float: left; color: #514e47;}
.homenews .innerbox .left h2	{font-size: 26px; margin-bottom: 20px;}
.homenews .innerbox .left h3	{font-size: 24px; margin-bottom: 15px;}
.homenews .innerbox .left p		{margin-bottom: 10px; line-height: 1.5;}
.homenews .innerbox .left a	{color: #8d733d;}
.homenews .innerbox .right	{width: 30%; float: right;}
.homenews .innerbox .right .img		{position: relative; padding: 50px;}
.homenews .innerbox .right .img .inner:before		{content: ""; display: inline-block; padding-top: 100%;}
.homenews .innerbox .right .img > img:nth-of-type(1)	{position: absolute; top: 0; left: 0;}
.homenews .innerbox .right .img > img:nth-of-type(2)	{position: absolute; bottom: 0; right: 0;}

.homeintro		{padding: 80px 0;}

.homeimages		{background: #a09d91; padding: 80px 0;}
.homeimages .flex		{display: flex; justify-content: space-between;}
.homeimages .flex > div		{width: 30%; text-align: left;}
.homeimages .flex > div + div	{margin-left: 5%;}
.homeimages .flex .col .img		{margin-bottom: 20px;}
.homeimages .flex .col .img:before		{content: ""; display: inline-block; padding-top: 100%;}
.homeimages .flex .col p		{color: #fff; line-height: 1.5;}

.homepresident		{display: flex;}
.homepresident .text		{width: 60%; padding: 100px 0; background: #242423; color: #fff;}
.homepresident .text:after	{content: ""; display: block; clear: both;}
.homepresident .text > div	{width: 820px; float: right; padding: 60px; position: relative}
.homepresident .text > div img.topCorner	{position: absolute; top: 0; left: 0;}
.homepresident .text h2, .homepresident .text p		{color: #fff;}
.homepresident .img			{width: 40%;}
.homepresident .img:before	{content: ""; display: block; padding-top: 100%;}

.content h1		{font-size: 36px; margin-bottom: 25px; color: #514e47;}
.content h2		{font-size: 26px; margin-bottom: 20px; color: #514e47;}
.content h3		{font-size: 24px; margin-bottom: 15px; color: #bba55a;}
.content h4		{font-size: 20px; margin-bottom: 15px; color: #bba55a;}
.content h5		{font-size: 18px; margin-bottom: 15px; color: #bba55a;}
.content p + h2,
.content p + h3	{margin-top: 30px;}
.content p		{color: #514e47; line-height: 1.5;}
.content p + p	{margin-top: 15px;}
.content p a	{color: #bba55a; font-weight: 500;}
.content ul		{margin: 0 0 20px 30px; padding: 0;}
.content ul li	{color: #514e47; list-style-type: disc; padding: 6px 0;}

.innerpage .left		{width: 70%; float: left;}
.innerpage .right		{width: 25%; float: right;}
.innerpage .right .buttons		{margin: 0 0 15px;}
.innerpage .right .buttons li	{border: 2px solid #4e3b3f; border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; position: relative; padding: 0;}
.innerpage .right .buttons li + li	{margin-top: 5px;}
.innerpage .right .buttons li a	{display: block; padding: 15px 0; background: #4e3b3f; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; text-align: center;}
.innerpage .right .buttons li:hover a	{background: transparent; color: #4e3b3f;}
.innerpage .right .buttons li img	{position: absolute; left: 15px; top: 50%; transform: translatey(-50%); max-height: 70%;}
.innerpage .right #amznCharityBanner	{margin-bottom: 20px;}
.innerpage .right .cass p		{font-size: 11px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px;}
.innerpage .right .cass img		{display: inline-block; max-width: 75%;}

form.search-form		{display: inline-block; width: 100%; margin-bottom: 20px;}
form.search-form label	{position: relative; display: block;}
form.search-form input	{width: 100%; border: 0; -webkit-appearance: none; background: #e6e3e4; border-radius: 4px; -webkit-border-radius: 4px; font-size: 16px; color: #4e3b3f; padding: 11px 10px 11px 60px; letter-spacing: 1px;}
form.search-form button	{background: transparent; position: absolute; left: 10px; top: 50%; transform: translatey(-50%); cursor: pointer;}
form.search-form button i	{font-size: 22px; color: #514e47;}

.blogindex .left a		{color: #bba55a; font-weight: 500;}
.blogindex .left .bloggrid > div + div	{margin-top: 50px;}
.blogindex .left .post:after		{content: ""; display: block; clear: both;}
.blogindex .left .post img		{max-height: 175px; width: auto; padding: 0 20px 20px 0;}
.blogindex .left .searchandfilter ul		{margin: 0 0 50px;}
.blogindex .left .searchandfilter ul li.sf-field-category label		{border: 2px solid #4e3b3f; position: relative;}
.blogindex .left .searchandfilter ul li.sf-field-category label:after	{content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 10px; top: 8px; color: #4e3b3f; pointer-events: none;}
.blogindex .left .searchandfilter ul li.sf-field-category select	{height: 36px; color: #4e3b3f; width: 100%; font-weight: 600; -webkit-appearance: none; padding-left: 10px; font-size: 16px;}
.blogindex .navigation   {text-align: center;}
.blogindex .navigation li    {padding: 0; list-style-type: none; display: inline-block; margin: 0 2px;}
.blogindex .navigation li a  {display: inline-block; color: #fff; background: #bba55a; padding: 5px 10px; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; font-weight: 700; font-size: 13px; letter-spacing: 2px;}
.blogindex #more_posts			{display: block; max-width: 300px; border: 2px solid #4e3b3f; padding: 15px 0; background: #4e3b3f; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; margin: 30px auto 0;}
.blogindex #more_posts p		{color: #fff;}
.blogindex #more_posts:hover	{background: #fff;}
.blogindex #more_posts:hover p	{color: #4e3b3f;}

.gform_wrapper label, .gfield_required, .gform_confirmation_message		{color: #462d32;}
.gform_wrapper input, .gform_wrapper textarea		{padding: 8px!important; border: 1px solid #462d32;}
.gform_wrapper select	{border: 1px solid #462d32;}
.gform_footer .button				{background: #462d32; color: #fff; padding: 8px 14px;}
.gform_wrapper div.validation_error, .gform_wrapper .ginput_container + .gfield_description.validation_message {display: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {margin: 0!important; padding: 0!important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border: 0!important; background-color: transparent!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {padding-left: 0!important;}

#footer		{background: #4e3b3f; padding: 80px 0;}
#footer img	{display: inline-block; margin-bottom: 30px;}
#footer ul	{margin-bottom: 30px;}
#footer ul li	{display: inline-block; margin: 0 8px;}
#footer ul li a	{color: #bba55a;}
#footer ul li:hover a		{color: #fff;}
#footer ul li i	{font-size: 24px;}
#footer p	{color: #fff; font-size: 13px; font-weight: 200; letter-spacing: 1px;}

.woocommerce form.woocommerce-ordering	{border: 2px solid #4e3b3f; position: relative; margin: 0 0 20px!important;}
.woocommerce form.woocommerce-ordering:after		{content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 10px; top: 8px; color: #514e47; pointer-events: none;}
.woocommerce form.woocommerce-ordering > select	{height: 36px; color: #514e47; width: 100%; font-weight: 400; -webkit-appearance: none; padding-left: 10px; font-size: 16px;}

.woocommerce.single-product .product .summary		{text-align: right;}
.woocommerce.single-product .product .summary p.price		{font-size: 24px!important; font-weight: 500!important; color: #4e3b3f!important;}
.woocommerce.single-product .product .summary form.cart		{margin-top: 30px; float: right;}
.woocommerce.single-product .product .summary form.cart .quantity			{position: relative; text-align: center;}
.woocommerce.single-product .product .summary form.cart .quantity input	{display: inline-block; width: 40px; height: 44px; line-height: 1.65; padding: 0; margin: 0; border: 2px solid #4e3b3f; text-align: center; font-size: 18px;}
.woocommerce.single-product .product .summary form.cart .quantity input:focus		{outline: 0;}
.woocommerce.single-product .product .summary form.cart .quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce.single-product .product .summary form.cart .quantity input[type=number]::-webkit-outer-spin-button	{-webkit-appearance: none; margin: 0;}
.woocommerce.single-product .product .summary form.cart .quantity input[type=number]	{-moz-appearance: textfield;}
.woocommerce.single-product .product .summary form.cart .quantity .quantity-nav 		{position: absolute; width: 50px; top: 6px; left: -5px;}
.woocommerce.single-product .product .summary form.cart .quantity .quantity-button 	{position: relative; cursor: pointer; width: 20px; text-align: center; color: #4e3b3f; font-size: 22px; font-weight: 500; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.woocommerce.single-product .product .summary form.cart .quantity .quantity-button.quantity-up 	{position: absolute; height: 50%; top: 50%; transform: translatey(-50%); left: -20px;}
.woocommerce.single-product .product .summary form.cart .quantity .quantity-button.quantity-down 	{position: absolute; height: 50%; top: 50%; transform: translatey(-50%); right: -20px;}
.woocommerce.single-product .product .summary form.cart .quantity.hidden .quantity-nav		{display: none;}
.woocommerce.single-product .product .summary form.cart .button		{margin: 5px 0 0 40px;}
.woocommerce.single-product .product #reviews #review_form_wrapper	{margin-top: 30px;}
.woocommerce.single-product .product #reviews #review_form_wrapper #comment		{border: 1px solid #4e3b3f;}

form.woocommerce-checkout input, form.woocommerce-checkout textarea			{border: 1px solid #4e3b3f; padding: 10px; font-size: 16px;}

@media all and (max-width : 1300px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#header .menu > li {
		margin: 0 5px;
	}
	#header .menu > li > a {
		font-size: 12px;
	}
	#header.home {
		height: 750px;
	}
	#header.home .logo {
		margin-bottom: 60px;
	}
	#header.home h2 {
		font-size: 40px;
	}
	#header.home h3 {
		font-size: 20px;
	}
	.homenews .innerbox {
		margin-top: -110px;
	}
	.homepresident .text {
		padding: 60px 0 0;
	}
	.homepresident .text > div {
		width: auto;
		float: none;
		margin-left: 30px;
	}
	.innerpage .left {
		width: 65%;
	}
	.innerpage .right {
		width: 30%;
	}
}

@media all and (max-width : 1099px) {
	#header.home {
		height: 700px;
	}
	#header.home .logo {
		margin: 50px 0;
		max-width: 75%;
	}
	.homenews .innerbox {
		display: flex;
		flex-direction: column;
	}
	.homenews .innerbox .right {
		float: none;
		width: 100%;
		order: 1;
		text-align: center;
		margin-bottom: 40px;
	}
	.homenews .innerbox .left {
		float: none;
		width: 100%;
		order: 2;
	}
	.homenews .innerbox .right .img {
		width: 50%;
		display: inline-block;
	}
	.homeimages .flex > div {
		width: 34%;
	}
	.homeimages .flex > div + div {
		margin-left: 2%;
	}
}

@media all and (max-width : 768px) {
	#header.home {
		height: 400px;
	}
	#header.home .logo {
		max-width: 50%;
		margin: 30px 0;
	}
	#header.inner .logo {
		max-width: 50%;
	}
	#header.home h2 {
		font-size: 26px;
	}
	#header.home h3 {
		font-size: 16px;
	}
	.homenews .innerbox {
		margin-top: 15px;
	}
	.homenews .innerbox .right .img {
		width: 75%;
	}
	.homeimages .flex {
		flex-direction: column;
	}
	.homeimages .flex > div {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.homeimages .flex > div + div {
		margin-left: 0;
		margin-top: 20px;
	}
	.homeimages .flex .col .img {
		width: 35%;
	}
	.homeimages .flex .col p {
		width: 60%;
	}
	.homepresident {
		display: block;
	}
	.homepresident .text {
		width: auto;
	}
	.homepresident .img {
		width: auto;
	}
	.innerpage .left {
		width: auto;
		float: none;
	}
	.innerpage .right {
		width: auto;
		float: none;
		margin-top: 40px;
	}
}

@media all and (max-width : 599px) {
	#header.home {
		height: auto;
		padding: 30px 0;
	}
	#header.home .logo {
		margin: 0 0 30px;
	}
	.homenews .innerbox {
		padding: 30px 30px 60px;
	}
	.homenews .innerbox .right .img {
		width: 100%;
	}
	.homeintro,
	.homeimages {
		padding: 40px 0;
	}
	.homeimages .flex > div {
		display: block;
	}
	.homeimages .flex .col .img {
		width: 75%;
		margin: 0 auto 10px;
	}
	.homeimages .flex .col p {
		width: auto;
	}
	.homepresident .text > div {
		margin-left: 0;
		padding: 0 15px 30px;
	}
	.homepresident .text > div img {
		display: none;
	}
}