/*
Theme Name: Tea Tree Roadhouse
Description: Custom WordPress theme designed for The Tea Tree Roadhouse by 2pi Software
Author: 2pi Software
Author uri: http://www.2pisoftware.com
Version: 1.0.0
Text Domain: tea-tree-roadhouse
Tags:

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

*{margin:0;padding:0;border:none}
html {font-family:'Jura', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;-webkit-font-smoothing: subpixel-antialiased;}
body {margin:0;background: url(images/bkg.jpg) center center no-repeat;background-size:cover;height:100%;background-attachment: fixed;}

/*LAYOUT*/
#wrap {min-height: 100%;}
#page {overflow:auto;padding-bottom: 100px;width:100%;}
#logo {width:100%;height:270px;display:block;position:relative;background:url(images/logo.png) center center no-repeat;margin:39px auto;z-index:1001;background-size:contain;}
#content {display:flex;justify-content:center;width:100%;min-height:500px;margin:auto;text-align:center;padding-bottom:50px;}
#primary {display:inline-block;width:100%;min-height:500px;position:relative;padding:0px;vertical-align:top;}
#secondary {display:inline-block;width:23%;min-height:500px;min-width:150px;position:relative;vertical-align:top;color:#1C2949 !important;overflow:hidden;background:#fff;margin:10px 0 0 10px;}

/*FOOTER*/
.widget-area {padding:2em;}
#colophon {width:100%;height:200px;position:relative;font-weight:600;color:#fff;margin:-200px auto 0 auto;text-transform:uppercase;line-height:1.2em;}
#band {display:block;position:relative;width:100%;height:100px;background:#000;z-index:1;text-align:center;}
.widget-left {width:20%;margin-top:-100px;display:inline-block;text-align:right;vertical-align:middle;height:100px;}
.widget-centre {width:150px;height:150px;margin-top:-35px;display:inline-block;text-align:center;padding:0 30px;}
.widget-right {width:20%;margin-top:-100px;display:inline-block;text-align:left;vertical-align:middle;height:100px}
.site-content {flex-wrap:wrap;}

/*NAVIGATION*/
nav {height:60px;font-family:'Jura', sans-serif;font-size:20px;font-weight:300;position:relative;width:100%;z-index:1000;text-transform:Capitalize;text-align:center;background:#000;}
nav ul {margin:0;padding:0;display:inline-table;position:relative;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul a:hover {color:#1C2949 !important;}
nav ul li li a {color:#1C2949;}
nav ul ul a:hover {color:#fff !important;}
nav ul li li a:visited {color:#1C2949;}
nav li {display: block;float:left;line-height:60px;height:60px;position:relative;}
nav li a, nav li a:visited {display: block;line-height:60px;padding:0 15px;color:#1C2949;}
nav .current-menu-item a, nav .current_page_item a {background:#fff;}
nav ul ul {display:none;box-shadow:0 2px 4px rgba(0,0,0,0.5);margin-left:0px;}
nav ul ul li {float:none;position:relative;width:220px;font-size:12px;text-transform:Capitalize;text-align:left;border-bottom:1px solid #efefef;}
nav ul li:hover > ul {display:block;position:absolute;top:60px;background:#fff;}
nav ul li:hover > a {color:#fff !important;background:#1C2949;}
nav ul ul li a:hover {background:#1C2949;}
nav ul li a:hover {-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;}
nav ul ul li ul {left:150px;top:0;}
.facebook, .twitter, .linkedin, .instagram {display:inline-block;font-size: 0;padding:0 3px;}
.facebook {width:45px;height:60px;background:url(images/facebook.png) center center no-repeat;}
.twitter {width:45px;height:60px;background:url(images/twitter.png) center center no-repeat;}
.linkedin {width:45px;height:60px;background:url(images/linkedin.png) center center no-repeat;}
.instagram {width:45px;height:60px;background:url(images/instagram.png) center center no-repeat;}
.facebook a:hover {background:url(images/fff/facebook.png) center center no-repeat;font-size: 0;}
.twitter a:hover {background:url(images/fff/twitter.png) center center no-repeat;font-size: 0;}
.linkedin a:hover {background:url(images/fff/linkedin.png) center center no-repeat;font-size: 0;}
.instagram a:hover {background:url(images/fff/instagram.png) center center no-repeat;font-size: 0;}
.nav-trigger {display:none;}

/*HEADER*/

/*HOMEPAGE*/
.entry-header {background:#fff;color:#000;display:block;width:100%;height:50px;border-top:4px solid #000;border-bottom:4px solid #000;text-transform:UPPERCASE;}
.entry-title {text-align:center;line-height:50px;-webkit-text-stroke: 2px black;}
.entry-content {margin-top:50px;}
.hider {display:none;}

/*SIDEBAR*/


/*TYPOGRAPHY*/
body, button, input, select, textarea {color: #fff;font-family: 'Jura', sans-serif;font-size: 14px;font-size: 1rem;line-height: 1.5;}
h1,h2,h3,h4,h5,h6 {clear: both;text-align:left;}
h1 {font-family: 'Jura', sans-serif;font-weight:600;font-size:40px;color:#1C2949;line-height:1em;}
h2 {font-family: 'Jura', sans-serif;font-weight:300;font-size:20px;line-height:40px;color:#1C2949;}
h3 {font-family: 'Jura', sans-serif;font-weight:400;font-size:16px;line-height:80px;color:#1C2949;}
p {font-family: 'Jura', sans-serif;font-weight:300;font-size:16px;line-height:1.5em;margin-bottom: 1.5em;text-align:left;}
.page-header {display:none;}
b, strong {font-weight: 700;}
dfn {font-style: italic;} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 50px;border-left: 5px solid;padding-left: 10px;font-style: italic;}
big {font-size: 125%;}
.yellow {color:yellow;}

/*LINKS*/
a {text-decoration:none !important;background-color: transparent;color:#FDBE32;}
a:active, a:hover a:focus {outline: 0;color:#3B4C72;}
#colophon a {color:#fff;}
#colophon a:visited {color:#ccc;}

/*IMAGES*/
.wp-post-image {width:100%;height:200px;position:relative;display:block;top:0px;object-fit: cover;}
img {border: 0;height: auto;max-width: 100%;}
.round {border-radius:100%;border:4px solid #000;}

/*POSITIONING*/
.floatL {float:left;}
.floatR {float:right;}
.pullT {margin-top: -15px;margin-bottom: 35px;}
.footerLogos {position:relative; right:30px; top:9px;padding-right:20px;}
.footer-copy {font-size:10px;color:#ccc;line-height:75px;text-transform:UPPERCASE;font-family: 'Jura', sans-serif;letter-spacing:1px;float:left;margin-left:50px;}
.alignleft {display: inline;float: left;margin:0 1.2em 0 0;}
.alignright {display: inline;float: right;margin:0 0 0 1.2em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.centre {text-align:center;}

/*UTILITY*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: "";display: table;table-layout: fixed;}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both;}

/*FORMS*/
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;background:#FDBE32;color:#1C2949 !important;border:0;padding:0.8em !important;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {background:#1C2949 !important;color:#fff !important;}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {color: #777;padding:0.8em !important;background:#efefef;width:90%;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {color: #111;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;width:50%;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto;width: 97%;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
select {overflow: hidden;background:#0081d6 url(images/down-arrow-32-white.png) no-repeat right 50%;padding:0.8em !important;font-size: 16px;border:0;border-radius:0;-webkit-appearance: none;-moz-appearance: none;color:#fff;margin-top:10px;cursor:pointer;}
select:focus {background:#000;}

/*UL STYLES*/
.star li:before {content:'\2605 ';padding-right:15px;}
.star li {background:url(images/blu/star.png) no-repeat 0px 16px;padding: 12px 0px 0px 22px;vertical-align: middle;text-indent:0px; font-weight:600;list-style:none;font-family:'Jura',sans-serif;font-size:2em;text-transform:UPPERCASE;text-shadow:0px 0px 5px #000;}
.check li {background:url(images/blu/check.png) no-repeat 0px 16px;padding: 12px 0px 0px 22px;vertical-align: middle;text-indent:0px; font-weight:normal;list-style:none;font-family:inherit;font-size:inherit;}
.circleCheck li {background:url(images/blu/circle-check.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:normal;list-style:none;font-family:inherit;font-size:inherit;}
.plus li {background:url(images/blu/plus.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
.x li {background:url(images/blu/x.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
.arrow li {background:url(images/blu/arrow.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
ul,ol {}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}

/*EFFECTS*/
.fade2 {opacity:0.6;filter:alpha(opacity=0.6);transition: opacity .30s ease-in-out;-webkit-transition:.20s ease-in-out;-moz-transition:.20s ease-in-out;-o-transition:.20s ease-in-out;} .fade2:hover {opacity:1;filter:alpha(opacity=100);}
.textShadow {text-shadow: 0 2px 1px rgba(13,90,145,0.5);}

/*PLUGIN OVERRIDES*/

/*STANDARDS*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
mark {background: #ff0;color: #000;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
legend {border: 0;padding: 0;}
optgroup {font-weight: bold;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {background: #fff9c0;text-decoration: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
hr {background-color: #1C2949;border: 0;height: 1px;margin-bottom: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
table {margin: 0 0 1.5em;width: 100%;}
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.byline, .updated:not(.published) {display: none;}
.single .byline, .group-blog .byline {display: inline;}
.page-links {clear: both;margin: 0 0 1.5em;}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {display: none;}
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/*Menus*/
.main-navigation {clear: both;display: block;float: left;width: 100%;}
.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}
.main-navigation li {float: left;position: relative;}
.main-navigation a {display: block;text-decoration: none;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 1.5em;left: -999em;z-index: 99999;}
.main-navigation ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%;}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {display: block;}
@media screen and (min-width: 37.5em) {
.menu-toggle {display: none;}
.main-navigation ul {display: block;}
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0;overflow: hidden;background:transparent;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left;width: 45%;background:#1C2949;padding: 5px 10px;font-size: 0.6em;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right;width: 45%;background:#1C2949;padding: 5px 10px;font-size: 0.6em;}

/*Accessibility*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}
#content[tabindex="-1"]:focus {outline: 0;}

/*Infinite scroll*/
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}

/*Media*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}
embed, iframe, object {max-width: 100%;}

/*Captions*/
.wp-caption {margin-bottom: 1em;max-width: 100%;background: #1C2949;box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);padding: 2px;color: #fff;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;font-size:0.9em;}

/*Galleries*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}

/*RESPONSIVE CODE*/
@media only screen and (min-width: 100px) and (max-width: 900px) {
*,*:before,*:after {z-index:1;}
#logo {height:170px;}
.entry-content {margin-top:10px;}
#content {padding-bottom:0;}
h1 {font-size:1em;}
.star li {font-size:1em;padding:0;}
.widget-left {width:100%;text-align:center;padding:10px;background:#000;height:auto;}
.widget-centre {display:none;}
.widget-right {width:100%;text-align:center;padding:10px;background:#000;margin-top:0;height:auto;}
.hider {display:block;width:90%;margin:auto;height: 200px;margin-top: 40px;border:2px solid #000;}
#colophon {margin-top:0;height:auto;}
nav {position:absolute;height:auto;width:250px;z-index:9999;border-bottom:none;top:0;left:-250px;text-align:right;}
nav ul {display:block;}
nav li {display: block;width:250px;}
nav ul ul {margin-left:250px;}
nav ul ul li {width:220px;}
nav ul li:hover > ul {top:0px;}
nav ul ul li ul {left:250px;top:0;}
.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);z-index:9999;}
label[for="nav-trigger"] {position: fixed;top:0px;left:0px;z-index: 2;width: 39px;height: 39px;cursor: pointer;background:#1C2949;background-image: url(images/menu.png);background-size: contain;}
.nav-trigger:checked + label {left: 250px;}
.nav-trigger:checked ~ nav {left:250px;}
.nav-trigger + label, nav {transition: left 0.2s;}
.footer-copy {margin:0 0 auto;float:none;text-align:center;}
}

/*EXPLORER*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.round {border-radius:0;}
img {max-width:none !important;}
}