/*
Theme Name: tomprice
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tomprice
*/

/*------------------------------------*\
    #Settings
\*------------------------------------*/

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering:optimizeLegibility;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}

body {
  font-size: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #2c2c2c;
  background-color: #2C2C2C;
}

/*------------------------------------*\
    #Foundations
\*------------------------------------*/

.container {
  max-width:100%;
  width:100%;
  position:relative;
  margin: 0;
  padding: 0;
}

.clearfix:before,
.clearfix:after,
.row:after {
  content:" ";
  display:table;
}

.clearfix:after, .row:after {
  clear:both;
}

.clearfix {
  *zoom:1;
}

::selection {
  background:#841c16;
  color:#ffffff;
}

::-moz-selection {
  background:#841c16;
  color:#ffffff;
}

:focus {
outline: 0;
}

/*------------------------------------*\
    #Common
\*------------------------------------*/

textarea, input { outline: none; }

img {
  max-width:100%;
  height:auto;
}

section {
  background-color:#fff;
  padding:4em 0;
}

/* little nicety */

a {
  text-decoration: none;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.fa {
  font-size: 0.82em;
}

strong {
    font-weight: 700;
}

italic {
    font-style: italic;
}

/*------------------------------------*\
    #The Grid
\*------------------------------------*/

.column {
  float:left;
  padding:0;
  margin:0;
}
.column.full { width:100%;}
.column.two-thirds { width:66.66%;}
.column.half { width:50%;}
.column.third { width:33.33%;}
.column.three-fourths { width:74.6%; }
.column.fourth { width:25%; }

/*------------------------------------*\
    #Typography
\*------------------------------------*/

h1 {
  margin:1em 0 0.5em 0;
  font-size:1.7em;
  font-weight:700;
}

h2 {
  font-size:1.6em;
}

h3 {
  font-size:1.5em;
}

h4 {
  font-size:1.4em;
}

h2, h3, h4, h5 {
  margin:1em 0;
  font-weight:700;
  color:#373636;
  line-height:100%;
}

p {
  font-size:0.95em;
  font-weight:400;
  margin:1em 0;
  padding:0;
  line-height: 120%;
}

/*------------------------------------*\
    #Open Sesame
\*------------------------------------*/

#sidebartoggle {
  display: none;
}

.toggle {
  display: none;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

/*------------------------------------*\
    #Header
\*------------------------------------*/

header {
  position: absolute;
  width:15%;
  height: 100%;
  display: block;
  background: #2c2c2c;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  color: white;
  float: left;
  margin: 0;
  padding: 0;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

/* logo box */
.logo-box {
  display: block;
  color: #fff;
  height: 190px;
  text-align: center;
  padding: 2em;
  margin-bottom: 2em;
  background: #d53b22; /* For horrible silly browsers */
  background: -webkit-linear-gradient(90deg, #e95024 10%, #d53b22 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #e95024 10%, #d53b22 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #e95024 10%, #d53b22 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #e95024 10%, #d53b22 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #e95024 10%, #d53b22 90%); /* W3C */
  border-bottom: 10px solid #cd3a1e;
}

/* logo */
.tp-logo {
  display: block;
  text-indent: -99999em;
  background-image: url("./images/tp-logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 220px auto;
  height: 100%;
  width: 100%;
}

/* phone number */
.tp-phone {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 1.5em;
  text-align: center;
  padding: 2.3em 1em 0.5em 1em;
  background-image: url("./images/phone-icon.svg");
  background-repeat: no-repeat;
  background-size: 36px 36px;
  background-position: center top;
  border-radius: 0.25em;
}

/* social links */
.socials {
  padding:1em 2em;
  text-align: center;
}
.socials a {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  opacity: 0.6;
}
.socials a:hover {
  opacity: 1;
}
/* facebook */
.socials a.facebook {
  height: 32px;
  width: 32px;
  padding: 0;
  background-image: url("./images/facebook-icon.svg");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-radius: 0.25em;
}
.socials a.twitter {
  height: 32px;
  width: 32px;
  padding: 0;
  background-image: url("./images/twitter-icon.svg");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-radius: 0.25em;
}
.socials a.instagram {
  height: 32px;
  width: 32px;
  padding: 0;
  background-image: url("./images/instagram-icon.svg");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-radius: 0.25em;
}
.socials a.tripadvisor {
  height: 32px;
  width: 32px;
  padding: 0;
  background-image: url("./images/tripadvisor-icon.svg");
  background-repeat: no-repeat;
  background-size: 27px 31px;
  border-radius: 0.25em;
}

/* search box */
.tp-search {
  position: relative;
  margin: 1.1em 2em;
}
.tp-search input[type="text"] {
  padding: 1.3em 1.8em 1.3em 1.1em;
  color: #8e9191;
  font-weight: 700;
  font-size: 0.95em;
  border-radius: 4px;
  background-color: #3b3b3b;
  border: solid 1px #3b3b3b;
  width: 100%;
  margin:0;
  height: 60px;
  transition: border 0.3s ease-in-out;
}
.tp-search input[type="text"]:focus,
.tp-search input[type="text"].focus{
  border: solid 1px #666D6E;
}

::-webkit-input-placeholder {
  color: #666D6E;
  font-weight: 700;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666D6E;
  font-weight: 700;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666D6E;
  font-weight: 700;
  opacity:1;
}
:-ms-input-placeholder {
  color: #666D6E;
  font-weight: 700;
  opacity:1;
}
.tp-search button {
  height: 58px;
  width: 20%;
  font-size: 1.2em;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: #363636;
  border-radius: 4px;
  color: #686868;
  border: none;
  cursor: pointer;
}

/* primary drop down nav */
.primary-navigation{
  padding: 1em 2.2em;
  margin-bottom: 0px;
}
.primary-navigation .menu-primary-navigation {
  margin: 0;
}
.primary-navigation .sub-menu {
  padding: 0.5em 0.5em 1em 0;
  display: none;
}
.primary-navigation .sub-menu li {
  border-bottom: 1px dotted #555555;
}
.primary-navigation .sub-menu li:last-child {
  border-bottom: none;
}
.primary-navigation .sub-menu a {
  font-weight: 400;
  font-size: 0.9em;
  color: #b0c1c3;
  padding: 0.2em 0.5em;
}
.primary-navigation .sub-menu a:hover {
  color: #ef9600;
}
.sub-menu .current_page_item a {
    color: #ef9600;
}
.primary-navigation a {
  display: block;
  line-height: 2em;
  padding:0;
  color: #ffffff;
  font-size: 0.94em;
  font-weight: bold;
}
/* style menu items which have a submenu */
.primary-navigation .menu-item-has-children > a {
  position: relative;
  font-weight: 700;
}
/* arrow to show that the item has a submenu */
#menu-primary-navigation .arrow {
    color: #2c2c2c;
    display: block;
    float: right;
    height: 30px;
    margin-right:-15px;
    text-indent: -10000em;
    overflow: hidden;
    width: 40px;
    position: relative;
    z-index: 99;
}

.primary-navigation .menu-item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0em;
  background: url("./images/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.primary-navigation .menu-item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

/*------------------------------------*\
    #Main area
\*------------------------------------*/

.main {
  float: right;
  min-height: 100%;
  position: relative;
  z-index: 2;
  width: 85%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  background-color: #fff;
}

.main img {
  display: block;
  max-width: 100%
}

.main-content {
  width: 100%;
  background-color: #fff;
  padding: 1em 3em 3em 3em;
}

.main-content h1, .main-content h2, .main-content h3,
.main-content h4, .main-content h5, .main-content h6 {
  margin:1.4em 0 1em 0;
  font-weight:700;
  color: #333;
}

.main-content h1 {
  font-size:1.7em;
}

.main-content h2 {
  font-size:1.5em;
}

.main-content h3 {
  font-size:1.3em;
}

.main-content h4 {
  font-size:1.133em;
}

.main-content h5 {
  font-size:1.122em;
}

.main-content h6 {
  font-size:1.111em;
}

.main-content p,
.blog .main-content p {
  margin-bottom:1.6em;
  line-height: 165%;
  color: #303030;
  font-size: 0.98em;
  font-weight: 400;
}

.main-content .intro-paragraph {
  font-family: 'Droid Serif', serif;
  font-weight: 700;
  font-size: 1.1em;
  color: #222;
}

.main-content a {
  color: #a62011;
  text-decoration: underline;
}

.main-content a:hover {
  color: #d37700;
}

.main-content ul, .main-content ol {
  margin:1.6em 0.8em 2em 1.9em;
}

.main-content li {
  padding:0.3em;
  line-height: 165%;
  list-style: disc;
}

.main-content img {
  margin: 1.2em 0;
}

a.post-edit-link {
  background-color: #005D7E;
  border-radius: 3px;
  color: white;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 0.7em 2em;
  margin: 2em 0;
  text-decoration: none;
  display: inline-block;
}

.single h1 {
  margin-bottom: 0.5em;
}

.main-content .posted-on {
  display: block;
  padding:0.8em 1em 1.1em 2.3em;
  margin-bottom: 1.5em;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.main-content .posted-on:before {
  width: 35px;
  content: " ";
  background-image: url("./images/document-grey.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  position: absolute;
  left: 1px;
  top: 5px;
  height:35px;
}

.main-content .cat-links {
  display: block;
  padding:1.3em 1em 1.3em 0;
  margin-top: 2.5em;
  margin-bottom: 1.5em;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.nav-previous a:before {
  font-family: 'FontAwesome';
  font-weight: 400;
  content: "\f053";
  display: inline-block;
  color: #D53B22;
  padding-right: 0.5em;
  vertical-align: middle;
}

.nav-next a:after {
  font-family: 'FontAwesome';
  font-weight: 400;
  content: "\f054";
  display: inline-block;
  color: #D53B22;
  padding-left: 0.5em;
  vertical-align: middle;
}

/*------------------------------------*\
    #404
\*------------------------------------*/

.lost-wrapper {
  height: 100%;
  min-height: 100%;
  background-image: url(./images/404-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.lost {
  margin: 0 auto;
  padding:4em;
  width: 80%;
  text-align: center;
  color: white;
}

.lost h1 {
  font-size: 3em;
  font-family: 'Droid Serif', serif;
  margin-top: 3em;
}
.lost p {
  font-size: 1.3em;
}
.lost a {
  color: #a62011;
  text-decoration: underline;
}

/* search box */
.lost-search form {
  position: relative;
  margin: 3em 0em;
}

.lost-search input[type="text"] {
  padding: 1.3em 1.8em 1.3em 1.1em;
  color: #fff;
  font-weight: 700;
  font-size: 0.95em;
  border-radius: 0px;
  background-color: rgba(0,0,0,0.5);
  border: none;
  width: 100%;
  margin:0;
  transition: border 0.3s ease-in-out;
}
.lost-search input[type="text"]:focus,
.lost-search input[type="text"].focus{
  border: none;
}

::-webkit-input-placeholder {
  color: #fff;
  font-weight: 700;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666D6E;
  font-weight: 700;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-weight: 700;
  opacity:1;
}
:-ms-input-placeholder {
  color: #fff;
  font-weight: 700;
  opacity:1;
}
.lost-search button {
  height: 59px;
  width: 10%;
  font-size: 1.2em;
  position: absolute;
  right: 1px;
  top: 0px;
  background-color: #CD3A1E;
  border-radius: 0px;
  color: #fff;
  border: none;
  cursor: pointer;
}

.error404 footer {
  display: none;
}

/*------------------------------------*\
    #Search Results
\*------------------------------------*/

.search-container {
  padding:3em;
}

.search-container h1 a {
  color:#D53B22;
}

.search-container h1 a:hover {
  text-decoration:underline;
}

.search-container article {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 2em;
}

.search-container article:last-child {
  border: none;
}

.search-container article form {
  margin:2em 0;
}

.search-container article button {
  height: 60px;
  width: 10%;
  font-size: 1.2em;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #CD3A1E;
  border-radius: 0px;
  color: #fff;
  border: none;
  cursor: pointer;
}

.entry-date {
  color: #5B85AA;
  text-decoration: underline;
}

.events .entry-date, .event-sidebar .entry-date {
  text-decoration: none;
}

.cat-links a {
  color: #414770;
  text-decoration: underline;
}

/*------------------------------------*\
    #Intro Block
\*------------------------------------*/

/* reusable padding trick */
.grid-top {
  position: relative;
  padding-bottom: 40%;
  height: 0;
}

/* Homepage Header */
.intro-block {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#fff;
  white-space: normal;
}

.intro-header {
  position: relative;
  width: 100%;
  height: 67%;
  background-image: url(./images/header-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.intro-header-content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.intro-header-content img {
  opacity: 0.8;
  margin: 0;
  padding: 0;
}

.intro-header h1 {
  background-color: rgba(0,0,0,0.6);
  margin: 0;
  font-weight: 700;
  padding: 1.7em;
  color: #fff;
}

.intro-content {
  width: 100%;
  height: 33%;
  padding: 3em 4em 1em 3.1em;
  margin: 0;
}

.intro-content p {
  line-height: 170%;
  font-weight: 400;
  font-size: 0.99em;
  margin: 0;
}

.intro-content a {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  color: #a51318;
  font-weight: 700;
  font-size: 0.9em;
  margin-top:1.7em;
}

.intro-content a:hover {
  text-decoration: underline;
}

/* Main content header styles */
.inner-header {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(./images/inner-header-image.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: left;
}

.inner-header-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.inner-header img {
  opacity: 0.8;
}

.inner-header h1 {
  background-color: rgba(0,0,0,0.6);
  margin: 0;
  font-weight: 700;
  padding: 1.7em;
  color: #fff;
}


/*------------------------------------*\
    #Points of interest
\*------------------------------------*/

.points-of-interest {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* style */
  padding: 2em 2.5em;
  background-color:#233252;
  background-image: url(./images/poi-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  overflow: hidden;
  white-space: normal;
  margin: 0;
}

.points-of-interest h2, .points-of-interest h3, .points-of-interest p,
.points-of-interest-sidebar h2, .points-of-interest-sidebar h3, .points-of-interest-sidebar p
 {
  margin: 0;
}
.points-of-interest h2 {
  padding: 1em 0 2.5em 0;
  color: #fff;
}
.points-of-interest h3, .points-of-interest-sidebar h3  {
  color: #ffb400;
  font-size: 1.2em;
  padding-bottom: 0.3em;
}
.points-of-interest p, .points-of-interest-sidebar p  {
  color: #ffffff;
}
.points-of-interest ul  {
  margin: 0;
}
.points-of-interest li, .points-of-interest-sidebar li {
  background-image: url("./images/target-icon.svg");
  background-repeat: no-repeat;
  background-size: 52px 52px;
  background-position: 10px center;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}
.points-of-interest li:last-child, .points-of-interest-sidebar li:last-child {
  border-bottom: none;
}
.points-of-interest li a, .points-of-interest-sidebar li a {
  display: block;
  padding: 1.5em 0 1.5em 4.5em;
}
.points-of-interest li:hover, .points-of-interest-sidebar li:hover {
  background-color: rgba(0,0,0,0.3);
}

  /* sidebar panel - remove padding trick for sidebar to work */

.points-of-interest-sidebar {
  width: 100%;
  height: 100%;
  /* style */
  background-color:#233252;
  background-image: url(./images/poi-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  padding: 3em;
}

.points-of-interest-sidebar h2 {
  margin-top: 1em 0;
  padding: 0 0 1.5em 0;
  color: #fff;
}

.points-of-interest-sidebar ul {
  margin: 0 0 3em 0;
}

/*------------------------------------*\
    #Tourist Grid
\*------------------------------------*/

.grid-bg {
  background-color: #2c2c2c;
}
/* reusable padding trick */
.grid-block {
  position: relative;
  padding-bottom: 15%;
  height: 0;
}
/* common homepage grid styles */
.grid-block div > a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.grid-block h3 {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  margin: 0;
  padding-bottom:0.3em;
}
.grid-heading {
  position: absolute;
  bottom:50px;
  width: 100%;
  padding: 0 2em;
}
.grid-content {
  position: absolute;
  top: 140px;
  width: 100%;
  padding: 0 2em;
}

/* accomodation/tours/car-hire boxes */
.grid-block-home {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  width: 100%;
  height: 100%;
  /* style */
  background-color:#cd3220;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  overflow: hidden;
  margin: 0;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.grid-block-home a:hover {
  background-color:#e57e04;
}

/* blog box */
.blog {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#cd3220;
  background-image: url("./images/document-white.svg");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: right 40px top 30px;
}
.blog h3 {
  margin: 0;
  padding: 0 0 0.4em 0;
  border-bottom: none;
}
.blog .blog-date {
  display: block;
  color: #fff;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.blog p {
  color: #fff;
}

/* events box */
.events {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#005D7E;
  background-image: url("./images/document-white.svg");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: right 40px top 30px;
}
.events h3 {
  margin: 0;
  border-bottom: none;
}
.events .entry-date {
  display: block;
  color: #fff;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.events p {
  color: #fff;
}

/* news box */
.news {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#fff;
  background-image: url("./images/document-grey.svg");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: right 40px top 30px;
}
.news h3 {
  margin: 0;
  border-bottom: none;
  color: #cd3220;
}
.news .news-date {
  display: block;
  color: #cd3220;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(227,227,227,1);
}
.news p {
  color: #2c2c2c;
}

/* visitor center box */
.visit-centre {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#cd3220;
  background-image: url(./images/vc-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  overflow: hidden;
  margin: 0;
  display: block;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.visit-centre a:hover {
  background-color:#e57e04;
}

/* Indigenous box */
.indig-culture {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#143642;
  background-image: url(./images/aboriginal-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  overflow: hidden;
  margin: 0;
  display: block;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.indig-culture a:hover {
  background-color:#e57e04;
}

/* wifi box */
.wifi-spots {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#fff;
  background-image: url(./images/wifi-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  overflow: hidden;
  margin: 0;
  display: block;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.wifi-spots a:hover {
  background-color:#e57e04;
}


/*---------------------------------------------*\
    #Sidebar Grid Boxes - delete padding hack
\*---------------------------------------------*/

/* shared typography */
.accomodation-sidebar h3, .tours-sidebar h3, .car-hire-sidebar h3,
.visit-centre-sidebar h3, .indig-culture-sidebar h3, .wifi-spots-sidebar h3 {
  margin: 0;
  padding-bottom:0.3em;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* common homepage grid styles */
.accomodation-sidebar a, .tours-sidebar a, .car-hire-sidebar a,
.visit-centre-sidebar a, .indig-culture-sidebar a, .wifi-spots-sidebar a  {
  display: block;
  padding: 8em 2em 2em 2em;
}

.blog-sidebar h3, .event-sidebar h3, .news-sidebar h3 {
  margin: 0 0 0.3em 0;
  border-bottom: none;
  color:#fff;
}

.blog-sidebar a, .event-sidebar a, .news-sidebar a {
  display: block;
  padding: 5.5em 2em 2em 2em;
}

.blog-sidebar p, .event-sidebar p, .news-sidebar p {
  color:#fff;
}

.blog-sidebar .blog-date, .event-sidebar .entry-date, .news-sidebar .news-date {
  display: block;
  color: #fff;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* accomodation box sidebar */
.accomodation-sidebar {
  width: 100%;
  height: 100%;
  background-color:#cd3220;
  background-image: url(./images/accomodation-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.accomodation-sidebar a:hover {
  background-color:#e57e04;
}

/* tours box sidebr */
.tours-sidebar {
  width: 100%;
  height: 100%;
  background-color:#143642;
  background-image: url(./images/tours-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.tours-sidebar a:hover {
  background-color:#e57e04;
}

/* car hire box sidebar */
.car-hire-sidebar {
  width: 100%;
  height: 100%;
  background-color:#fff;
  background-image: url(./images/car-hire-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.car-hire-sidebar a:hover {
  background-color:#e57e04;
}

/* blog box sidebar */
.blog-sidebar {
  width: 100%;
  height: 100%;
  background-color:#cd3220;
  background-image: url("./images/document-white.svg");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: right 20px top 30px;
}

/* events box sidebr */
.event-sidebar {
  width: 100%;
  height: 100%;
  background-color:#005D7E;
  background-image: url("./images/document-white.svg");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: right 20px top 30px;
}

/* news box sidebar */
.news-sidebar {
  width: 100%;
  height: 100%;
  background-color:#016d68;
  background-image: url("./images/document-white.svg");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: right 20px top 30px;
}

/* visitor center box */
.visit-centre-sidebar {
  width: 100%;
  height: 100%;
  background-color:#cd3220;
  background-image: url(./images/vc-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.visit-centre-sidebar a:hover {
  background-color:#e57e04;
}

/* Indigenous box */
.indig-culture-sidebar {
  width: 100%;
  height: 100%;
  background-color:#143642;
  background-image: url(./images/aboriginal-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.indig-culture-sidebar a:hover {
  background-color:#e57e04;
}

/* wifi box */
.wifi-spots-sidebar {
  width: 100%;
  height: 100%;
  background-color:#fff;
  background-image: url(./images/wifi-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left right;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

.wifi-spots-sidebar a:hover {
  background-color:#e57e04;
}


/*------------------------------------*\
    #Social Blocks
\*------------------------------------*/

/* reusable padding trick */
.grid-social {
  position: relative;
  padding-bottom: 20%;
  height: 0;
}

/* twitter large */
.twitter-block {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#ffffff;
  color: #2c2c2c;
  padding: 6em;
}

.twitter-block h5 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 1.2em 0;
}

.twitter-block p {
  font-size: 1.4em;
  font-weight: 700;
}

h5 .twitter-header {
  color:#3f7397;
}

p .twitter-hashtag {
  color:#72aad0;
}

p .twitter-link {
  color:#d93f22;
}

/* instagram large */
.instagram-block {
  /* structure */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* style */
  background-color:#2c2c2c;
  color: #ffffff;
  padding: 6em;
}

.instagram-block h5 {
  text-transform: uppercase;
  color: #fff;
  margin: 1.2em 0;
}

h5 .instagram-header {
  color:#ef7b6e;
}

.instagram-block p {
  font-size: 1.4em;
  font-weight: 700;
}

p .instagram-hashtag {
  color:#ff8274;
}

.instagram-block img {
  float: left;
  margin: 0 1.3em 2em 0;
  display: block;
  border-radius: 100px;
  max-width: 90px;
}

/*------------------------------------*\
    #Map
\*------------------------------------*/

.maps {
  height: 400px;
    display:block;
  width:100%;
  background-image: url(./images/map.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  position: relative;
}
.maps h3 {
  position: absolute;
  bottom:15px;
  left:40px;
  padding: 1.5em;
  border:1px dotted #373636;
  background: #D5D5D5;
  font-size: 1.1em;
  transition: all .3s ease;
}
.maps a {
  display: block;
  height: 100%;
  width:100%;
  transition: all .3s ease;
}
.maps a:hover {
  background: rgba(1, 109, 104, 0.9);
}
.maps:hover h3 {
  border:1px solid #ffffff;
  color:white;
  background: transparent;
}

/*------------------------------------*\
    #Google Translate
\*------------------------------------*/

#google_translate_element {
  margin: 1em 2em 0em 2em;
  width: auto;
}

.goog-te-gadget-simple {
  background-color: #3B3B3B !important;
  border-color: #484848 !important;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin:0em !important;
  padding: 1.4em 1em !important;
  width: 100%;
  border-radius: 4px;
}

.goog-te-gadget-simple .goog-te-menu-value span {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
}

.goog-te-gadget-icon {
  display: none;
}

a.goog-te-menu-value {
  display: inline-block !important;
  width: 100% !important;
  position: relative !important;
}

a.goog-te-menu-value span:nth-of-type(2) {
  display: none;
}
a.goog-te-menu-value span:last-child {
  position: absolute;
  right: 8px;
  top: -5px;
  color: #3B3B3B !important;
  font-size: 12px !important;
  height: 20px;
  width: 20px;
}
a.goog-te-menu-value span:last-child:before {
  font-family: 'FontAwesome';
  font-weight: 400;
  font-size: 2em;
  content: "\f107";
  display: inline-block;
  color: #686868;
  vertical-align: middle;
}

/*------------------------------------*\
    #Footer
\*------------------------------------*/

footer {
  position: relative;
  z-index: 33;
  background-color: #1d1c1c;
  height: 110px;
  width: 100%;
  color: #fff;
  font-size: 0.9em;
  border-top: 10px solid #222121;
}

footer p {
  margin-top: 3em;
}

footer .copyright p {
  text-align: right;
  padding-right: 3em;
}

footer .copyright p a {
  color: #fff;
}

footer .copyright p a:hover {
  color: #db8b03;
  text-decoration: underline;
}

/*------------------------------------------\
# Accessibility
-------------------------------------------*/
/* Text meant only for screen readers. */
.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. */
}

/*------------------------------------*\
    #Media Queries
\*------------------------------------*/

@media only screen and (max-width: 140em) {
  .grid-block {
  padding-bottom: 16%;
  }
}
@media only screen and (max-width: 130em) {
  .grid-block {
  padding-bottom: 18%;
  }
  .points-of-interest h2 {
  padding: 1em 0 1.5em 0;
  }
  .points-of-interest li a {
  padding: 1.2em 0 1.2em 4.5em;
  }
  .twitter-block {
  padding: 4em 6em 6em 6em;
  }
  .instagram-block {
  padding: 4em 6em 6em 6em;
  }

}
@media only screen and (max-width: 123em) {
  .grid-block {
  padding-bottom: 18.45%;
  }
  .grid-content {
  top: 100px;
  }
  .grid-top {
  padding-bottom: 50%;
  }
  .twitter-block {
  padding: 3.6em 4em 6em 4em;
  }
  .instagram-block {
  padding: 3.6em 4em 6em 4em;
  }
  .lost {
  width: 90%;
  }

}
@media only screen and (max-width: 120em) {
  header {
  width: 18%;
  }
  .main {
  width: 82%;
  }

}
@media only screen and (max-width: 110em) {
  .grid-content {
  top: 50px;
  }
  .grid-top {
  padding-bottom: 51%;
  }
  .intro-header {
  height: 60%;
  }
  .intro-content {
  height: 40%;
  }
  .points-of-interest h2 {
  padding: 0.3em 0 0.9em 0;
  }
  .points-of-interest li a {
  padding: 1em 0 1em 4.5em;
  }
  .twitter-block {
  padding: 3.2em 2em 6em 3em;
  }
  .instagram-block {
  padding: 3.2em 2em 6em 3em;
  }
  /* logo */
  .tp-logo {
  background-size: 190px auto;
  }
  header {
  width: 20%;
  }
  .main {
  width: 80%;
  }
 .points-of-interest-sidebar li {
  background-image: none;
  }
 .points-of-interest-sidebar li a {
  display: block;
  padding: 1.5em 0 1.5em 0em;
}

}
@media only screen and (max-width: 105em) {
  .grid-top {
  padding-bottom: 56%;
  }
  .points-of-interest h2 {
  padding: 0.7em 0 0.9em 0;
  }
  .points-of-interest li a {
  padding: 1.3em 0 1.3em 4.2em;
  }
  .twitter-block {
  padding: 2em 2em 6em 3em;
  }
  .instagram-block {
  padding: 2em 2em 6em 3em;
  }
}
@media only screen and (max-width: 100em) {

  .home .column.two-thirds,
  .home .column.third{ width:100%; }

  .column.two-thirds,
  .column.third{ width:100%; }

  .grid-top {
  position: static;
  padding-bottom: 0;
  height: auto;
  }
  .intro-block {
  position: static;
  }
  .intro-header{
  height: 400px;
  }
  .intro-header h1 {
  line-height: 125%;
  padding: 1em 1.7em;
  }
  .intro-content {
  padding: 3em;
  }
  .points-of-interest{
  position: static;
  padding-bottom: 3em;
  background-position: top;
  background-image: url(./images/poi-mobile-background.jpg);
  }
  .points-of-interest h2 {
  padding-bottom: 1em;
  }
  .points-of-interest li a {
  padding-left: 4.8em;
  padding-bottom: 2em;
  }
  .grid-bg > .column.third { width:50%; }
  .grid-bg > .column.third:last-child { width:100%; }
  .grid-content {
  top: 40px;
   }
  footer .copyright p {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0em;
  }

}
@media only screen and (max-width: 90em) {
  header {
  width:25%;
  }
  /* logo */
  .tp-logo {
  background-size: 200px auto;
  }
  .grid-block {
  padding-bottom: 21.5%;
  }
  .main {
  width: 75%;
  }
  .twitter-block {
  padding: 3em 2em 6em 3em;
  }
  .instagram-block {
  padding: 3em 2em 6em 3em;
  }

}
@media only screen and (max-width: 80em) {

  .twitter-block {
  padding: 2em 2em 6em 3em;
  }
  .instagram-block {
  padding: 2em 2em 6em 3em;
  }
}

@media only screen and (max-width: 75em) {

  header {
  width:100%;
  top: -1500px;
  float: none;
  position: relative;
  height: auto;
  padding-bottom: 2em;
  border-bottom: 10px solid #1D1C1C;
  -webkit-box-shadow: 3px 10px 29px -7px rgba(0,0,0,0.9);
  -moz-box-shadow: 3px 10px 29px -7px rgba(0,0,0,0.9);
  box-shadow: 3px 10px 29px -7px rgba(0,0,0,0.9);
  }
  #scrollDiv {
  position: static;
}
  .tp-search button {
  width: 10%;
  }
  .main {
  float: none;
  width: 100%;
  position: absolute;
  top: 0;
  }
  .toggle {
  display: block;
  color: white;
  font-size: 2em;
  font-weight: normal;
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 6;
  background-color: #CD3A1E;
  padding: 0.5em 0.72em 0.6em 0.7em;
  line-height: 100%;
  border-radius: 50px;
  }
  #sidebartoggle:checked ~ header {
  top: 0px;
  }
}


@media only screen and (max-width: 74em) {
  .column.full,
  .column.two-thirds,
  .column.half,
  .column.third,
  .column.three-fourths,
  .column.fourth { width:100%; }

  .logo-box {
  height: 120px;
  padding: 0;
  }
  .grid-bg > .column.third { width:100%; }

  .grid-block {
  position: static;
  padding-bottom: 0;
  height: auto;
  }
  .grid-block-home {
  position: inherit;
  }

  .accomodation, .tours, .car-hire, .visit-centre,
  .indig-culture, .wifi-spots, .blog, .events, .news {
  position: static;
  }
  .grid-heading {
  position: static;
  width: 100%;
  padding: 8em 2em 2em 2em;
  }
  .grid-content {
  position: static;
  width: 100%;
  padding: 4em 2em 2em 2em;
  }
  .grid-block div > a {
  display: block;
  height: 100%;
  width: 100%;
  position: static;
  }
  .grid-social {
  position: static;
  padding-bottom: 0;
  height: auto;
  }
  .twitter-block {
  position: static;
  padding: 3em 2em 4em 2em;
  }
  .instagram-block {
  position: static;
  padding: 3em 2em 6em 2em;
  }
  .maps {
  margin-bottom: 0px;
  }
  footer {
  position: relative;
  height: auto;
  text-align: center;
  padding: 2em 0;
  }
  footer p {
  padding: 1em 2em;
  margin: 0;
  }


}

@media only screen and (max-width: 48em) {

  .intro-header, .inner-header {
  height: 420px;
  }
  .intro-header h1, .inner-header h1 {
  font-size: 1.4em;
  padding-left:1.5em;
  padding-right:1.5em;
  }
  .intro-content {
  padding: 3em 2em;
  }
  .points-of-interest, .points-of-interest-sidebar {
  padding: 2em;
  }
  .points-of-interest h2, .points-of-interest-sidebar h2 {
  padding-top:0;
  }
  .points-of-interest li, .points-of-interest-sidebar li {
  background-image: none;
  }
  .points-of-interest li a, .points-of-interest-sidebar li a {
  padding: 1em 0em;
  }
  .instagram-block {
  position: static;
  padding: 3em 2em 4em 2em;
  }
  .instagram-block img {
  display: none;
  }
  .main-content {
  padding: 1em 2em;
  }
  .lost h1 {
  font-size: 2.5em;
  margin-top: 4em;
  }
  .lost {
  width: 95%;
  padding:2.2em;
  }
  .lost-search button {
  width: 15%;
  right: 0px;
}

}

@media only screen and (max-width: 30em) {

  /* logo */
  .tp-logo {
  background-size: 165px auto;
  }
  .toggle {
  padding: 0.3em 0.5em 0.4em 0.5em;
  font-size: 1.8em;
  }
  /* phone number */
  .tp-phone {
  padding: 2.3em 0.5em 0.5em 0.5em;
  }
  .tp-search {
  margin: 1em;
  }
  #google_translate_element {
  margin: 1em 1em 0em 1em;
  width: auto;
  }
  .primary-navigation {
  padding: 1em;
  }
  .primary-navigation .primary-sub-menu a {
  padding: 0.2em 0;
  }
  .intro-header-content img, .inner-header img {
  display: none;
  }
  .points-of-interest{
  background-image: none;
  background-color: #053c59;
  }
  .tp-search button {
  width: 15%;
  }
  #forecast-box {
  padding-left: 1.1em;
  }

}