@charset "UTF-8";

/* Colours
==================================================
  Red: #98002E
  Light Green: #4B711D
  Dark Green: #3A4B00
  Orange: #F7941E
  Grey: #636466
================================================== */

/* {{{ Fonts */
@font-face {
    font-family: 'tex-gyre-heros';
    src: url('/assets/fonts/texgyreheros_regular/texgyreheros-regular-webfont.eot');
    src: url('/assets/fonts/texgyreheros_regular/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/texgyreheros_regular/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
         /*
         url('/assets/fonts/texgyreheros_regular/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/texgyreheros_regular/texgyreheros-regular-webfont.woff') format('woff');
         */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'tex-gyre-heros';
    src: url('/assets/fonts/texgyreheros_bold/texgyreheros-bold-webfont.eot');
    src: url('/assets/fonts/texgyreheros_bold/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/texgyreheros_bold/texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
         /*
         url('/assets/fonts/texgyreheros_bold/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/texgyreheros_bold/texgyreheros-bold-webfont.woff') format('woff');
         */
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'tex-gyre-heros-cn';
    src: url('/assets/fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.eot');
    src: url('/assets/fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.svg#texgyreherosregular') format('svg');
         /*
         url('/assets/fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.woff') format('woff');
         */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'tex-gyre-heros-cn';
    src: url('/assets/fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.eot');
    src: url('/assets/fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.svg#texgyreherosregular') format('svg');
         /*
         url('/assets/fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.woff') format('woff');
         */
    font-weight: 700;
    font-style: normal;
}
/* }}}Fonts */

/* #Basic Styles
================================================== */
body {
  background: white;
  font-size: 16px;
  line-height:24px; /*line-height:21px;*/
  font-family: "tex-gyre-heros", "Helvetica Neue", "Arial", sans-serif;
  color: #636466;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  width:100%;
}

a, a:active { color:#3A4B00; }
a:visited { color:#4B711D; }
a:hover, a:focus { color:#F7941E; }

/* {{{ Header */
header {
  width:100%;
  /* max-width:1200px; */
  margin:0 auto;
  padding: 20px 20px 10px;
  box-sizing: border-box;
  background-color: white;
  position: fixed;
  z-index: 999;
  top:0;
  box-shadow: 0 3px 10px 0 rgba(75, 79, 84, 0.3);
}
@media only screen and (max-width: 700px) {
  header {background-color: white!important;}
}

#header-logo {
  float:left;
  width:20%;
  height:3.7%;
  min-width: 200px;
  max-width: 232px;
}
#header-logo img { width:100%; }


#header-home-nav { display: block; text-align: center; width:60%; margin:08px auto 0;}
@media only screen and (max-width: 800px) {
  #header-home-nav { display:none;}
}
#header-language {
  float:right;
  width:55%;
  text-align: right;
  margin-top:-24px;
}
/* #header-language { display:none; } */
#header-language ul, #header-language li,
#header-home-nav ul, #header-home-nav li {
  margin:0;
  padding:0;
  list-style-type: none;
}
#header-language li, #header-home-nav li {
  display: inline-block;
}
#header-language .active {
  color: #98002E;
  font-weight: 700;
}
#header-language a { text-decoration: none; }
#header-home-nav a { text-decoration: none; color: #98002E; font-weight: 700;}

#header-language a, #header-language a:active, #header-language a:visited { color:#636466; }
#header-language a:hover, #header-language a:focus,
#header-home-nav a:hover, #header-home-nav a:focus { color:#F7941E; }
/* }}} Header */

/* {{{ Home */
  /* {{{ Hero*/
  #home-hero {
    width:100%;
    margin-top:0;
    min-height:300px;
    position:relative;
  }
  #home-hero h1, #home-hero h2 {
    text-align: center;
    color: #4b711d;
    text-transform: uppercase;
    z-index: 10;
  }
  #home-hero h2 {color: #98002E;}
  #home-hero h1 {
    padding-top:125px;
    width: 60%;
    max-width: 450px;
    margin: 0 auto;
  }
  #home-hero h2 {
    padding-top:10px;
    font-size:28px;
    line-height: 32px;
    letter-spacing: 3px;
  }
  @media only screen and (min-width: 601px) {
    #home-hero h1 { font-size:	70px;letter-spacing: 14px;}
  }
  @media only screen and (max-width: 980px) {
    #home-hero {margin-top:77px;height: initial;}
    #home-hero h1 {padding-top:50px;}
  }

  #home-hero-scroll {
    position:absolute;
    width:100px;
    bottom:30px;
    left:50%;
    left:calc(50% - 50px);
    text-align: center;
    color:white;
    text-transform: uppercase;
  }
  #home-hero-scroll p { margin:0;padding:0  }
  #home-hero-scroll a { color:white;text-decoration:none;  }
  #home-hero-scroll img { width:80%;  }
  /* }}} */

  /* {{{ Hero Video */
  #hero-video-container {
    position:absolute;
    width:100%;
    height: 75vh;
    overflow:hidden;
  }
  #hero-video-container video {
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }
  /* }}} Hero Video */

  /* {{{ Intro */
  #home-intro {
    padding:80px 50px 40px;
    box-sizing: border-box;
  }
  /* }}} Home Intro */

  /* {{{ Devices */
  #home-devices a {color:white;}
  #home-devices.section-title p {font-weight:400;color:white;max-width:600px;text-align: left;}
  #home-devices.section-title h4 {color:white;text-align: left;line-height: 1.3em;}
  #home-devices.section-title #home-devices-desktop p,
  #home-devices.section-title #home-devices-desktop h4 {text-align: right; }
  #home-devices.section-title #home-devices-desktop p {float:right;}

  #home-devices-title.section-title p {text-align: center;max-width: initial;}
  #home-devices-title.section-title h4 {text-align: center;max-width: initial;}
  #home-devices-title {
    margin:60px auto!important;
    width:90%;
    max-width:800px;
  }

  #home-devices {
    width:100%;
    max-width:100%;
    background:black url(/assets/css/images/overlay.png);
    padding: 20px 0;
    overflow: hidden;
  }

  #home-devices > div {
     width:100%;
     max-width:1200px;
     box-sizing: border-box;
     margin: 0 auto;

  }

  .home-devices-image {
    float:left;
    position: relative;
    width:40%;
    min-height:100px;
    box-sizing: border-box;
    padding: 0% 10% 0 0;
  }
  .home-device-content {
    float:left;
    position: relative;
    width:60%;
    box-sizing: border-box;
  }
  .home-devices-image img { max-width:100%; position: relative;}

  /* Mobile */
  #home-devices-mobile .home-devices-image { padding: 0% 5% 0 0; width:30%;}
  #home-devices-mobile .home-device-content { padding:80px 10px 0;  width:70%;}
  #home-devices-mobile .home-devices-image img { max-height:480px; float:right; }

  .store-badges img { width: 40%; max-width:150px; display:inline-block; margin: 20px 20px 0 0;}

  /* Desktop */
  #home-devices-desktop { padding: 80px 0; }
  #home-devices-desktop .home-devices-image { float:right; padding: 0 0 0 5%;}
  #home-devices-desktop .home-device-content { float:right; padding:40px 0 0; }
  #home-devices-desktop .home-devices-image img { max-height:300px; }

  /* VR */
  #home-devices-vr .home-devices-image { }
  #home-devices-vr .home-device-content { padding: 60px 0 0; }
  #home-devices-vr .home-devices-image img { max-height:480px; margin-left:20%; }

  @media only screen and (max-width: 800px) {
    #home-devices.section-title p,
    #home-devices.section-title h4,
    #home-devices.section-title #home-devices-desktop p,
    #home-devices.section-title #home-devices-desktop h4  {text-align: center; width:90%;margin:10px auto; float:none;}
    #home-devices .home-device-content { margin:20px 0 40px; }

    .store-badges { padding-bottom: 30px;}

    .home-devices-image, #home-devices-mobile .home-devices-image {
      width:100%;
      height:200px;
      padding: 0 0 0 0;
      overflow: hidden;
    }
    .home-device-content, #home-devices-mobile .home-device-content { width:100%; }
    .home-devices-image img { width:80%; height:auto; left:10%; margin: 0; max-height:initial; }
    #home-devices-mobile .home-devices-image img { margin:0; max-height:initial; float:none;}
    #home-devices-mobile .home-device-content { padding: 0; }

    #home-devices-desktop, #home-devices-desktop .home-devices-image { padding:0; }
    #home-devices-desktop .home-devices-image img { margin:-30px 0 0% 10%; padding: 0;}
    #home-devices-desktop .home-device-content { padding: 0; }

    #home-devices-vr .home-devices-image { height:300px; text-align:center }
    #home-devices-vr .home-devices-image img { margin:0 auto; max-height:220px; width:auto;padding-right:30px;}
    #home-devices-vr .home-devices-image img:first-child  { margin:-20% 0 0; }
    #home-devices-vr .home-device-content { padding: 0; }
  }

    /* {{{ Devices - Animation */
    .home-devices-image img.slide-left {
      opacity: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      transition: all 500ms linear;
      -moz-transform: translate3d(-100px, 0px, 0px);
      -webkit-transform: translate3d(-100px, 0px, 0px);
      -ms-transform: translate(-100px, 0px);
      transform: translate3d(-100px, 0px, 0px);
    }
    .home-devices-image img.slide-left.slower {
      -moz-transition: all 1000ms linear;
      -webkit-transition: all 1000ms linear;
      transition: all 1000ms linear;
    }

    .home-devices-image img.slide-right {
      opacity: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      transition: all 500ms linear;
      -moz-transform: translate3d(100px, 0px, 0px);
      -webkit-transform: translate3d(100px, 0px, 0px);
      -ms-transform: translate(100px, 0px);
      transform: translate3d(100px, 0px, 0px);
    }

    .home-devices-image img.slide-left.in-view,
    .home-devices-image img.slide-right.in-view {
      opacity: 1;
      -moz-transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    /* }}} Devices - Animation */

  /* }}} Devices */


/* }}} */

/* {{{ Section Title */
.section-title {
  width:90%;
  max-width:800px;
  margin: 0 auto;
}
.section-title p.img {text-align: center;}
.section-title h4 {
   color:#98002E;
   font-size:50px;
   margin:14px 0;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 4px;
}
.section-title p {
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color:#636466;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .section-title h4 { font-size:30px; letter-spacing: 2px; }
}
/* }}} Section Title */

/* {{{ Main Tour Tiles */
.tour-listing {
  width:100%;
  /*max-width:1600px;*/
  margin:0 auto;
  padding:0;
  background-color:#060606;
  background:url(/assets/css/images/overlay.png);
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;
  justify-content: center;
}

.tour-icon, .sub-tour-icon {
  background-size: 100%;
  background-repeat:no-repeat;
  background-position:center center;

  width:20%;
  margin:0;
  padding:0 0 13.333333333333% 0;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tour-icon a, .sub-tour-icon a {
	text-decoration:none;
}

.tour-icon:hover, .sub-tour-icon:hover { background-size: 110%; }
.tour-icon.active:hover, .sub-tour-icon.active:hover { background-size: 100%; }

div.tour-icon > div,
div.sub-tour-icon > div{
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}

/* 4 columns */
@media only screen and (max-width: 1600px) {
  .tour-icon {
    width:25%;
    padding:0 0 16.666666666667% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .tour-icon {
    width:33.33333%;
    padding:0 0 22.222222222222% 0;
  }
}
/* 2 columns */
@media only screen and (max-width: 800px) {
  .tour-icon {
    width:50%;
    padding:0 0 33.333333333334% 0;
  }
}
/* 1 columns */
@media only screen and (max-width: 600px) {
  .tour-icon {
    width:100%;
    padding:0 0 66.666666666667% 0;
  }
}

.tour-icon button,
.sub-tour-icon button {
  display:block;
  margin:0;
  padding:0 20px;
  box-sizing: border-box;
  width:100%;
  height:100%;

  border:0;
  background:rgba(0,0,0,0.3);
  color:white;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  font-family: "tex-gyre-heros-cn", "Helvetica Neue", "Arial", sans-serif;
  font-size:32px;
  line-height:35px;

  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sub-tour-icon button { font-size:26px; }
.sub-tour-icon a{
  text-decoration: none;
  color:white;
}

.tour-icon button.active,
.tour-icon:hover button.active {
  background:none;
}

.tour-icon:hover > div > button,
.sub-tour-icon:hover button {
  background:none;
}
/* }}} Main Tour Tiles */

/* {{{ Tour Fact/Slide out Content */

.tour-facts {
  visibility: hidden;
  opacity:0;
  left:-9999px;
  position:absolute;
  overflow: hidden;
  z-index:999;

  background-color: #eeeeee;
  color:black;
/*
  background-color: #98002E;
  background: rgba(152, 0, 46, 0.9);
  color:white;
*/

  padding:10px 15px;
  box-sizing: border-box;

  -webkit-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
  /* transition-delay:0.5s; */

}
.tour-facts h4 {

   color:#98002E;
   font-size:24px;
   line-height:30px;
   margin:14px 0;
   text-align: left;
   text-transform: uppercase;
}
.tour-facts p {  }
.tour-facts ul {  margin:0;padding:0 0 0 14px;}
.tour-facts li {  line-height: 26px; }

.tour-facts.active {
  visibility: visible;
  opacity:1;
}

button.active:focus {
  outline: 0;
}

button.active:before {
  content: '\0020';
  position:absolute;
  display:block;

  border:16px solid transparent;
  border-bottom-color:#eeeeee;
  width:0;
  height:0;
  left:50%;
  left:calc( 50% - 8px);
  bottom:0;

}
/* }}} Tour Fact/Slide out Content */

/* {{{ 360 Icon */
.has-360:before {
  content: '\0020';
  position: absolute;
  width:25%;
  padding-bottom:15%;
  bottom:0;
  right:10px;
  background-image: url('/assets/img/360-icon.svg');
  background-position: center center;
  background-size: 125% auto;
}
/* }}} 360 Icon */

/* {{{ Sub Tours */
.category-tours,
.quick-facts-list {
  width:50%;
  float:left;

  box-sizing: border-box;
  padding:10px 20px;
}
.category-tours {
  padding:10px 40px;
}
/* 1 columns */
@media only screen and (max-width: 600px) {
  .category-tours,
  .quick-facts-list {
    width:100%;
  }
}

.sub-tour-icon {
    width:31.33333%;
    padding:0 0 20.222222222222% 0;
    margin: 0 2%;
}

/* 4 columns */
@media only screen and (max-width: 1600px) {
  .sub-tour-icon {
    width:46%;
    padding:0 0 29.333333333334% 0;
    margin: 0 2%;
  }
}
@media only screen and (max-width: 1024px) {
  .sub-tour-icon {
    width:96%;
    padding:0 0 60.666666666667% 0;
    margin: 0 2%;
  }
}


/* }}} Sub Tours */

/* {{{ Category Tiles */

#ginseng-tile { background-image: url('/assets/tours/tiles/ginseng.webp'); }
#berries-tile { background-image: url('/assets/tours/tiles/berries.webp'); }
#milk-tile { background-image: url('/assets/tours/tiles/milk-and-cheese.webp'); }
#beef-tile { background-image: url('/assets/tours/tiles/beef.webp'); }
#turkey-tile { background-image: url('/assets/tours/tiles/turkey.webp'); }
#egg-tile { background-image: url('/assets/tours/tiles/egg-farmsv2b.webp'); }
#egg-processing-tile { background-image: url('/assets/tours/tiles/egg-processing-facilities.webp'); }
#feed-mill-tile { background-image: url('/assets/tours/tiles/feed-mill.webp'); }
#oat-processing-tile { background-image: url('/assets/tours/tiles/oats.webp'); }
#apple-orchard-tile { background-image: url('/assets/tours/tiles/apple-orchard.webp'); }
#chicken-tile { background-image: url('/assets/tours/tiles/chicken.webp'); }
#dairy-tile { background-image: url('/assets/tours/tiles/dairy-farms.webp'); }
#pig-tile { background-image: url('/assets/tours/tiles/pig-farm-360.webp'); }
#sheep-tile { background-image: url('/assets/tours/tiles/sheepv2.webp'); }
#grain-tile { background-image: url('/assets/tours/tiles/grain.webp'); }
#fur-tile { background-image: url('/assets/tours/tiles/fur.webp'); }
#mushroom-tile { background-image: url('/assets/tours/tiles/mushroom-farms.webp'); }
#veal-tile { background-image: url('/assets/tours/tiles/veal-farms.webp'); }
#ontario-grain-tile { background-image: url('/assets/tours/tiles/grain-farms.webp'); }
#genomicsresearch-tile { background-image: url('/assets/tours/tiles/genomics.webp'); }
#potato-tile { background-image: url('/assets/tours/tiles/potato.webp'); }
#greenhouse-vegetables-tile { background-image: url('/assets/tours/tiles/greenhouse-vegetables.webp'); }
#grain-corn-tile { background-image: url('/assets/tours/tiles/grain-corn.webp'); }
#field-tomatoes-tile { background-image: url('/assets/tours/tiles/field-tomatoes.webp'); }
#dry-beans-tile { background-image: url('/assets/tours/tiles/dry-beans.webp'); }
#broiler-breeder-hatchery-tile { background-image: url('/assets/tours/tiles/broiler-breeder-hatchery.webp'); }

/* }}} Background Images */

/* {{{ Tour cover photos */

#introText.ginseng-360 { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/ginseng.jpg'); }
#introText.berries { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/berries.webp'); }
#introText.enriched-colony { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/egg-farmsv2b.webp'); }
#introText.egg-processing { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/egg-processing-facilities.webp'); }
#introText.feed-mill { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/feed-mill.webp'); }
#introText.oat-processing { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/oats-processing.webp'); }
#introText.apple-orchard { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/apple-orchard.webp'); }
#introText.pig-farm-360 { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/pig-farm-360.webp'); }
#introText.grain { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/grain.webp'); }
#introText.greenhouse-vegetables { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/greenhouse-vegetables.jpg'); }
#introText.sheep { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/sheepv2.webp'); }
#introText.cheese { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/cheese.webp'); }
#introText.turkey { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/turkey.webp'); }
#introText.chicken { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/chickens.webp'); }
#introText.beef { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/beef.webp'); }
#introText.dairy-farms { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/dairy-farm.webp'); }
#introText.mink { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/mink.jpg'); }
#introText.mushroom { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/mushroom-farms.webp'); }
#introText.veal { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/veal.webp'); }
#introText.ont-grain { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/ontario-grain.webp'); }
#introText.genomics { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/genomics-101.webp'); }
#introText.potato { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/potato.webp'); }
#introText.dry-bean { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/dry-bean.webp'); }
#introText.broiler-breeder-hatchery { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/broiler-breeder-hatchery.webp'); }
#introText.grain-corn { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/grain-corn.webp'); }
#introText.field-tomatoes { background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/tours/tour-tiles/field-tomatoes.webp'); }
#introText.broiler-breeder-hatchery { background-position: top center; }

/* }}}  */

/* {{{ Footer */
footer {
  clear:both;
  margin: 0 0 40px;
  font-size:14px;
  border-top: 1px solid #3A4B00;
}
#footer-row1 a {
  line-height:1.1em;
  display:block;
  width:100%;
  height:100%;
  padding:120px 0;
  color:white;
  text-decoration: none;
  text-align: center;
  font-size:50px;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
}

#footer-real-dirt a {
  padding:240px 0;
  line-height:2.2em;
}
#footer-row1 a:hover {
  background:none;
}
#footer-row1 #footer-real-dirt a:hover { background: rgba(0, 0, 0, 0.2); }
#footer-row1 div {
  width:60%;
  float:left;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


div#footer-real-dirt {
  width:40%;
  background-size: auto 100%;
}
div#footer-real-dirt { background-image:url('/assets/img/real-dirt-2023-en.webp'); }

#footer-partners { background-image:url('/assets/img/project-partners.webp'); }

#footer-dictionary { background-image:url('/assets/img/farm-dictionary.webp'); }


#footer-dictionary:hover, #footer-partners:hover { background-size: 110%; }
#footer-real-dirt:hover {  background-size: auto 110%; }


@media only screen and (max-width: 1000px) {
  #footer-row1 a {
    font-size:30px;
  }
}
@media only screen and (max-width: 680px) {
  div#footer-real-dirt { width:100%;background-size: 100%;}
  #footer-real-dirt:hover {  background-size: 110%; }
  div#footer-partners { width:100%;}
  div#footer-dictionary { width:100%;}
  #footer-row1 a { padding:60px 0; line-height:1.1em; }
}

#footer-contact {
  clear:both;
  margin:40px auto 20px;
  width:50%;
  text-align:center;
}

#footer-contact img {
  display: inline-block;
  max-height:50px;
}

#footer-partners {

  }

/*
#footer-partners {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  }

#footer-partners ul {
  list-style-type: none;
  text-align: center;
  padding:0;
  margin:0;
}
#footer-partners li {
  padding:0;
  margin:0;
  display: inline-block;
  width:30%;
}

#footer-partners ul.row2 {
  clear:both;
  margin-top:40px;
}


#footer-partners ul.row2 li {
  width:50%
}
@media only screen and (max-width: 800px) {
  #footer-partners li {
    width:35%;
    padding-bottom:20px;
    margin:0 20px 5%;
    border-bottom:1px solid #F7941E;
  }
}
@media only screen and (max-width: 600px) {
  #footer-partners li,
  #footer-partners ul.row2 li {
    width:80%;;
    margin-bottom:20px;
  }

  #footer-partners ul.row2 {
    margin-top:0;
  }
}

#footer-partners li img {
  display: inline-block;
  max-height:50px;
}
#footer-partners span {
  display: block;
}
#footer-partners a {
  text-decoration: none;
  text-transform: uppercase;
  color:#636466;
  letter-spacing: 1px;
  font-weight: 700;
}
*/
/* }}} Footer */

/* {{{ Buttons */
a.btn, .btn {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;

  padding: 10px 30px;
  font-size: 18px;
  line-height: 1.42857143;
  text-decoration:none;
  font-weight:400;
  text-transform:uppercase;

  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  background-color: #f7941e;
  color: black;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.5s ease, color 0.5s ease;
}
.btn:focus,
.btn:active:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus { color: #ffffff; background-color: #c57618; text-decoration: none; }
.btn-default:active {  background-image: none; }

.home-btn-row { position:absolute;top:80px; right:0;text-align:center;}
.subpage-btn-row { text-align: center; margin: 0 0 20px;}
@media only screen and (max-width: 980px) {
  .home-btn-row { position:static;padding-top:30px; margin:0 auto;}
  .home-btn-row br { display:none; }
}

@media only screen and (max-width: 800px) {
  .subpage-btn-row { margin: 20px 0 0px; border-top: 1px solid black; padding: 10px 0;}
}

/* }}} Buttons */

/* Use clearfix class on parent to clear nested columns */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.clearfix:after {  clear: both; }
.clearfix { zoom: 1; }

.TODO { color: #f0f!important; }