/*---:[ Thesis CSS reset ]:---*/
* {
	margin: 0;
	padding: 0;
	word-break: break-word;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, fieldset {
	border: 0;
}
abbr, acronym {
	text-decoration: none;
}
code {
	line-height: 1em;
}
pre {
	overflow: auto;
	word-wrap: normal;
	-moz-tab-size: 4;
	tab-size: 4;
}
sub, sup {
	line-height: 0.5em;
}
img, .wp-caption {
	max-width: 100%;
	height: auto;
}
iframe, video, embed, object {
	display: block;
	max-width: 100%;
}
img {
	display: block;
}
.left, .alignleft, img[align=left] {
	display: block;
	float: left;
}
.right, .alignright, img[align=right] {
	display: block;
	float: right;
}
.center, .aligncenter, img[align=middle] {
	display: block;
	float: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.clear {
	clear: both;
}
input[type=submit], button {
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
}
.wp-smiley {
	display: inline;
}
input[type="submit"], button {
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
}
html {
	-webkit-text-size-adjust: 100%;
}
// spatial variables to go with golden ratio typography
// (you can reference these in your Custom CSS, too!)
	$phi = 1.6180339887;

// primary spacing
	$x1 = 26px;
	$x02 = round($x1 / $phi);
	$x03 = round($x02 / $phi);
	$x04 = round($x03 / $phi);

// secondary (sidebar) spacing
	$x1s = 19px;
	$x02s = round($x1s / $phi);
	$x03s = round($x02s / $phi);
	$x04s = round($x03s / $phi);

// backwards compatibility variables for customizations
	$f_aux = 13px;
	$f_subhead = 26px;
	$f_text = 16px;
	$h_aux = 22px;
	$h_text = 26px;
	$x_half = $x02;
	$x_single = $x1;
	$x_3over2 = $x1 + $x02;
	$x_double = 2 * $x1;
	$s_x_half = $x02s;
	$s_x_single = $x1s;
	$s_x_3over2 = $x1s + $x02s;
	$s_x_double = 2 * $x1s;

/*---:[ layout structure ]:---*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 26px;
	color: #111111;
	background-color: #FFFFFF;
	padding-top: $x1;
}
.container {
	width: 897px;
	margin: 0 auto;
}
.columns {
	box-sizing: border-box;
	> .content {
		box-sizing: border-box;
		width: 617px;
		float: left;
	border-width: 0 1px 0 0;
		border-style: solid;
		border-color: #DDDDDD;
	}
	> .sidebar {
		box-sizing: border-box;
		width: 280px;
	float: right;
		padding: $x1 $x1 0 $x1;
	}
}
/*---:[ links ]:---*/
a {
	color: #DD0000;
	text-decoration: none;
	p & {
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
}
/*---:[ nav menu ]:---*/
$menu_phi = 13px * $phi;
$menu_x = round($menu_phi / $phi);
$menu_y = round($menu_x / $phi);
@mixin menu_links {
	display: block;
	font-size: 13px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #111111;
	background-color: #EEEEEE;
	padding: $menu_y $menu_x;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #DDDDDD;
	&:hover {
		background-color: #DDDDDD;
	}
}
.menu {
	position: relative;
	z-index: 50;
	list-style: none;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #DDDDDD;
	a {
		@include menu_links;
	}
	li {
		position: relative;
		float: left;
		margin-bottom: -1px;
	}
	.sub-menu {
		display: none;
		position: absolute;
		z-index: 110;
		left: -1px;
		list-style: none;
		border-color: #DDDDDD;
		margin-top: -1px;
		.sub-menu {
			top: 0;
			left: 182px;
			margin: 0 0 0 -1px;
		}
		li {
			width: 182px;
			clear: both;
		}
		a {
			border-left-width: 1px;
		}
		.current-menu-item > a {
			border-bottom-color: #DDDDDD;
		}
	}
	li:hover > .sub-menu {
		display: block;
	}
	.current-menu-item > a {
		border-bottom-color: #FFFFFF;
		background-color: #FFFFFF;
		cursor: text;
	}
}
.menu_control {
	@include menu_links;
	display: none;
	background-color: #FFFFFF;
}
/*---:[ header ]:---*/
.header {
	border-bottom: 3px double #DDDDDD;
	padding: $x1;
}
#site_title {
	font-size: 42px;
	line-height: 1.31em;
	font-weight: bold;
	color: #111111;
	a {
		color: #111111;
		&:hover {
			color: #DD0000;
		}
	}
	& + #site_tagline {
		margin-top: $x04;
	}
}
#site_tagline {
	font-size: 16px;
	color: #888888;
	line-height: 1.5em;
}
/*---:[ golden ratio typography with spaced paragraphs ]:---*/
.grt {
	h1, .headline {
		font-size: 26px;
	line-height: 39px;
	}
	h1 {
		margin-bottom: $x1;
	}
	.headline {
		color: #111111;
		margin: 0;
		a {
			color: #111111;
			&:hover {
				color: #DD0000;
			}
		}
	}
	h2, h3, h4 {
		font-size: 20px;
	line-height: 31px;
		color: #111111;
	}
	h2 {
		font-size: 26px;
		line-height: 39px;
		margin-top: ($x1 + $x02);
		margin-bottom: $x02;
	}
	h3 {
		font-size: 20px;
		line-height: 32px;
		margin-top: ($x1 + $x03);
		margin-bottom: $x03;
	}
	h4 {
		font-size: 16px;
		line-height: 26px;
		font-weight: bold;
		margin-bottom: $x04;
	}
	h1 + h2, h2 + h3 {
		margin-top: 0
	}
	.post_content {
		h2, h3 {
			&:first-child {
				margin-top: 0;
			}
		}
	}
	ul {
		list-style-type: square;
		li a {
			text-decoration: underline;
			&:hover {
				text-decoration: none;
			}
		}
	}
	blockquote {
		color: #888888;
		padding-left: $x02;
		border-left: 1px solid #DDDDDD;
		&.right, &.left {
			width: 45%;
			font-size: 26px;
	line-height: 36px;
			padding-left: 0;
			border: 0;
			margin-bottom: $x02;
		}
	}
	code, pre, kbd {
		font-size: 16px - 2;
	}
	code {
		font-family: Consolas, Menlo, Monaco, Courier, Verdana, sans-serif;
		background-color: rgba(0,0,0,0.08);
		padding: round($x04 / 2) ($x04 - 2);
		border-radius: $x04;
		margin: 0 1px;
	}
	pre {
		font-family: Consolas, Menlo, Monaco, Courier, Verdana, sans-serif;
		background-color: #EEEEEE;
		padding: $x02 $x02 $x02 $x03;
		border-left: $x04 solid rgba(0,0,0,0.15);
	}
	kbd {
		font-family: Consolas, Menlo, Monaco, Courier, Verdana, sans-serif;
		color: #111;
		background-color: #fff;
		padding: round($x04 / 2) ($x04 - 2);
		border-radius: $x04;
		box-shadow: 0 0 $x04 0 rgba(0,0,0,0.45);
		margin: 0 1px;
	}
	.alert, .note, .box {
		padding: $x02;
	}
	.alert {
		background-color: #ff9;
		border: 1px solid #e6e68a;
	}
	.note {
		background-color: #EEEEEE;
		border: 1px solid #DDDDDD;
	}
	$_links = #DD0000;
	.box {
		background-color: scale-color($_links, $lightness: 90%);
		border: 1px solid scale-color($_links, $lightness: -10%);
	}
	.footnotes {
		font-size: 13px;
		line-height: 22px;
		padding-top: $x1;
		border-top: 1px dotted #DDDDDD;
	}
	.footnotes, sub, sup, .post_cats, .post_tags {
		color: #888888;
	}
	fieldset {
		margin-bottom: $x1;
		legend {
			font-size: 20px;
			line-height: 32px;
			font-weight: bold;
			margin-bottom: $x04;
		}
	}
	.avatar {
		width: 61px;
	height: 61px;
		float: right;
		clear: both;
		margin-left: $x02;
	}
	.small, .caption {
		font-size: 13px;
		line-height: 22px;
	}
	.caption {
		margin-top: -$x02;
		color: #888888;
	}
	.frame, .post_image_box, .wp-caption {
		box-sizing: border-box;
		background-color: #EEEEEE;
		padding: $x02;
		border: 1px solid #DDDDDD;
	}
	.wp-caption p {
		font-size: 13px;
		line-height: 22px;
	}
	.wp-caption img, .post_image_box .post_image, .thumb, .footnotes p {
		margin-bottom: $x02;
	}
	.drop_cap {
		font-size: (2 * $x1);
		line-height: 1em;
		margin-right: $x03;
		float: left;
	}
	.author_description {
		padding-top: $x1;
		border-top: 1px dotted #DDDDDD;
		.avatar {
			width: 78px;
	height: 78px;
			float: left;
			margin-right: $x02;
			margin-left: 0;
		}
	}
	.author_description_intro {
		font-weight: bold;
	}
	p, ul, ol, blockquote, pre, dl, dd, .center, .aligncenter, .block,  .alignnone, .post_image, .post_image_box, .wp-post-image, .caption, .wp-caption, .alert, .note, .box, .footnotes, .headline_area {
		margin-bottom: $x1;
	}
	.right, .alignright, .ad {
		margin-bottom: $x1;
		margin-left: $x1;
	}
	.left, .alignleft, .ad_left {
		margin-bottom: $x1;
		margin-right: $x1;
	}
	ul, ol, .stack {
		margin-left: $x1;
	}
	ul ul, ul ol, ol ul, ol ol, .wp-caption p, blockquote.right p, blockquote.left p {
		margin-bottom: 0;
	}
	.alert, .note, .box, .right, .left .footnotes {
		:last-child {
			margin-bottom: 0;
		}
	}
}
/*---:[ other content styles ]:---*/
.post_box {
	padding: $x1 $x1 0 $x1;
	border-top: 1px dotted #DDDDDD;
	&.top {
		border-top: 0;
	}
}
.byline {
	color: #888888;
	a {
		color: #888888;
		border-bottom: 1px solid #DDDDDD;
		&:hover {
			color: #111111;
		}
	}
	a, .post_author, .post_date {
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.post_author_intro, .post_date_intro, .post_cats_intro {
		font-style: italic;
	}
	.post_edit {
		margin-left: $x03;
		&:first-child {
			margin-left: 0;
		}
	}
}
.wp-caption {
	&.aligncenter img {
		margin-right: auto;
		margin-left: auto;
	}
	.wp-caption-text .wp-smiley {
		display: inline;
		margin-bottom: 0;
	}
}
.num_comments_link {
	display: inline-block;
	color: #888888;
	text-decoration: none;
	margin-bottom: $x1;
	$_color1 = #DDDDDD;
	$_c1l = lightness($_color1);
	&:hover {
		background-color: change-color($_color1, $lightness: $_c1l + ((100 - $_c1l) / 2));
	}
}
.num_comments {
	font-size: $x1;
	color: #111111;
}
.bracket {
	font-size: $x1;
	color: #DDDDDD;
}
.archive_intro {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #DDDDDD;
	.headline {
		margin-bottom: $x1;
	}
}
.prev_next {
	clear: both;
	color: #888888;
	border-top: 1px solid #DDDDDD;
	padding: $x02 $x1;
	.next_posts {
		float: right;
	}
}
.previous_posts, .next_posts {
	display: block;
	font-size: 13px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
	a:hover {
		text-decoration: underline;
	}
}
/*---:[ comments ]:---*/
#comments {
	margin-top: (2 * $x1);
}
.comments_intro {
	color: #888888;
	padding: 0 $x1;
	margin-bottom: $x02;
	a:hover {
		text-decoration: underline;
	}
}
.comments_closed {
	font-size: 13px;
	line-height: 22px;
	color: #888888;
	margin: 0 $x1 $x1 $x1;
}
.comment_list {
	list-style-type: none;
	border-top: 1px dotted #DDDDDD;
	margin-bottom: (2 * $x1);
}
.comment {
	padding: $x1;
	border-bottom: 1px dotted #DDDDDD;
	.comment_head {
		margin-bottom: $x02;
	}
	.comment_author {
		font-weight: bold;
	}
	.avatar {
		float: right;
		width: 52px;
	height: 52px;
		margin-left: $x02;
	}
	.comment_date {
		display: block;
		font-size: 13px;
		line-height: 22px;
		color: #888888;
		a {
			color: #888888;
		}
	}
	.comment_text > :last-child {
		margin-bottom: 0;
	}
	.comment_footer {
		margin-top: $x02;
		a {
			font-size: 13px;
			line-height: 22px;
			color: #888888;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-right: $x02;
		}
	}
}
.children {
	.comment {
		list-style-type: none;
		padding: 0 0 0 $x1;
		border-bottom: 0;
		border-left: 1px solid #DDDDDD;
		margin-top: $x1;
	}
	.bypostauthor {
		background-color: transparent;
		border-color: #DD0000;
	}
}
.comment_head, .comment_footer, comment_nav {
	a:hover {
		text-decoration: underline;
	}
}
.comment_nav {
	font-size: 13px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: $x02 $x1;
	border-style: dotted;
	border-color: #DDDDDD;
	a:hover {
		text-decoration: underline;
	}
}
.comment_nav_top { // this is a legacy declaration
	border-width: 1px 0 0 0;
}
.comment_nav_bottom {
	border-width: 0 0 1px 0;
	margin: -(2 * $x1) 0 (2 * $x1) 0;
}
.next_comments {
	float: right;
}
.comment_moderated {
	font-weight: bold;
}
/*---:[ inputs ]:---*/
@mixin inputs {
	font-family: inherit;
	font-size: inherit;
	line-height: 1em;
	font-weight: inherit;
	color: #111111;
	background-color: #EEEEEE;
	padding: $x04;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
}
input {
	&[type="text"], &[type="number"], &[type="url"], &[type="tel"], &[type="email"], &[type="password"] {
		@include inputs;
		&:focus {
			background-color: #FFFFFF;
			border-color: #EEEEEE;
		}
	}
}
select, textarea {
	@include inputs;
	line-height: inherit;
	&:focus {
		background-color: #FFFFFF;
		border-color: #EEEEEE;
	}
}
/*---:[ buttons ]:---*/
@mixin buttons {
	font-family: inherit;
	font-size: inherit;
	line-height: 1em;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: $x03;
	border: 3px double #DDDDDD;
	&:hover, &:active {
		background-color: #EEEEEE;
		transition: background-color 0.3s;
	}
}
button, input[type="submit"] {
	@include buttons;
}
/*---:[ comment form ]:---*/
#commentform {
	padding: 0 $x1;
	margin: (2 * $x1) 0;
	.comment & {
		padding-right: 0;
		padding-left: 0;
		margin-top: $x02;
	}
	.comment_form_title {
		font-size: 20px;
		line-height: 32px;
		color: #111111;
		padding: 0 $x1 $x02 $x1;
		border-bottom: 1px dotted #DDDDDD;
		margin-right: -$x1;
		margin-left: -$x1;
	}
	p {
		margin-bottom: $x02;
		.required {
			color: #d00;
		}
	}
	label {
		display: block;
	}
	input[type="checkbox"] + label {
		display: inline;
		margin-left: $x04;
	}
	#wp-comment-cookies-consent + label {
		font-size: 13px;
		line-height: 22px;
		color: #888888;
	}
	input[type="text"] {
		width: 50%;
	}
	input[type="submit"] {
		font-size: 20px;
	}
	textarea {
		display: block;
		width: 100%;
	}
}
#cancel-comment-reply-link {
	float: right;
	font-size: 13px;
	line-height: inherit;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #DD0000;
	margin-top: $x04;
	&:hover {
		text-decoration: underline;
	}
}
.login_alert {
	font-weight: bold;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}
/*---:[ sidebar ]:---*/
.sidebar {
	font-size: 13px;
	line-height: 19px;
	.widget_title, .sidebar_heading, .headline {
		font-size: 17px;
	line-height: 24px;
		margin-bottom: $x02s;
	}
	.widget_title, .sidebar_heading {
		font-variant: small-caps;
		letter-spacing: 1px;
	}
	p, ul, ol, blockquote, pre, dl, dd, .left, .alignleft, .ad_left, .right, .alignright, .ad, .center, .aligncenter, .block, .alignnone {
		margin-bottom: $x1s;
	}
	.left, .alignleft, .ad_left {
		margin-right: $x1s;
	}
	ul ul, ul ol, ol ul, ol ol, .right, .alignright, .ad, .stack {
		margin-left: $x1s;
	}
	ul ul, ul ol, ol ul, ol ol, .wp-caption p, .post_excerpt p {
		margin-bottom: 0;
	}
	.text_box, .thesis_email_form, .query_box {
		margin-bottom: (2 * $x1s);
	}
	.search-form, .thesis_email_form {
		input[type="text"] {
			width: 100%;
			margin-bottom: $x02s;
		}
	}
	button, input[type="submit"] {
		padding: $x03s;
	}
	.query_box .post_author, .query_box .post_date {
		color: #888888;
	}
	.widget {
		margin-bottom: (2 * $x1s);
		ul {
			list-style-type: none;
			li {
				margin-bottom: $x02s;
				ul, ol {
					margin-top: $x02s;
				}
				a:hover {
					text-decoration: underline;
				}
			}
		}
	}
}
/*---:[ footer ]:---*/
.footer {
	font-size: 13px;
	line-height: 22px;
	color: #888888;
	text-align: right;
	padding: $x02 $x1;
	border-top: 3px double #DDDDDD;
	a {
		color: #888888;
		&:hover {
			color: #111111;
		}
	}
}
/*---:[ custom template styles ]:---*/
.landing {
	body& {
		padding-top: 0;
	}
	.container {
		width: 617px;
	}
	.header, .headline_area, .footer {
		text-align: center;
	}
}
.full_page .columns > .content {
	width: 897px;
	float: none;
	border-right: 0;
}
@if () {
	/*---:[ woocommerce compatibility ]:---*/
	.woocommerce {
		&.woocommerce-shop .content {
			padding: $x1;
		}
		&.woocommerce-archive {
			.content {
				padding: 0 $x1;
			}
			.post_box {
				margin-top: 0;
				margin-right: -$x1;
				margin-left: -$x1;
				margin-bottom: $x1;
			}
			.term-description {
				margin-bottom: $x1;
			}
		}
		.content > .product {
			margin: $x1 $x1 0 $x1;
		}
		.page-title {
			font-size: 26px;
	line-height: 39px;
			padding: 0 $x1 $x1;
			border-bottom: 1px solid #DDDDDD;
			margin-right: -$x1;
			margin-left: -$x1;
			margin-bottom: $x1;
		}
		.product_title {
			font-size: 26px;
	line-height: 39px;
			margin-bottom: $x02;
		}
		.content .woocommerce-result-count {
			font-size: 13px;
			line-height: 22px;
			color: #888888;
			margin-bottom: $x02;
		}
		nav.woocommerce-pagination ul.page-numbers {
			margin: -$x04 0 $x02 0;
		}
		ul.products li.product.grt {
			.woocommerce-loop-product__title {
				line-height: 26px;
				padding: 0;
				margin-bottom: $x03;
			}
			.star-rating {
				font-size: 13px;
				margin-bottom: $x03;
			}
			.price {
				font-size: 16px;
				margin-bottom: 0;
			}
			.button {
				margin-top: $x02;
			}
		}
		div.product.grt {
			.woocommerce-product-rating {
				margin-bottom: $x02;
			}
			form.cart {
				margin-bottom: $x1;
				.button {
					background-color: #DD0000;
					margin-top: -($x03 - $x04);
				}
			}
			.product_meta {
				font-size: 13px;
				line-height: 22px;
				color: #888888;
				a:hover {
					text-decoration: underline;
				}
			}
			#reviews {
				h2 {
					margin-top: 0;
				}
				#comments {
					margin-top: $x1;
				}
				.comment-reply-title {
					font-size: 20px;
					line-height: 32px;
					font-weight: bold;
				}
				#commentform {
					padding: 0;
					margin-top: $x1;
				}
				#comment {
					height: auto;
				}
			}
		}
		.panel > h2:first-child {
			margin-top: 0;
		}
		.grt {
			.button, #respond input#submit {
				@include buttons;
			}
		}
		.grt & {
			fieldset {
				margin-top: $x1;
				margin-bottom: $x03;
			}
			.button {
				@include buttons;
				&.alt {
					font-size: 20px;
					background-color: #DD0000;
					padding: $x1;
				}
			}
		}
		.woocommerce-info, .woocommerce-message {
			.button {
				margin-left: $x03;
			}
		}
		.woocommerce-cart & {
			#coupon_code {
				padding: $x03;
				margin-right: $x03;
			}
		}
		&.woocommerce-page a.button {
			@include buttons;
		}
	}
}
/*---:[ clearfix ]:---*/
.columns, .menu, .post_box, .post_content, .author_description, .sidebar, .query_box, .prev_next, .comment_text, .comment_nav {
	&:after {
		display: table;
	clear: both;
	content: '';
	}
}
/*---:[ media queries ]:---*/
$_b1 = 897px - 1;
@media all and (max-width: $_b1) {
	body {
		padding-top: 0;
	}
	.container, .landing .container {
		width: auto;
		max-width: 617px;
	}
	.header {
		border-top: 1px solid #DDDDDD;
		.landing & {
			border-top: 0;
		}
	}
	.columns {
		> .content {
			float: none;
			width: 100%;
			border: 0;
			.full_page & {
				width: 100%;
			}
		}
		> .sidebar {
			float: none;
			width: 100%;
			border-top: 3px double #DDDDDD;
		}
	}
	.menu_control {
		display: block;
		width: 100%;
		background-color: #FFFFFF;
		padding: 1em $x1;
		border-width: 0;
		cursor: pointer;
		box-sizing: border-box;
	}
	.menu {
		display: none;
		clear: both;
		width: 100%;
		border-width: 1px 0 0 0;
		.sub-menu {
			position: static;
			display: block;
			padding-left: $x1;
			border-top: 1px solid #DDDDDD;
			margin: 0;
			li {
				width: 100%;
			}
		}
		li {
			float: none;
			width: 100%;
			margin-bottom: 0;
			&:first-child > a:first-child {
				border-top-width: 0;
			}
		}
		a {
			background-color: #FFFFFF;
			padding: 1em $x1;
			border-width: 1px 1px 0 0;
		}
		.current-menu-item > a {
			background-color: #EEEEEE;
		}
		> li > a {
			border-left-width: 1px;
		}
	}
	.show_menu {
		display: block;
	}
	.sidebar {
		.search-form, .thesis_email_form {
			input[type="text"] {
				width: 50%;
			}
		}
	}
}
$_b2 = 617px - 1;
@media all and (max-width: $_b2) {
	.menu {
		a {
			border-right-width: 0;
		}
		> li > a {
			border-left-width: 0;
		}
	}
}
$_b3 = 450 + (2 * ($x1 - $x02)) - 1;
@media all and (max-width: $_b3) {
	.menu a, .menu_control {
		padding: 1em $x02;
	}
	.header, .columns > .sidebar, .post_box, .prev_next, .comments_intro, .comment, .comment_nav, #commentform, #commentform .comment_form_title, .footer {
		padding-right: $x02;
		padding-left: $x02;
	}
	.menu .sub-menu, .children .comment {
		padding-left: $x02;
	}
	.right, .alignright, img[align="right"], .left, .alignleft, img[align="left"], .ad, .ad_left {
		float: none;
	}
	.grt {
		.right, .alignright, .left, .alignleft {
			margin-right: 0;
			margin-left: 0;
		}
		blockquote {
			&.right, &.left {
				width: 100%;
				margin-bottom: $x1;
			}
		}
	}
	.post_author:after {
		display: block;
		height: 0;
		content: '\a';
		white-space: pre;
	}
	#commentform, .sidebar .search-form, .sidebar .thesis_email_form {
		input[type="text"] {
			width: 100%;
		}
	}
	.comments_closed, .login_alert {
		margin-right: $x02;
		margin-left: $x02;
	}
	#commentform .comment_form_title {
		margin-left: -$x02;
		margin-right: -$x02;
	}
	.comment_date {
		display: none;
	}
}
/*---:[ custom CSS ]:---*/
@font-face {
    font-family: "goudyoldstyleboldbt";
    src: url("https://rudycoyner.com/wp-content/themes/rudycoyner/thesis-assets/fonts/goudyoldstyleboldbt.eot");
    src: url("https://rudycoyner.com/wp-content/themes/rudycoyner/thesis-assets/fonts/goudyoldstyleboldbt.eot")
        format("embedded-opentype"),
      url("https://rudycoyner.com/wp-content/themes/rudycoyner/thesis-assets/fonts/goudyoldstyleboldbt.woff2")
        format("woff2"),
      url("https://rudycoyner.com/wp-content/themes/rudycoyner/thesis-assets/fonts/goudyoldstyleboldbt.woff")
        format("woff"),
      url("https://rudycoyner.com/wp-content/themes/rudycoyner/thesis-assets/fonts/goudyoldstyleboldbt.ttf")
        format("truetype"),
      url("https://rudycoyner.com/wp-content/themes/rudycoyner/thesis-assets/fonts/goudyoldstyleboldbt.svg#goudyoldstyleboldbt")
        format("svg");
  }
  
  *,
  :before,
  :after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  
  body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding-top: 0;
    line-height: 1.3;
    font-size: 16px;
    color: #231f20;
  }
  
  .wrapper {
    max-width: 926px;
    margin: 0 auto;
  }
  
  .site-header {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
	  background-color: #000;
  }
  
  .site-header .wrapper {
    max-width: 1515px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 20px 20px 13px;
    align-items: end;
  }
  
  .scrolled .site-header {
      min-height: unset;
      border-bottom: unset;
  }
  
  .scrolled .site-header .wrapper {
      padding: 20px;
  }

.site-inner {
	margin-top: 131px;
}
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
  }
  
  h1 {
    font-size: 67px;
    font-family: "goudyoldstyleboldbt";
  }
  
  h2 {
    font-size: 50px;
  }
  
  h3 {
    font-size: 40px;
  }
  
  h4 {
    font-size: 32px;
  }
  
  h5 {
    font-size: 24px;
  }
  
  h6 {
    font-size: 18px;
  }
  
  strong,
  b {
    font-family: "Lato", sans-serif;
    font-weight: 700;
  }
  
  a {
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	color: #254130;
  }
  
  a:hover {
    color: #f7bc05;
  }
  
  li {
    list-style-type: none;
  }
  
  p {
    margin-bottom: 20px;
  }
  
  p:last-of-type {
    margin-bottom: 0;
  }
  
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 124px;
    z-index: 999;
  }
  
  .site-logo {
    display: inline-block;
    margin-right: 35px;
  }
  
  .navigation {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: end;
  }
  
  .navigation li a {
    color: #fff;
    text-transform: uppercase;
  }
  
  .navigation li:hover a {
    color: #f7bc05;
  }
  
  .header-left {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-right: auto;
  }
  
  .mainmenu {
    margin: 0 -9px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
  }
  
  .mainmenu li {
    padding: 0 9px;
  }
  
  .header-right {
    margin-left: auto;
    text-align: right;
    line-height: 1.2;
    color: #fff;
  }
  
  .header-right p:first-of-type {
      margin-bottom: 10px;
  }
  
  .header-right a {
    color: #fff;
  }
  
  .header-right a:hover {
    color: #f7bc05;
  }
  
  .header-right strong {
    display: block;
    margin-bottom: 5px;
	text-align: left;
  }
  
  .home-section-1 {
    min-height: 899px;
    background-size: cover;
    background-position: center;
    padding-top: 348px;
    text-align: center;
    border-bottom: 83px solid #3b2314;
    position: relative;
  }

	.home-section-1 .wrapper {
		max-width: 1300px;
	}
  
  .home-section-1 h1 {
    color: #fff;
    margin-bottom: 27px;
  }
  
  .site-btn,
  input[type=submit], 
  button {
    padding: 12px 35px;
    display: inline-block;
    color: #fff;
    background-color: #f7bc05;
    border: unset;
  }
  
  .site-btn:hover {
    background-color: #000;
  }
  
  .scroll-down {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
  }
  
  .home-section-2 {
    color: #808184;
    padding: 78px 0 69px;
  }
  
  .home-section-2 h5 {
    text-align: center;
  }
  
  .home-section-2 p {
    max-width: 816px;
    margin-right: auto;
    margin-left: auto;
  }
  
  .home-section-3 {
      background-image: url('https://rudycoyner.com/wp-content/uploads/2021/12/architectural-white-capital-columns-facade-building.png');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      padding: 73px 0 58px;
      text-align: center;
  }   
  
  .home-section-3 h5 {
      text-align: center;
      color: #231f20;
      margin-bottom: 42px;
  }
  
  .prac-areas {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 45px 60px;
    grid-template-areas:
      ". . ."
      ". . ."
      ". . .";
      margin-bottom: 45px;
  }
  
  .pa-item {
      text-align: center;
      width: 266px;
      height: 38px;
      border: 1px solid #231f20;
      display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox; /* TWEENER - IE 10 */
      display: -webkit-flex; /* NEW - Chrome */
      display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: center;
      justify-content: center;
  }
  
  .pa-item span {
      display: inline-block;
      font-weight: 700;
      color: #231f20;
  }
  
  .home-section-4 .wrapper {
      display: flex;
      max-width: unset;
  }
  
  .address,
  .map {
      width: 50%;
      min-height: 471px;
  }
  
  .address {
       background-image: url('https://rudycoyner.com/wp-content/uploads/2021/12/address-img.png');
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center;
       color: #fff;
       padding: 28px 25px;
       display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox; /* TWEENER - IE 10 */
      display: -webkit-flex; /* NEW - Chrome */
      display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: end;
  }
  
  .address h5 {
      margin-bottom: 20px;
  }
  
  .map iframe {
      width: 100%;
      height: 100%;
  }
  
  .site-footer {
      padding: 55px 0;
      background-color: #3b2314;
      color: #fff;
  }
  
  .footer-logo {
      margin-right: 44px;
  }
  
  .site-footer .wrapper {
      max-width: 900px;
      display: flex;
  }
  
  .footer-left {
      margin-right: auto;
      display: flex;
  }
  
  .footer-right {
      margin-left: auto;
      color: #fff;
  }
  
  .site-footer .mainmenu li {
      display: block;
      margin-bottom: 10px;
  }
  
  .site-footer .mainmenu a {
      color: #fff;
  }
  
  .site-footer .mainmenu li:hover a {
      color: #f7bc05;
  }
  
  .footer-right p i {
      margin-right: 5px; 
  }
  
  .hidden {
      display: none;
  }
  
  footer .wpcf7 input[type=email],
  footer .wpcf7 input[type=text] {
      border: unset;
      border-bottom: 1px solid #fff;
      padding: 20px 0;
      background-color: transparent;
      color: #fff;
  }
  
  .wpcf7 input::placeholder {
      color: #fff;
  }
  
  .copyright {
      max-width: 100% !important;
      padding-top: 12px;
      border-top: 2px solid #887659;
      text-align: center;
      color: #fff;
      margin-top: 73px;
      display: block !important;
  }
  
  .copyright a {
      color: #fff;
  }
  
  .copyright a:hover {
      color: #f7bc05;
  }
  
.inner-page-hero-section {
	padding: 75px 0;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.inner-page-hero-section h1 {
	color: #fff;
	margin-bottom: 0;
	line-height: 1;
}

.inner-page-content-section {
	padding: 40px 0;
}
.inner-page-content-section h6 {
	margin-bottom: 0;
}

.gp-section {
	padding: 60px 0;
	color: #808184;
	background-color: #f8f9fa;
}

.gp-section ul {
	margin-top: 20px;
}

.gp-section li {
	list-style-type: disc;
}

@media only screen and (min-width: 960px) {
.gp-section {
	padding: 100px 0;
}
}

.gp-item h5 {
    border-left: 5px solid #f7bc05;
    padding-left: 12px;
    line-height: 1;
}

.gp-item {
	display: flex;
    justify-content: space-evenly;
	flex-direction: column;
}

.gp-item:las-of-type {
	margin-bottom: 0;
}

@media only screen and (min-width: 960px) {
.gp-item {
	flex-direction: row;
	margin-bottom: 50px;
}
}

.gp-left,
.gp-right {
	flex-grow: 1;
    flex-basis: 0;
	margin-bottom: 30px;
}

@media only screen and (min-width: 960px) {
.gp-left,
.gp-right {
	margin-bottom: 0;
}
}

.gp-right {
	margin-left: 0;
}

@media only screen and (min-width: 960px) {
.gp-right {
	margin-left: 55px;
}
}

.cta-widget {
	padding: 40px 0 30px;
	text-align: center;
	color: #808184;
	display: none;
}

.cta-widget  h5 {
	text-transform: uppercase;
	margin-bottom: 13px;
}

.cta-widget p {
	margin-bottom: 20px;
}

@media only screen and (min-width: 960px) {
.content {
	padding: 80px 0;	
}
}

.content {
	padding: 40px 0;	
}

.content .wrapper {
	max-width: 785px;
	text-align: center;
}

.profiles {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 960px) {
.profiles {
	padding: 90px 0 100px;
}
	}

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

.profiles img {
	margin: 0 auto 50px;
	max-width: 400px;
}

.profiles h5 {
	margin-bottom: 12px;
}

@media only screen and (min-width: 960px) {
.prof-item {
	margin-bottom: 135px;
}
	}

.prof-item {
	margin-bottom: 60px;
}

.prof-item:last-child {
	margin-bottom: 0;
}

  @media only screen and (max-width:1060px) {
	  h1 {
	  	font-size: 45px;
	  }
	  
    .site-header .wrapper .mainmenu,
    .header-right {
      display: none;
    }
	  
	.site-inner {
    	margin-top: 127px;
	}
  
    .wrapper {
      padding: 0 20px;
    }
  
    .header-left {
      width: 100%;
    }
  
    .resp-menu {
      display: block !important;
      color: white;
      font-size: 20px;
      cursor: pointer;
    }
  
    .site-header .navigation {
      margin-left: auto;
    }
  
    .site-header .mainmenu {
      display: flex;
      flex-direction: column;
      position: fixed;
      width: 100%;
      left: 0;
      right: 0;
      background-color: #fff;
      margin: 20px 0px 40px;
      padding: 0 11px;
      text-align: right;
    }
  
    .site-header .mainmenu li {
      padding: 10px 9px;
      border-bottom: 1px solid #000;
    }
  
    .site-header .navigation li a {
      color: black;
    }
  
    .prac-areas {
      grid-template-columns: 1fr 1fr; 
      grid-template-rows: 1fr 1fr; 
      gap: 25px 35px; 
      grid-template-areas: 
        ". ."
        ". ."; 
    }
  
    .pa-item {
      margin: auto;
    }

    .home-section-4 .wrapper {
        padding: 0;
    }
  }
  
  @media only screen and (max-width:767px) {
    .home-section-1 {
      padding-top: 300px;
    }
  
    .prac-areas {
      display: flex;
      flex-direction: column;
    }
    
    .home-section-4 .wrapper {
        flex-direction: column;
    }

    .map,
    .address {
        width: 100%;
        position: relative;
    }

    .map iframe {
        position: absolute;
    }
	  
	  .site-footer .mainmenu {
      flex-direction: column;
  }

    .site-footer .wrapper,
    .footer-left {
        flex-direction: column;
    }

    .footer-left {
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .footer-logo {
        margin: 0 0 20px;
    }

    .footer-navigation {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-right {
        width: 100%;
        text-align: center;
    }

    footer form  {
        display: inline-block;
    }

    footer form .wpcf7-form-control {
        display: block;
    }

    .copyright {
        padding-top: 20px;
    }

    .scroll-down {
        bottom: -60px;
    }
  }

@media only screen and (max-width:500px) {
	.home-section-1 {
		padding-top: 160px; 
		min-height: 600px;
	}
}