.leaderboard-adunit {
  margin: 5px 0px 5px 0px;
  width: 728px;
  height: 90px;
  float:left;
}

.top-right-button-adunit {
  margin: 5px 0px 5px 0px;
  width: 217px;
  height: 90px;
  float:right;
}
.background-color-eee {
  background-color: #eee;
}
.border-right-1-gray {
  border-right: 1px solid gray;
}
div.crumbs {
  margin: 5px 0;
  font-size: 0.9em;
}
.dashboard {
  min-height: 400px;
}

.dashboard__title {
  margin: 60px 0px 20px 0px;
}

.dashboard__subtitle {
  margin: 30px 0px 10px 0px;
}
@media (max-width: 999px) {
  .desktop {
    display: none;
  }
}
/* Directory listing */
.directory_listing {
  border-top: 1px solid #ccc;
  padding-top: 5px;
}
.directory_listing .directory_listing_content {
}
.directory_listing p {
  margin:5px 0px;
}
.directory_listing img {
  float: left;
  margin-right: 10px;
}
.directory_listing .contact {
  color:#999;
}
.directory_listing.item_0 {
  border: 0px;
}
#disqus_thread {
  margin-top: 20px;
}
body {
  font-size: 16px;

  color: #0A0A0A;
}

header {
  margin:0px;
  background-size: 100%;
}

@media screen and (max-width: 1024px){
  header {
    background-size: 1024px;
  }
}

footer {
  text-align:center;
}

p {
  @apply pb-4;
}

a {
  @apply text-blue-600;
}

h1 {
  font-size: 26px;
  margin-top: 12px;
  margin-bottom: 10px;
  @apply font-medium;
}

h2 {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 5px;
  @apply font-medium;
}

h3 {
  font-size: 20px;
  @apply font-medium;
}

h4 {
  font-size: 16px;
  @apply font-medium;
}

h5 {
  font-size: 14px;
  @apply font-medium;
}

h3, h4, h5 {
  margin-top: 10px;
  margin-bottom: 5px;
}

hr {
  @apply my-4;
}

ul {
  list-style: disc;
  @apply pl-6;
}
div.finder-thing h1 {
  font-size: 2em;
}

div.finder-thing div.administrative_details {
  margin: 10px 0px;
}

div.finder-thing div.administrative_details p {
  margin: 0px;
}

.finder-thing__section {
  margin-bottom: 10px;
}

.finder-thing__static-map {
  width: 100%;

  cursor: pointer;
}

/* We float the images column because we want it to appear in between
the description and the other details on mobile, but on the right on desktop */
.finder-thing__images-column {
  float: right;
}

/* Because we're floating the images column we need to clear the div following
the images otherwise the admin details and map might get covered up by the images */
@media (max-width: 767px) {
  .finder-thing__images-column + div {
    clear: both;
  }
}


/* flexible-finder-images */

.flexible-finder-images {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: right;
}

.flexible-finder-images__image {
  margin-bottom: 10px;
}

.flexible-finder-images__image:nth-child(1) {
  width: 100%;
}

.flexible-finder-images__image img {
  width: 100%;
}

.flexible-finder-images__image:nth-child(n+2) {
  width: 48%;
}

.flexible-finder-images__image:nth-child(n+2) img {
  object-fit: cover;
  height: 150px;
}

/* finder grid */

.finder-grid {
  display: grid;
}

@media (min-width: 768px) {
  .finder-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 1rem;
  }

  .finder-grid__a {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .finder-grid__b {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
  }

  .finder-grid__c {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
.gardens__popular-garden-countries ul, .gardens__all-garden-countries ul {
  margin: 0;
  padding: 0;
  list-style: none;

  -webkit-columns: 3 200px;
     -moz-columns: 3 200px;
          columns: 3 200px;
}

.gardens__popular-garden-countries {
  padding: 10px;

  background-color: #222;
  color: #fff;
}

.gardens__all-garden-countries {
  padding: 10px;
}
dl.glossary_entries dd {
  margin-left: 20px;
}
/* Garden Tours */
  
.gt_spread .title {
  display:block;
  font-size:130%;
  color:#222;
  background-image:url(/images/eee_box.gif);
  background-repeat:repeat-x;
  background-position:bottom;
}

.gt_spread .image_box {
  text-align:center;
  background:#fff;
}

.gt_spread .caption {
  font-size:90%;
  color:#555;
}

div.continent_column {
  width:140px;
  float:left;
}

div.continent_column h3 {
  font-size: 1.2em;
}

div.continent_column ul {
  margin:0px;padding:0px;
  list-style:none;
}

div.popular_destinations {
  margin-bottom:10px;
}
  
  div.popular_destinations li {float:left;}
  
  div.popular_destinations a {
    font-size:140%;
    font-weight:bold;
  }

ul.all_destinations {
  margin:0px;
  padding:0px;
  list-style:none;}

ul.all_destinations li {
  float:left;
  margin:0px 15px 0px 0px;
}

/* tourad */

.tourad {clear:both;margin-bottom:10px;}
.tourad h3 {border-bottom:1px solid #eee;padding-bottom:2px;line-height:1;}
.tourad .orange {color:orange;}
.tourad .badge {
  float:right;
  width:86px;
  height:67px;
  background-image:url(/images/garden_tours/badge.jpg);
  text-align:center;
  font-size:110%;
  padding-top:22px;
}
.tourad .badge span.number{
  font-size:180%;
  line-height:1em;
}

/* indietourad */

.indietourad {
  margin-bottom:10px;
}

.indietourad p {
  margin-left:110px;
}

.indietourad span.title{
  font-size:120%;
  display:block;
  border-bottom:1px solid #eee;
}

.indietourad img.thumb{
  float:left;
  margin-right:5px;
}

.indietourad span.cta{
  font-size:120%;
}
.gumsticks {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 95%;
}

.gumsticks__gumstick {
  float:left;
  background: #eee;
  height: 60px;
  width: 100%;
  padding:5px;
  margin: 0px 10px 10px 0px;
  overflow: hidden;
}

@media (min-width: 447px) {
  .gumsticks__gumstick {
    width: 200px;
  }
}

.gumsticks__gumstick-premium {
  max-width: 100%;
  width: 410px;
  height: 130px;
}

.gumsticks__gumstick-premium a {
  font-weight: bold;
}

.gumsticks__image-container {
  height: 50px;
  width: 50px;
  margin-right: 5px;
  overflow: hidden;
  float: left;
  text-align: center;
}

.gumsticks__image-container.empty {
  background-color: #ddd;
}

.gumsticks__image-container img {
  max-height: 50px;
}

.gumsticks__image-container-premium {
  height: 120px;
  width: 120px;
}

.gumsticks__image-container-premium img {
  max-height: 120px;
}

.gumsticks__gumstick-description {
  margin-top: 8px;
  color: #555;
}
.identity {
  @apply py-2;
}

.identity__logo {
  float: left;
  width: 45px;
  margin-right: 10px;
  color: #fff;
}

.identity__title {
  color: #fff;
  font-size: 18px;
  display:block;
}

.identity__subtitle {
  color: #ddd;
  font-size: 16px;
}

@media (max-width: 991px) {
  header .identity__logo, header .identity__subtitle {
    display: none;
  }
}
img {
  max-width: 100%;
}
#map-canvas {
  display: none;

  height: 300px;
}
.max-width-60 {
  max-width: 60rem;
}


.max-width-80 {
  max-width: 80rem;
}
.p-2 {
  padding: 2rem;
}
.page__left-column {
  width: 165px;
}

@media (max-width: 999px) {
  .page__left-column {
    display: none;
  }  
}

.page__right-column {
  padding-left: 5px;
  width: 180px;
}
ul.reviews {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

  ul.reviews li {
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #ddd;
  }

  ul.reviews li.first {
    border: 0px !important;
  }
/* Header */

/* Search Icon */

.search-icon {
  float: right;
  border-radius: 5px;
  
  margin-top: 9px;
  padding: 2px;
  
  text-align: center;

  a.text {
    color:#fff;
    margin-left: 5px;
    font-size: 13px;
  }
}


/* Body */

.search-page {
  text-align: center;
}

.body-search-box {
  max-width: 500px;
  margin: auto;
}

/* Common styling for google search box */

.gsc-control-cse {
  background-color: transparent !important;
  border: 0px !important;
  padding: 10px 0 !important;
}

.gsc-search-button input {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.site-header__top-right {
  float: right;

  margin-top: 12px;

  color:#fff;
}

.site-header__top-right a {
  color:#ddd;
}
.offline {
  color: red;
}

.online {
  color: green;
}
.toptabs a, .topsubtabs a {
  color: #000;
}

.toptabs ul, .topsubtabs ul {
  list-style: none;
  padding: 0px;
}

.toptabs ul li {
  background: #eee;
  float: left;
  margin: 0px 1px 0px 0px;
  padding: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.toptabs ul li a {
  float: left;
}

.toptabs ul li.right {
  float: right;
  margin: 0px 0px 0px 1px;
}

.topsubtabs ul {
  margin: 0px;
  display: none;
  background: #ddd;
  font-size: 90%;
}

.topsubtabs ul li {
  float: left;
  padding: 3px;
}

.topsubtabs li a {
  padding: 0px 5px 0px 0px;
  border-right: 1px solid #222;
}
.topsubtabs li.current a {
  color: orange;
}

@media (max-width: 991px) {
  .topsubtabs {
    display: none;
  }

  .toptabs ul li {
    background: none;
    float: left;
    margin: 0px 15px 10px 0px;
    padding: 0px;
  }

  .toptabs ul li a {
    color: #fff;
    font-weight: bold;
  }
}
@responsive {
  .max-w-350 {
    max-width: 350px;
  }
}

.h-80 {
  height: 20rem;
}
/* The tdir seems to be an attempt to recreate tables with CSS. Copied across
   from v2 */

.tdir {
  clear: both;
  margin: 10px 0;
}
.tdir:after {
  content: " "; /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.tdir .image_col {float:left;width:100px;}
.tdir .title_col {float:left;width:150px;}
.tdir .link_col {margin-left:250px;}
.tdirbr {clear:left;height:10px;}
@media (min-width: 30em) {
  .ungrid-row { 
    width: 100%;
    display: table;
    table-layout: fixed;
  }

  .ungrid-col {
    display: table-cell;
    vertical-align: top;
  }
}
ul.leftcolumn {
  float: left;
}

.text-align-left {
  text-align: left;
}
.vertical-align-top {
  vertical-align: top;
}
.garden_of_the_day img {
  width:100%;
}
.w-1\/2 {
  width: 50%;
}
/*


 */

img.imgfloatright {float:right;margin:0em 0em 0.5em 0.5em;}
img.imgfloatleft {float:left;margin:0em 0.5em 0.5em 0em;}