/*
Theme Name: The Gearin
Description: The Gearin child theme
Author: Robert Jones
Template: awaken
*/

/****************************************
*
*	CONTENTS
*
*	1. COLOURS
*	2. DEFAULTS
*	3. STRUCTURE
*	4. NAVIGATION
*	5. CONTENT
*	6. WIDGETS & PLUGINS
*	7. THEME OVERRIDES
*   8. MEDIA OPTIONS
*
******************************************/



/*	1. COLOURS	*/

.gearin_red
{
	color: #a42c30 !important;
}

.gearin_cream
{
	color: #eae5a4 !important;
}

.gearin_light_red
{
	color: #ffb8a0 !important;
}


/*	2. DEFAULTS		*/

ol, ul
{
	list-style: none;
}

table
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	font-weight: normal;
	text-align: left;
}

img, a img
{
	max-width: 100%;
	height: auto;
	border: 0;
}

/*
.entry-header, .entry-title
{
	display: none;
}
*/

/*
input.field
{
	border: 1px solid #ffffff !important;
}
*/

ul
{
	list-style: disc;
}

ol
{
	list-style-type: decimal;
}

ol ol
{
	list-style: upper-alpha;
}

ol ol ol
{
	list-style: lower-roman;
}

ol ol ol ol
{
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul
{
	margin-bottom: 0;
}

dl
{
	margin: 2ex 1.625em;
}

dt
{
	font-weight: bold;
}

/*
dd
{
	margin-bottom: 1.625em;
}
*/

strong
{
	font-weight: bold;
}

cite, em, i
{
	font-style: italic;
}

blockquote
{
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}

blockquote em, blockquote i, blockquote cite
{
	font-style: normal;
}

blockquote cite
{
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

pre
{
	background: #f4f4f4;
	font: 0.8em "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}

code, kbd
{
	font: 0.8em Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym, dfn
{
	border-bottom: 1px dotted #666;
	cursor: help;
}

address
{
	display: block;
	margin: 0 0 1.625em;
}

ins
{
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub
{
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup
{
	bottom: 1ex;
}

sub 
{
	top: 0.5ex;
}

/* Forms */

/* Links */


/*	3. STRUCTURE	*/

.header-contact
{
	float: right;
	margin: 8ex 1em 0 0;
}

.col5		{float: left; position: relative; width: 5%;}
.col10		{float: left; position: relative; width: 10%;}
.col15		{float: left; position: relative; width: 15%;}
.col20		{float: left; position: relative; width: 20%;}
.col25		{float: left; position: relative; width: 25%;}
.col30		{float: left; position: relative; width: 30%;}
.col33		{float: left; position: relative; width: 33%;}
.col34		{float: left; position: relative; width: 34%;}
.col40		{float: left; position: relative; width: 40%;}
.col45		{float: left; position: relative; width: 45%;}
.col50		{float: left; position: relative; width: 50%;}
.col60		{float: left; position: relative; width: 60%;}
.col66		{float: left; position: relative; width: 66%;}
.col70		{float: left; position: relative; width: 70%;}
.col75		{float: left; position: relative; width: 75%;}
.col80		{float: left; position: relative; width: 80%;}
.col90		{float: left; position: relative; width: 90%;}
.col100		{float: left; position: relative; width: 100%;}

.abs-tl		{position: absolute; top: 0%; left: 0%; z-index: 1;}
.abs-tc		{position: absolute; top: 0%; left: 50%; z-index: 1;}
.abs-tr		{position: absolute; top: 0%; right: 0%; z-index: 1;}
.abs-ml		{position: absolute; top: 50%; left: 0%; z-index: 1;}
.abs-mc		{position: absolute; top: 50%; left: 50%; z-index: 1;}
.abs-mr		{position: absolute; top: 50%; right: 0%; z-index: 1;}
.abs-bl		{position: absolute; bottom: 0%; left: 0%; z-index: 1;}
.abs-bc		{position: absolute; bottom: 0%; left: 50%; z-index: 1;}
.abs-br		{position: absolute; bottom: 0%; right: 0%; z-index: 1;}


/*	4. NAVIGATION	*/

.main-navigation li.current-menu-item
{
	background-color: #a42c30;
}



/*	5. CONTENT	*/

h1, h2, h3, h4, h5, h6
{
}

h1
{
}

h2
{
}

h3
{
}

h4
{
	line-height: 1.2;
}

h5
{
}

h6
{
}

.capt			{font-size: 0.8em; font-weight: bold; font-style: normal; text-decoration: none;}
.fineprint		{font-size: 0.75em; font-weight: normal; font-style: italic; text-decoration: none;}
.feint			{color: #888888;}

.leftalign		{text-align: left;}
.centrealign	{text-align: center;}
.rightalign		{text-align: right;}

.leftmargin		{margin-left: 0.9em;}
.topmargin		{margin-top: 0.9em;}
.rightmargin	{margin-right: 0.9em;}
.bottommargin	{margin-bottom: 0.9em;}
.nomargins		{margin-left: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important;}
.noleftmargin	{margin-left: 0 !important;}
.notopmargin	{margin-top: 0 !important;}
.norightmargin	{margin-right: 0 !important;}
.nobottommargin	{margin-bottom: 0 !important;}
.halfmargins	{margin-left: 0.45em !important; margin-top: 0.45em !important; margin-right: 0.45em !important; margin-bottom: 0.45em !important;}

.shift_up		{margin-top: -0.9em;}
.shift_up_more	{margin-top: -1.8em;}

.nobreak		{white-space: pre;}

.indent		{margin-left: 1em;}
.indent_l	{margin-left: 1.8em;}

.leading_s	{display: block; width: 100%; height: 0.7em;}
.leading	{display: block; width: 100%; height: 1.4em;}
.leading_l	{display: block; width: 100%; height: 2.4em;}

hr.thin		{border: 0.5px solid #aaaaaa; margin-bottom: 0;}

hr.narrow
{
	width: 80%;
	color: #cccccc;
	background-color: #cccccc;
	border: 0;
	height: 1px;
}

ul.bullets
{
	list-style: disc outside none;
}

ul.bullets ul
{
	list-style: circle;
}

ol.numbers
{
	decimal outside none;
	margin-left: 1.2em;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

blockquote.pull
{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}

.pull.alignleft
{
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
}

.pull.alignright
{
	margin: 0 0 0 1.625em;
	text-align: left;
	width: 33%;
}

/* Rates page */

table#rates {margin: 4ex auto;}
table#rates, table#rates th, table#rates tr, table#rates td {border: none; border-collapse: collapse;}

table#rates th, table#rates td {padding: 0.8ex 1em;}
table#rates th, table#rates td {vertical-align: top;}
table#rates th, table#rates tr.rates-night td, table#rates tr.rates-peak td {text-align: center;}
table#rates th {font-weight: bold; background-color: #ffffff;}

table#rates tr.rates-night td span {font-size: smaller; font-style: italic;}
table#rates tr.rates-price td + td {text-align: right;}
table#rates tr.rates-price td + td::before {content: "$";}

table#rates th + th {border: 1px solid #cccccc;}
table#rates tr.rates-night td + td {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; }
table#rates tr.rates-price td {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
table#rates tr.rates-peak td:nth-child(2n+2) {border-left: 1px solid #cccccc;}
table#rates tr.rates-peak td:last-child, table#rates tr.rates-price td:last-child {border-right: 1px solid #cccccc;}

table#rates tr.rates-peak td + td:nth-child(2n+3), table#rates tr.rates-price td:nth-child(2n+3) {background-color: #ffb8a0;}
table#rates tr.rates-peak td + td:nth-child(2n+2), table#rates tr.rates-price td:nth-child(2n+2) {background-color: #eae5a4;}



/* 6. WIDGETS & PLUGINS	*/


/* 7. THEME OVERRIDES	*/

.site-logo
{
	padding-top: 2ex;
}

h3.awaken-slider-title
{
	display: none;
}

.afp-title
{
	display: none;
}

.page-entry-title,
.archive-page-title,
.search-page-title
{
	color: #eae5a4;
	background: #a42c30;
}

.page-entry-header,
.archive-page-header,
.search-page-header
{
	border-bottom: 2px solid #a42c30;
}


/* 8. MEDIA OPTIONS	*/

/* Landscape */

@media screen and (orientation:landscape) and (max-width: 1024px)	/* iPad, Kindle Fire 7", Galaxy 7" */
{
	.header-contact {}
}

@media screen and (orientation:landscape) and (max-width: 960px)	/* Nexus */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media screen and (orientation:landscape) and (max-width: 800px)	/* Galaxy & Kindle */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media only screen and (orientation: landscape) and (min-width: 414px) and (max-width: 736px)	/* iPhone 6/7+ */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media screen and (orientation:landscape) and (max-width: 720px)	/* Old Blackberry */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media only screen and (orientation: landscape) and (min-width: 375px) and (max-width: 667px)	/* iPhone 6 */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media screen and (orientation:landscape) and (min-width: 320px) and (max-width: 568px)	/* iPhone 5 */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media screen and (orientation:landscape) and (max-width: 533px)	/* Galaxy S2 */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
	.header-contact h4 {font-size: 0.8em !important;}
}

@media screen and (orientation:landscape) and (max-width: 480px)	/* iPhone 1/2/3/4 */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
	.header-contact h4 {font-size: 0.8em !important;}
}

@media screen and (orientation:landscape) and (max-width: 340px)	/* Blackberry & smaller */
{
	.header-contact {display: none;}
}

/* Portrait */

@media screen and (orientation:portrait) and (max-width: 1024px)	/* iPad Pro, Surface */
{
	.header-contact {}
}

@media screen and (orientation:portrait) and (max-width: 800px)	/* Galaxy, Kindle 8.9" */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}}

@media screen and (orientation:portrait) and (max-width: 768px)	/* Newer Galaxy, new Blackberry, iPad 1/2m Surface */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media screen and (orientation:portrait) and (max-width: 600px)	/* Galaxy 7", Kindle Fire */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media screen and (orientation:portrait) and (max-width: 480px)	/* iPhone 6, Kindle Fire 7" */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
}

@media screen and (orientation:portrait) and (max-width: 414px)	/* iPhone 6/7+ */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
	.header-contact h4 {font-size: 0.8em !important;}
}

@media screen and (orientation:portrait) and (max-width: 375px)	/* iPhone 6/7 */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
	.header-contact h4 {font-size: 0.8em !important;}
}

@media screen and (orientation:portrait) and (max-width: 360px)	/* LG & Samsung phones */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
	.header-contact h4 {font-size: 0.8em !important;}
}

/* Any orientation */

@media screen and (max-width: 320px)	/* iPhone in portrait and other older phones in portrait or landscape */
{
	.header-contact {float: left; margin: 0 0 0 1em;}
	.header-contact h4 {font-size: 0.8em !important;}
}

@media screen and (max-width: 240px)	/* Older mobile phones */
{
	.header-contact {display: none;}
}

@media screen and (max-width: 240px)	/* Tiny little things */
{
	.header-contact {display: none;}
}