/*
Theme Name: FoodMatters
Theme URI: http://foodmatters.com
Author: smashLAB
Author URI: http://smashlab.com
Description: Hi. I'm a starter theme called <code>foodmatters</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foodmatters
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 foodmatters is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
section.wpb_row.bgGrey,
div.wpb_row.bgGrey {
  background-color: #636464; }

section.wpb_row.bgDarkGrey {
  background-color: #313131; }

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #EAEEE9;
  /* Fallback for when there is no custom background color defined. */ }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

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

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

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

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0; }

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #454445;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

.lightText {
  color: #fff; }

.smaller {
  font-size: 0.9em; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  text-align: center;
  margin-bottom: 0.6em; }

h1,
.menu-articles-container li {
  font-weight: bold;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2; }

h2,
.menu-additional-links-container li {
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.27; }

h3 {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

h4 {
  font-weight: 900;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

h4.primary {
  margin-bottom: 65px; }

h4.additional {
  margin-top: 5.4em;
  margin-bottom: 2.6em; }

@media (min-width: 640px) {
  h1,
  .menu-articles-container li {
    font-size: 50px;
    font-size: 5rem; }

  h2,
  .menu-additional-links-container li {
    font-size: 40px;
    font-size: 4rem; }

  h3 {
    font-size: 20px;
    font-size: 2rem; }

  h4 {
    font-size: 20px;
    font-size: 2rem; } }
body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

p {
  margin-bottom: 1em; }

b, strong {
  font-weight: bold; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

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

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

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

.center {
  text-align: center; }

.notation {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.387; }

@media (min-width: 640px) {
  body {
    font-size: 20px;
    font-size: 2rem; }

  .notation,
  .caption {
    font-size: 16px;
    font-size: 1.6rem; } }
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
  height: 100%; }

body {
  padding-top: 0;
  height: 100%; }

.mobile-only {
  display: block; }

.desktop-only {
  display: none; }

@media (min-width: 640px) {
  body {
    padding-top: 0; }

  .mobile-only {
    display: none; }

  .desktop-only {
    display: block; } }
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

.nofloat {
  float: none !important; }

.dropdown {
  margin-top: -2px; }

section .dropdown .selected,
section .dropdown li {
  color: #454445; }

section .dropdown li.focus {
  background: #454445; }

.marginBottom {
  margin-bottom: 1em !important; }

.marginBottom2 {
  margin-bottom: 2em !important; }

.flex-direction-nav a {
  height: 50px !important; }

/************
* Visual Composer rules copied from js_composer.min.css
 * because that file is huge (750kb */
.wpb_single_image.vc_align_center {
  text-align: center; }

.vc_column_container > .vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%; }

.vc_column_container {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 768px) {
  .vc_col-sm-8 {
    width: 66.66666667%; }

  .vc_col-sm-4 {
    width: 33.33333333%; }

  .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
    float: left; } }
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before, .vc_row:after, .vc_row:before {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after, .vc_clearfix:after, .vc_column-inner::after, .vc_el-clearfix, .vc_row:after {
  clear: both; }

section .wpb_gallery .wpb_flexslider .flex-control-nav {
  bottom: 35px !important;
  position: relative; }

#content .wpb_gallery_slides ul.flex-direction-nav, #content .wpb_gallery_slides ul.slides, .content .wpb_gallery_slides ul.flex-direction-nav, .content .wpb_gallery_slides ul.slides, .wpb_content_element .wpb_gallery_slides ul li, .wpb_gallery_slides ul.flex-direction-nav, .wpb_gallery_slides ul.slides, body .wpb_gallery_slides ul li {
  list-style: none;
  padding: 0;
  background-image: none;
  margin: 0; }

.vc_column-inner::after, .vc_column-inner::before {
  content: " ";
  display: table; }

.vc_row {
  margin-left: -15px;
  margin-right: -15px; }

.wpb_single_image .vc_single_image-wrapper {
  display: inline-block;
  vertical-align: top;
  max-width: 100%; }

.vc_column_container > .vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%; }

.wpb_single_image img {
  height: auto;
  max-width: 100%;
  vertical-align: top; }

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 35px; }

@media (min-width: 640px) {
  .vc_col-sm-6:last-of-type {
    padding-left: 20px; } }
body .vc_col-sm-6 {
  max-width: 540px;
  padding-left: 0;
  padding-right: 0; }

.vc_column_container {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 768px) {
  .vc_col-sm-6 {
    width: 50%; }

  .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
    float: left; } }
.hidden {
  display: none; }

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

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li {
  margin-left: 1.4em; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

.site-content ul,
.site-content ol {
  margin-bottom: 1em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

a.offset {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden; }

section {
  position: relative;
  overflow: hidden; }

.coverImage img {
  display: inline-block;
  vertical-align: bottom; }

.wpb_video_widget {
  margin: 1.5em auto !important; }

section .backgroundCredit {
  position: absolute;
  margin: 0;
  bottom: 15px;
  left: 15px;
  font-size: 16px;
  font-size: 1.6rem; }

.sectionwrapper {
  position: relative;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 7%;
  padding-right: 7%;
  box-sizing: content-box; }

.wideContent .sectionwrapper {
  max-width: 1080px; }

section.height-full {
  min-height: 100%; }

/*.height-full:before{
  content: ' ';
  font-size: 0;
  float: left;
  width: 1px;
  height: 100%;
}*/
section.height-full .sectionwrapper
 {
  height: 100%; }

/*#page,
#content{
  height: 100%;
}*/
figure {
  margin: 0; }

/*
.wpb_wrapper > h1,
.wpb_wrapper > h2,
.wpb_wrapper > h3,
.wpb_wrapper > h4,
.wpb_wrapper > p,
.wpb_wrapper > div,
.wpb_wrapper > figure,
.wpb_wrapper > ul,
.wpb_wrapper > ol,
.wpb_wrapper > li,
.wpb_wrapper > table,
.wpb_wrapper > hr,
.wpb_wrapper > footer,
.wpb_wrapper > section,
.post .entry-header,
.post .entry-footer,
.post-navigation,
.paging-navigation,
.archive .page-header,
blockquote,
div.authorsBlock,
.headerContent,
.sharingButtons,
.entry-content > figure.size-wide-strip > figcaption,
.comments-area,
body.single .comments .sectionwrapper,
.otherpage .site-main{
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
*/
.entry-content > figure.size-full,
div.size-full,
div.size-large,
div.video-container {
  max-width: 900px; }

.mainTitle {
  position: relative;
  top: -0.19em;
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: 154px;
  font-size: 15.4rem;
  color: rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 1;
  vertical-align: top;
  width: 100% !important; }

.full-width,
.full-width p,
.full-width div {
  width: 100% !important;
  max-width: none !important; }

.rule {
  position: relative;
  padding: 80px 0 80px 0;
  margin-bottom: 0 !important;
  background-color: #EAEEE9; }

.rule .wpb_column {
  background-color: #AAADAD;
  height: 1px;
  display: block !important;
  max-width: 1080px;
  float: none;
  margin: 0 auto; }

/** for 4:3 aspect ratio videos */
.wpb_video_widget.video43 .wpb_wrapper .wpb_video_wrapper {
  padding-top: 75%;
  position: relative; }

.page-id-2 {
  background-color: #636464; }

.section0.wpb_row {
  margin-bottom: 15px !important;
  overflow: hidden; }

.section0 .innerBlock {
  margin-top: 120px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px; }

/*.section0 .innerBlock h1:after{
  content: ' ';
  display: block;
  max-width: 325px;
  width: 80%;
  height: 1px;
  overflow: hidden;
  border-bottom: 4px solid #fff;
  margin: 7% auto;
}*/
.storyIndex {
  text-align: left; }

.storyIndex > .vc_column_container {
  margin-bottom: 40px; }

.storyIndex h3 {
  text-align: left; }

section.full-width {
  margin-left: -15px;
  margin-right: -15px; }

section.full-width .sectionwrapper {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }

.section1 {
  min-height: 250px; }

@media (min-width: 640px) {
  .section1 {
    /*min-height: 600px;*/ } }
.sectionCover {
  /*border: 15px solid #fff;
  background-color: #fff;*/
  opacity: 0;
  transition: opacity 1.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
  /*padding-top: 80px;*/ }

.sectionCoverBackground {
  background-size: cover;
  background-repeat: no-repeat; }

.sectionCover h1 {
  margin-bottom: 0.3em; }

@media (min-width: 640px) {
  section.sectionCover .background {
    /*top: 20%;*/ } }
section.sectionCover .backgroundInner {
  background-size: 90%;
  background-position: bottom center;
  background-repeat: no-repeat; }

.sectionCover.visible,
.sectionCover.rendered {
  opacity: 1; }

.sectionCover .mainContent {
  overflow: hidden; }

.sectionCover .mainContent .wpb_wrapper {
  transform: translateY(-200px) scale(0.7);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transition: all 0.75s; }

.sectionCover.visible .mainContent .wpb_wrapper {
  transform: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  transition-delay: 0.5s; }

.sectionCover .sectionwrapper {
  max-width: none;
  /*transform: translateY(-100px);

  transition: transform 0.5s 0.5s;*/ }

.sectionCover.visible .sectionwrapper {
  /*transform: translateY(0);*/ }

.sectionCover .layoutColumn {
  max-width: 560px;
  text-align: center;
  margin: auto; }

.sectionCover .layoutColumn .spacerAbove {
  display: none; }

.sectionCover .mainContent {
  padding: 55px 35px;
  /*border-bottom: 4px solid #fff;*/
  text-align: left;
  margin-bottom: 0; }

@media (min-width: 640px) {
  .sectionCover .layoutColumn .spacerAbove {
    display: block;
    background-color: transparent;
    width: 3px;
    min-height: 0px;
    margin: auto; }

  .sectionCover .mainContent {
    padding: 55px 35px;
    /*border: 4px solid #fff;*/
    text-align: left;
    margin-bottom: 0; } }
.sectionCover .storyNavRow {
  display: table;
  width: 100%; }

.sectionCover .storyNavRow li {
  list-style-position: outside;
  margin-bottom: 1em; }

.sectionCover .storyNavRow .column1,
.sectionCover .storyNavRow .column2 {
  display: none; }

.sectionCover .storyNavRow .column3 {
  text-align: center;
  padding: 35px 0px 70px 0; }

.sectionCover .storyNavRow .column3 p {
  margin-bottom: 1.2em; }

@media (min-width: 640px) {
  .sectionCover .storyNavRow .column1,
  .sectionCover .storyNavRow .column2,
  .sectionCover .storyNavRow .column3 {
    display: table-cell;
    overflow: visible; }

  .sectionCover .storyNavRow .column3 {
    width: 48%;
    text-align: left;
    padding: 40px 0px 50px 40px; }

  .sectionCover .storyNavRow .column3 .wpb_wrapper {
    width: 350px; } }
.sectionCover .storyNavRow .column1 {
  width: 50%; }

.sectionCover .storyNavRow .column2 {
  background-color: transparent;
  width: 3px;
  min-height: 200px;
  margin: auto;
  padding: 0; }

.sectionCover .layoutColumn {
  /*animation: sectionCover 2s;*/ }

@keyframes sectionCover {
  from {
    transform: translateY(-300px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }
.sectionPhoto .sectionwrapper {
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden; }

.sectionPhoto.visible .background {
  position: fixed;
  top: 0; }

.sectionPhoto.rendered .sectionwrapper .wpb_wrapper {
  animation: sectionPhotoText 1s 1s forwards;
  color: rgba(255, 255, 255, 0); }

@keyframes sectionPhotoText {
  from {
    transform: scale(1.2) translateY(30px);
    text-shadow: 0 0 12px #fff;
    opacity: 0; }
  to {
    opacity: 1;
    transform: scale(1) translateY(0px);
    text-shadow: 0 0 0px #fff;
    color: white; } }
.flexslider {
  overflow: hidden; }

.wpb_gallery {
  margin: 2em 0 1em 0 !important; }

.wpb_gallery ul.slides img {
  width: 1080px;
  height: auto; }

section .wpb_gallery .wpb_flexslider .flex-control-nav {
  bottom: -10px; }

section .flexslider {
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none; }

section .flexslider .caption {
  padding: 0.5em 0 1em 0;
  position: absolute;
  top: 100%; }

.wpb_flexslider.flexslider_fade {
  overflow: visible !important; }

.flexslider .flex-direction-nav a:hover {
  background-color: transparent; }

.grid2x2 {
  text-align: center; }
  .grid2x2 .wpb_content_element {
    display: inline-block;
    max-width: 450px;
    min-width: 300px;
    text-align: left;
    vertical-align: top;
    margin-right: 30px; }
    .grid2x2 .wpb_content_element img {
      width: 100%; }
  .grid2x2 .wp-caption {
    position: relative;
    margin-bottom: 1em; }
  .grid2x2 .wp-caption-text {
    position: absolute;
    color: #fff;
    margin: 0;
    bottom: 0px;
    left: 15px;
    font-size: 13px;
    font-size: 1.3rem; }
    .grid2x2 .wp-caption-text a {
      color: #fff; }

.author-list {
  text-align: center;
  margin-top: 45px; }

@media (min-width: 640px) {
  .author-list {
    margin-top: 90px; } }
.author-list .author {
  list-style: none;
  display: inline-block;
  text-align: center;
  width: 50%;
  max-width: 295px;
  margin-bottom: 8%; }

.author-list .author:hover {
  background-color: rgba(255, 255, 255, 0.5); }

.author-list .author img {
  display: block;
  width: 100%;
  margin-bottom: 5px; }

.author-list a {
  display: inline-block;
  text-decoration: none;
  padding-bottom: 5px;
  width: 100%; }

.author-list a:hover {
  background-color: transparent;
  color: #454445; }

.userImage {
  padding-bottom: 50px; }

@media (min-width: 640px) {
  .userImage {
    padding-bottom: 80px; } }
.slides {
  position: relative; }

.slides .slide {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute; }

.slides .vc_column-inner {
  padding: 0; }

.slides .slide img {
  width: 100%; }

.slides .slide.current {
  position: relative; }

.partners {
  text-align: center; }

.partners a {
  transition: opacity 0.5s;
  padding: 0 30px 0 0; }

.partners a:hover {
  background-color: transparent;
  opacity: 0.6; }

.pageIndicatorDots {
  position: fixed;
  display: inline-block;
  right: 20px;
  top: 0;
  height: 100%;
  z-index: 90;
  transform: translateZ(1px); }
  .pageIndicatorDots .dotWrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .pageIndicatorDots .dot {
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid white;
    border-radius: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0 auto 20px auto;
    transition: all 0.4s;
    cursor: pointer; }
    .pageIndicatorDots .dot.active {
      background-color: rgba(255, 255, 255, 0.1); }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: bold; }

.table td {
  padding: 6px 5px 6px;
  line-height: 1; }
.table.topLeft td {
  text-align: left !important;
  vertical-align: top; }
.table.borders td {
  border-color: #ccc;
  border-style: solid;
  border-bottom-width: 1px;
  border-right-width: 1px;
  text-align: center; }
.table.borders tr td:last-of-type {
  border-right-width: 0; }
.table.borders tr:last-of-type td {
  border-bottom-width: 0; }

.ct-chart-line {
  /*overflow: visible;*/
  /*argin-top: 30px;*/ }

.notation.title.vertical {
  position: absolute;
  transform: rotateZ(-90deg);
  transform-origin: bottom center;
  -webkit-font-smoothing: antialiased;
  top: 35%;
  display: inline-block;
  margin: 0;
  padding: 0;
  left: -55px;
  bottom: auto; }

.notation.title {
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 0;
  left: 50%;
  bottom: -20px; }

.ct-chart {
  position: relative; }

.ct-chart .ct-label.ct-horizontal,
.ct-chart .ct-label.ct-vertical {
  font-size: 10px;
  font-size: 1rem;
  color: #454445; }

.ct-chart-pie .ct-label {
  font-size: 16px;
  font-size: 1.6rem;
  fill: white; }

@media (min-width: 640px) {
  .ct-chart .ct-label.ct-horizontal,
  .ct-chart .ct-label.ct-vertical {
    font-size: 12px;
    font-size: 1.2rem; }

  .ct-chart-pie .ct-label {
    font-size: 24px;
    font-size: 2.4rem; } }
.lightText .ct-chart .ct-label {
  color: #fff; }

.lightText .ct-chart .ct-grid {
  stroke: rgba(255, 255, 255, 0.3); }

.ct-chart-line-legend {
  list-style: none;
  margin: 0px auto 0 auto;
  padding: 0;
  display: inline-block;
  text-align: left; }
  .ct-chart-line-legend .svg {
    display: inline-block;
    vertical-align: middle; }
  .ct-chart-line-legend svg {
    width: 75px;
    height: 1em;
    margin-right: 25px; }
  .ct-chart-line-legend line {
    stroke-width: 3px; }

.visible .ct-chart .ct-line {
  animation: drawLine 2s;
  animation-fill-mode: forwards;
  opacity: 0; }
.visible .ct-chart .ct-series-a .ct-line {
  animation: drawLineWide 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.25s; }
.visible .ct-chart .ct-series-b .ct-line {
  animation-delay: 1.0s; }
.visible .ct-chart .ct-series-c .ct-line {
  animation-delay: 2s; }

section.pieChart {
  padding-top: 70px; }

.legend {
  max-width: 325px;
  margin: 25px auto 0 auto; }

.legend li {
  margin-bottom: 1em; }

.legend li:before {
  content: " ";
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 1px solid #fff;
  vertical-align: middle;
  margin: -3px 10px 0 -35px;
  border-radius: 3px; }

.legend li {
  list-style: none; }

.visible .ct-chart-pie .ct-series path.ct-slice-pie:not(.ct-donut) {
  transition: none; }

.ct-chart .ct-chart-pie .ct-series path.ct-slice-pie:not(.ct-donut) {
  fill: #4E4F4F; }

.visible .ct-chart-pie .ct-series.ct-series-a path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 1.5s; }

.visible .ct-chart-pie .ct-series.ct-series-b path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 2.5s; }

.visible .ct-chart-pie .ct-series.ct-series-c path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 3.5s; }

.visible .ct-chart-pie .ct-series.ct-series-d path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 4.5s; }

.visible .ct-chart-pie .ct-series.ct-series-e path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 5.5s; }

.visible .ct-chart-pie .ct-series.ct-series-f path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 6.5s; }

.visible .ct-chart-pie .ct-series.ct-series-g path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 7.5s; }

@keyframes pieSlice {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes drawLine {
  0% {
    transform: translateY(20px);
    stroke-width: 0; }
  50% {
    transform: translateY(0px); }
  100% {
    stroke-width: 3px;
    opacity: 1; } }
@keyframes drawLineWide {
  0% {
    transform: translateY(20px);
    stroke-width: 0; }
  50% {
    transform: translateY(0px); }
  100% {
    stroke-width: 3px;
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*******************************************/
/** Enough Food For the Future? ************/
/*******************************************/
/** Current Yield Trends **/
.CurrentYieldTrends .ct-series.ct-series-a .ct-line,
.CurrentYieldTrends .ct-chart-line-legend .series-a line {
  stroke: #99ab37; }
.CurrentYieldTrends .ct-series.ct-series-b .ct-line,
.CurrentYieldTrends .ct-chart-line-legend .series-b line {
  stroke: #99ab37;
  stroke-dasharray: 7,3; }
.CurrentYieldTrends .ct-series.ct-series-c .ct-line,
.CurrentYieldTrends .ct-chart-line-legend .series-c line {
  stroke: #0f179c;
  stroke-dasharray: 7,3; }

.visible .ct-chart-pie .ct-series-a .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 1.5s; }

.visible .ct-chart-pie .ct-series-b .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 2.5s; }

.visible .ct-chart-pie .ct-series-c .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 3.5s; }

.visible .ct-chart-pie .ct-series-d .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 4.5s; }

.visible .ct-chart-pie .ct-series-e .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 5.5s; }

.visible .ct-chart-pie .ct-series-f .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 6.5s; }

.visible .ct-chart-pie .ct-series-g .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 7.5s; }

/** What Drives Crop Demand? **/
section.cropDemand .legend li.populationGrowth:before {
  background-color: #C8C003; }

section.cropDemand.visible .ct-chart-pie .ct-series-a .ct-slice-pie {
  fill: #C8C003; }

section.cropDemand .legend li.biofuels:before {
  background-color: #7aba11; }

section.cropDemand.visible .ct-chart-pie .ct-series-b .ct-slice-pie {
  fill: #7aba11; }

section.cropDemand .legend li.growingAffluence:before {
  background-color: #1AA890; }

section.cropDemand.visible .ct-chart-pie .ct-series-c .ct-slice-pie {
  fill: #1AA890; }

/** Irrigation Consumption **/
section.irrigationConsumption .legend li.populationGrowth:before {
  background-color: #C8C003; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-a .ct-slice-pie {
  fill: #C8C003; }

section.irrigationConsumption .legend li.biofuels:before {
  background-color: #7aba11; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-b .ct-slice-pie {
  fill: #7aba11; }

section.irrigationConsumption .legend li.growingAffluence:before {
  background-color: #1AA890; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-a .ct-slice-pie {
  fill: #cbcab1; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-b .ct-slice-pie {
  fill: #bc9b0f; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-c .ct-slice-pie {
  fill: #adadad; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-d .ct-slice-pie {
  fill: #a05337; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-e .ct-slice-pie {
  fill: #79a943; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-f .ct-slice-pie {
  fill: #0c8b2e; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-g .ct-slice-pie {
  fill: #4b91bc; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series.ct-series-a path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 1.0s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series.ct-series-b path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 1.5s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series.ct-series-c path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 2.0s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series.ct-series-d path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 2.5s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series.ct-series-e path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 3.0s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series.ct-series-f path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 3.5s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series.ct-series-g path.ct-slice-pie:not(.ct-donut) {
  transition: fill 2s 4.0s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-a .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 1.0s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-b .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 1.5s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-c .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 2.0s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-d .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 2.5s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-e .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 3.0s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-f .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 3.5s; }

section.irrigationConsumption.visible .ct-chart-pie .ct-series-g .ct-label {
  opacity: 0;
  animation: fadeIn 2s forwards 4.0s; }

.section.irrigationConsumption .ct-label {
  font-size: 1.1rem; }

@media (min-width: 640px) {
  .section.irrigationConsumption .ct-label {
    font-size: 2.0rem; } }
/*******************************************/
/** Which Way to Clean Agriculture *********/
/*******************************************/
/** GHG Strengths **/
section.ghgStrengths .legend li.series-a:before {
  background-color: #D15400; }

section.ghgStrengths.visible .ct-chart-pie .ct-series-a .ct-slice-pie {
  fill: #D15400; }

section.ghgStrengths .legend li.series-b:before {
  background-color: #8A003E; }

section.ghgStrengths.visible .ct-chart-pie .ct-series-b .ct-slice-pie {
  fill: #8A003E; }

section.ghgStrengths .legend li.series-c:before {
  background-color: #E80346; }

section.ghgStrengths.visible .ct-chart-pie .ct-series-c .ct-slice-pie {
  fill: #E80346; }

section.ghgStrengths .legend li.series-d:before {
  background-color: #1C1C1E; }

section.ghgStrengths.visible .ct-chart-pie .ct-series-d .ct-slice-pie {
  fill: #1C1C1E; }

section.ghgStrengths .legend li.series-e:before {
  background-color: #3D3D3D; }

section.ghgStrengths.visible .ct-chart-pie .ct-series-e .ct-slice-pie {
  fill: #3D3D3D; }

/*******************************************/
/** Which Way to Clean Agriculture *********/
/*******************************************/
/** HistoricalGlobalSources **/
.HistoricalGlobalSources .ct-series.ct-series-a .ct-line,
.HistoricalGlobalSources .ct-chart-line-legend .series-a {
  stroke: #758f39; }
.HistoricalGlobalSources .ct-series.ct-series-b .ct-line,
.HistoricalGlobalSources .ct-chart-line-legend .series-b {
  stroke: #ce3332; }

.foreign-text {
  text-align: center; }

/*******************************************/
/** GHG Strenghts                  *********/
/*******************************************/
#GHGStrengths {
  word-break: break-all; }

#GHGStrengths .GHG {
  margin-bottom: 1em; }

#GHGStrengths .GHG .title {
  margin-bottom: 0; }

#GHGStrengths .dots {
  line-height: 0.9;
  font-size: 25px;
  font-size: 2.5rem; }

#GHGStrengths .dots span {
  opacity: 0; }

#GHGStrengths .co2 span {
  color: #f00; }

#GHGStrengths .n2o span {
  color: #f00; }

/*******************************************/
/** Doubling Crop Production       *********/
/*******************************************/
#DoublingCropProduction {
  text-align: center;
  margin: 2em auto 0 auto; }
  #DoublingCropProduction .graph {
    max-width: 400px; }
  @media (min-width: 640px) {
    #DoublingCropProduction .graph {
      width: 49%;
      display: inline-block; } }
  #DoublingCropProduction h2 {
    margin-bottom: 0; }
  #DoublingCropProduction .graphwrap {
    width: 100%;
    padding-bottom: 100%;
    position: relative; }
  #DoublingCropProduction .inner {
    position: absolute;
    background-color: #fff;
    width: 47%;
    height: 47%;
    border-radius: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5; }
  #DoublingCropProduction .outer {
    position: absolute;
    background-color: #86CFED;
    border-radius: 100%;
    width: 47%;
    height: 47%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2; }
  #DoublingCropProduction .co2 .outer {
    background-color: #FBA919;
    width: 40%;
    height: 40%; }
  #DoublingCropProduction .co2 .inner {
    width: 40%;
    height: 40%; }
  #DoublingCropProduction .nitrogen {
    margin-bottom: 2em; }
  #DoublingCropProduction .label {
    color: #000;
    z-index: 10;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    font-weight: bold;
    font-size: 0;
    text-align: center;
    line-height: 1.1;
    white-space: nowrap;
    opacity: 0; }
  #DoublingCropProduction .label .year {
    font-size: 0.5em; }
  #DoublingCropProduction .outer .label {
    top: 15%; }

.visible #DoublingCropProduction {
  /*.co2 .label{
    transition-delay: 1.1s !important;
  }*/ }
  .visible #DoublingCropProduction .outer {
    width: 95%;
    height: 95%;
    transition: all 800ms 1.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .visible #DoublingCropProduction .label {
    transition: opacity 600ms 1s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
    font-size: 2.0rem; }
  .visible #DoublingCropProduction .co2 .outer {
    transition-delay: 2.0s !important; }

#FoodFeed .ct-label.ct-horizontal {
  text-align: center; }
#FoodFeed .ct-chart-bar {
  position: relative;
  left: -30px; }
#FoodFeed .ct-bar {
  stroke-width: 30px; }
@media (min-width: 640px) {
  #FoodFeed .ct-bar {
    stroke-width: 60px; } }
#FoodFeed .ct-series-a .ct-bar {
  stroke: #0D8F49; }
#FoodFeed .ct-series-b .ct-bar {
  stroke: #522993; }
#FoodFeed .ct-series-c .ct-bar {
  stroke: #F4C628; }
#FoodFeed .legend {
  text-align: center;
  max-width: 500px; }
  #FoodFeed .legend li:before {
    border-color: #636464; }
  #FoodFeed .legend li {
    display: inline-block;
    margin: 0 2em 0 30px; }
  #FoodFeed .legend li:last-of-type {
    margin-right: 0; }
  #FoodFeed .legend .series-a:before {
    background-color: #0D8F49; }
  #FoodFeed .legend .series-b:before {
    background-color: #522993; }
  #FoodFeed .legend .series-c:before {
    background-color: #F4C628; }

#SourcesByStage .ct-label.ct-horizontal {
  text-align: center; }
#SourcesByStage .ct-chart-bar {
  position: relative;
  left: -30px; }
#SourcesByStage .ct-bar {
  stroke-width: 10px; }
@media (min-width: 640px) {
  #SourcesByStage .ct-bar {
    stroke-width: 20px; } }
#SourcesByStage .ct-series-a .ct-bar {
  stroke: #0D8F49; }
#SourcesByStage .ct-series-b .ct-bar {
  stroke: #522993; }
#SourcesByStage .ct-series-c .ct-bar {
  stroke: #F4C628; }
#SourcesByStage .ct-series-d .ct-bar {
  stroke: #ac74f4; }
#SourcesByStage .ct-series-e .ct-bar {
  stroke: #51a0f4; }
#SourcesByStage .legend {
  text-align: center;
  max-width: 100%; }
  #SourcesByStage .legend li:before {
    border-color: #636464;
    position: relative;
    top: 8px; }
  #SourcesByStage .legend li {
    text-align: left;
    display: inline-block;
    margin: 0 2em 0 30px;
    line-height: 0.8; }
  #SourcesByStage .legend li:last-of-type {
    margin-right: 0; }
  #SourcesByStage .legend .series-a:before {
    background-color: #0D8F49; }
  #SourcesByStage .legend .series-b:before {
    background-color: #522993; }
  #SourcesByStage .legend .series-c:before {
    background-color: #F4C628; }
  #SourcesByStage .legend .series-d:before {
    background-color: #ac74f4; }
  #SourcesByStage .legend .series-e:before {
    background-color: #51a0f4; }

#KeyMitigationStrategies .ct-label.ct-horizontal {
  text-align: center; }
#KeyMitigationStrategies .ct-chart-bar {
  position: relative;
  left: -30px; }
#KeyMitigationStrategies .ct-bar {
  stroke-width: 10px; }
@media (min-width: 640px) {
  #KeyMitigationStrategies .ct-bar {
    stroke-width: 20px; } }
#KeyMitigationStrategies .ct-series-a .ct-bar {
  stroke: #FBA919; }
#KeyMitigationStrategies .ct-series-b .ct-bar {
  stroke: #51a0f4; }
#KeyMitigationStrategies .ct-series-c .ct-bar {
  stroke: #0D8F49; }
#KeyMitigationStrategies .legend {
  text-align: center;
  max-width: 100%;
  margin-top: 3em; }
  #KeyMitigationStrategies .legend li:before {
    border-color: #636464; }
  #KeyMitigationStrategies .legend li {
    text-align: left;
    display: inline-block;
    margin: 0 2em 0 30px; }
  #KeyMitigationStrategies .legend li:last-of-type {
    margin-right: 0; }
  #KeyMitigationStrategies .legend .series-a:before {
    background-color: #FBA919; }
  #KeyMitigationStrategies .legend .series-b:before {
    background-color: #51a0f4; }
  #KeyMitigationStrategies .legend .series-c:before {
    background-color: #0D8F49; }

.EmissionsFromDefAndAgg .ct-chart:before {
  padding-bottom: 50%; }
.EmissionsFromDefAndAgg .ct-series.ct-series-a .ct-line,
.EmissionsFromDefAndAgg .ct-chart-line-legend .series-a line {
  stroke: #99ab37; }
.EmissionsFromDefAndAgg .ct-series.ct-series-b .ct-line,
.EmissionsFromDefAndAgg .ct-chart-line-legend .series-b line {
  stroke: #0f179c; }
.EmissionsFromDefAndAgg .ct-series.ct-series-c .ct-line,
.EmissionsFromDefAndAgg .ct-chart-line-legend .series-c line {
  stroke: #7E826C; }
.EmissionsFromDefAndAgg .ct-series.ct-series-d .ct-line,
.EmissionsFromDefAndAgg .ct-chart-line-legend .series-d line {
  stroke: #4F505F; }
.EmissionsFromDefAndAgg .legend {
  max-width: none;
  text-align: center;
  margin-top: 0; }
  .EmissionsFromDefAndAgg .legend ul {
    display: inline-block;
    text-align: left; }
  .EmissionsFromDefAndAgg .legend li {
    display: block; }
    .EmissionsFromDefAndAgg .legend li:before {
      display: none; }
  .EmissionsFromDefAndAgg .legend svg {
    margin-right: 15px; }

/*Unused line chart option for this visualization
.ReducingEmissions {
  .ct-chart:before{
    padding-bottom: 50%;
  }

  .ct-series.ct-series-a .ct-line,
  .ct-chart-line-legend .series-a line {
    stroke: #bbbbbb;
    stroke-dasharray: 7,3;

  }

  .ct-series.ct-series-b .ct-line,
  .ct-chart-line-legend .series-b line {
    stroke: #ed1c24;
  }
  .ct-series.ct-series-c .ct-line,
  .ct-chart-line-legend .series-c line {
    stroke: #f57f20;
  }
  .ct-series.ct-series-d .ct-line,
  .ct-chart-line-legend .series-d line {
    stroke: #ffcd07;
  }
  .ct-series.ct-series-e .ct-line,
  .ct-chart-line-legend .series-e line {
    stroke: #31b44b;
  }

  .ct-chart-line-legend svg{
    width: 25px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .ct-horizontal{
    transform: rotate(-90deg);
    text-align: right !important;
    transform-origin: right top;
  }

  .legend{
    max-width: none;


    ul{
      display: block;
      text-align: left;
    }

    li{
      display: inline-block;
      vertical-align: top;
      width: 200px;
      padding-left: 40px;
      position: relative;
      &:before{
        display: none;
      }
    }

    svg{
      margin-right: 15px;
    }
  }
}
*/
.ReducingEmissions .ct-chart svg {
  overflow: visible; }
.ReducingEmissions .ct-chart:before {
  padding-bottom: 50%; }
.ReducingEmissions .ct-series.ct-series-a .ct-line,
.ReducingEmissions .ct-chart-line-legend .series-a line {
  stroke: #db3447;
  stroke-dasharray: 7,3; }
.ReducingEmissions .ct-series.ct-series-a .ct-line:nth-of-type(2),
.ReducingEmissions .ct-chart-line-legend .series-b line {
  stroke: #999;
  stroke-dasharray: 7,3; }
.ReducingEmissions .ct-series.ct-series-b .ct-bar:nth-of-type(1) {
  stroke: #ed1c24; }
.ReducingEmissions .ct-series.ct-series-b .ct-bar:nth-of-type(2) {
  stroke: #f57f20; }
.ReducingEmissions .ct-series.ct-series-b .ct-bar:nth-of-type(3) {
  stroke: #ffcd07; }
.ReducingEmissions .ct-series.ct-series-b .ct-bar:nth-of-type(4) {
  stroke: #31b44b; }
.ReducingEmissions .ct-bar {
  stroke-width: 30px; }
@media (min-width: 640px) {
  .ReducingEmissions .ct-bar {
    stroke-width: 60px; } }
.ReducingEmissions .ct-series-a .ct-bar {
  stroke: #0D8F49; }
.ReducingEmissions .ct-chart-line-legend svg {
  width: 35px;
  position: absolute;
  left: 0;
  top: 0;
  stroke-dasharray: 7,3; }
.ReducingEmissions .ct-horizontal {
  transform: rotate(-90deg) translateX(-50%);
  text-align: right !important; }
.ReducingEmissions .legend {
  max-width: none;
  text-align: center; }
  .ReducingEmissions .legend ul {
    display: inline-block;
    text-align: left; }
  .ReducingEmissions .legend li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding-left: 50px;
    position: relative; }
    .ReducingEmissions .legend li:before {
      display: none; }
  .ReducingEmissions .legend svg {
    margin-top: 3px;
    margin-right: 15px; }

.EmbodiedWaste .graph {
  text-align: center;
  max-width: 400px;
  margin: 0em auto 2em auto; }
.EmbodiedWaste h2 {
  margin-bottom: 0; }
.EmbodiedWaste .graphwrap {
  position: relative; }
.EmbodiedWaste .legend {
  margin-top: 0;
  padding-bottom: 2em;
  text-align: left; }
  .EmbodiedWaste .legend .swatches {
    left: 0.9em;
    position: relative; }
    .EmbodiedWaste .legend .swatches li {
      line-height: 0.7; }
    .EmbodiedWaste .legend .swatches li:before {
      position: relative;
      top: 0.0em; }
  .EmbodiedWaste .legend form {
    display: inline-block;
    text-align: left; }
  .EmbodiedWaste .legend .embodied:before {
    background-color: rgba(255, 0, 0, 0.6); }
  .EmbodiedWaste .legend .direct:before {
    background-color: #86CFED; }
.EmbodiedWaste .legend p {
  margin-bottom: 0; }
.EmbodiedWaste .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1px;
  height: 1px;
  background-color: #86CFED;
  border-radius: 100%;
  margin: auto;
  z-index: 5;
  transition: all 3s;
  flex: 0 0 0;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  align-items: center;
  display: flex;
  justify-content: center; }
.EmbodiedWaste .outer {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgba(255, 0, 0, 0.6);
  border-radius: 100%;
  width: 1px;
  height: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  transition: all 3s;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.EmbodiedWaste :not(.visible) .outer {
  border-width: 0; }
.EmbodiedWaste .label {
  color: #fff;
  z-index: 10;
  text-align: center;
  line-height: 1.1;
  white-space: nowrap;
  margin-bottom: 0.5em; }
.EmbodiedWaste .labelDirect {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.7); }
.EmbodiedWaste .labelEmbodied {
  position: relative;
  left: 70%;
  padding-left: 7px; }
.EmbodiedWaste h3 {
  margin: 0;
  line-height: 1; }
.EmbodiedWaste .figures {
  font-size: 0.75em;
  display: none; }
.EmbodiedWaste .outer .label {
  top: 15%; }

.gridChart {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around; }
  .gridChart .seriesContainer {
    width: 22%;
    line-height: 0;
    display: inline-block;
    margin: 0 0 25px 0;
    position: relative; }
  .gridChart .box {
    display: inline-block;
    width: calc(10% - 2px);
    height: 0;
    padding-top: 9%;
    background-color: #5d6d9c;
    margin: 0 2px 2px 0; }

.NutrientProduction .box {
  background-color: #5c5c5c; }
.NutrientProduction .animate .box.very-small, .NutrientProduction .legend .very-small:before {
  background-color: #ff9047; }
.NutrientProduction .animate .box.small, .NutrientProduction .legend .small:before {
  background-color: #ffdc3f; }
.NutrientProduction .animate .box.medium, .NutrientProduction .legend .medium:before {
  background-color: #bfe71a; }
.NutrientProduction .animate .box.large, .NutrientProduction .legend .large:before {
  background-color: #30ebe7; }
.NutrientProduction .animate .box.very-large, .NutrientProduction .legend .very-large:before {
  background-color: #53bbff; }
.NutrientProduction .legend .empty:before {
  position: absolute;
  background-color: #505050;
  margin: 0 10px 0 -25px; }
.NutrientProduction .legend .empty {
  position: relative;
  margin-left: 0.8em;
  line-height: 0.9; }
.NutrientProduction .box {
  transition: background-color 0.1s; }
.NutrientProduction .legend {
  margin: -34px 0 0 0; }
  .NutrientProduction .legend li {
    margin-bottom: 0.5em; }
  .NutrientProduction .legend li:before {
    border: none;
    width: 15px;
    height: 15px;
    border-radius: 0; }
  .NutrientProduction .legend .column {
    display: inline-block;
    vertical-align: top; }
.NutrientProduction .nutrientOptions,
.NutrientProduction .foodOptions {
  font-size: 1.4rem; }
.NutrientProduction .seriesLabel {
  line-height: 1.2;
  font-size: 1.4rem;
  min-height: 2em;
  margin-bottom: 8px; }
.NutrientProduction .swatches {
  left: 0.9em;
  position: relative; }
  .NutrientProduction .swatches li {
    line-height: 0.7; }
  .NutrientProduction .swatches li:before {
    position: relative;
    top: 0.0em; }

/*******************************************/
/** Livestock and Climate Variability ******/
/*******************************************/
section.livestockProductionImportant .legend li.series-a:before {
  background-color: #4F6BAF; }

section.livestockProductionImportant .legend li.series-b:before {
  background-color: #2C2D72; }

section.livestockProductionImportant .legend li.series-c:before {
  background-color: #BE7D7D; }

section.livestockProductionImportant .legend li.series-d:before {
  background-color: #8A191D; }

.RainfallPatterns .ct-series.ct-series-a .ct-line,
.RainfallPatterns .ct-chart-line-legend .series-a {
  stroke: #ce3332;
  stroke-dasharray: 7,3; }
.RainfallPatterns .ct-series.ct-series-b .ct-line,
.RainfallPatterns .ct-chart-line-legend .series-b {
  stroke: #758f39; }
.RainfallPatterns .ct-chart-line-legend {
  display: none; }
.RainfallPatterns[data-active-plot="between"] .ct-chart-line-legend.between {
  display: block; }
.RainfallPatterns[data-active-plot="within"] .ct-chart-line-legend.within {
  display: block; }

@media (min-width: 640px) {
  section.livestockProductionImportant
  .vc_col-sm-6:last-of-type {
    padding-left: 0px; } }
@media (min-width: 768px) {
  .NutrientProduction .legend .column {
    display: block; } }
label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input[type=radio] {
  display: none; }

/* to hide the checkbox itself */
input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block; }

input[type=radio] + label:before {
  content: "\f096"; }

/* unchecked icon */
input[type=radio] + label:before {
  letter-spacing: 10px; }

/* space between checkbox and label */
input[type=radio]:checked + label:before {
  content: "\f046"; }

/* checked icon */
input[type=radio]:checked + label:before {
  letter-spacing: 7px; }

/* allow space for check mark */
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */ }

button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid #9B9B9B;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
  color: #454445;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  /*-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  background-color: #fff;
  line-height: 1;
  padding: 0.7em 1.5em;
  text-decoration: none;
  font-weight: bold; }

a.button {
  display: inline-block; }

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: #fff;
  background-color: #9B9B9B; }

button:focus,
a.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  color: #fff;
  background-color: #9B9B9B; }

.lightText button,
.lightText a.button,
.lightText input[type="button"],
.lightText input[type="reset"],
.lightText input[type="submit"] {
  color: #454445; }
.lightText a.button:visited {
  color: #454445; }
.lightText a.button:hover {
  color: #fff;
  background-color: #9B9B9B; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #9B9B9B; }

.lightText input[type="text"],
.lightText input[type="email"],
.lightText input[type="url"],
.lightText input[type="password"],
.lightText input[type="search"],
.lightText textarea {
  color: #666;
  background-color: #454445; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #454445;
  outline: none; }

.lightText input[type="text"]:focus,
.lightText input[type="email"]:focus,
.lightText input[type="url"]:focus,
.lightText input[type="password"]:focus,
.lightText input[type="search"]:focus,
.lightText textarea:focus {
  color: #fff; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 8px 12px;
  margin-right: 5px;
  width: 225px; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%; }

.selectWrapper {
  display: inline-block;
  margin: 0 30px 30px 0; }

.selectWidth250 .dropdown {
  width: 250px; }

.selectWidth300 .dropdown {
  width: 300px; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #454445; }
  a:visited {
    color: #454445; }
  a:hover, a:focus, a:active {
    color: #fff;
    background-color: #454445; }

.lightText a {
  color: #fff; }
  .lightText a:visited {
    color: #fff; }
  .lightText a:hover, .lightText a:active {
    color: #fff;
    background-color: #BFC3C1; }

.download,
.share {
  text-decoration: none;
  margin-right: 25px;
  display: inline-block; }

.socialPlugin {
  display: inline-block;
  width: 0;
  position: relative;
  left: -100px; }

.socialPlugin .showSocialButtons {
  display: none; }

.socialPlugin .socials {
  position: relative;
  z-index: 200; }

.socialPlugin .socials .fa:hover {
  border: 2px solid rgba(255, 255, 255, 0.6); }

.socialPlugin .socials .fa:hover:before {
  -webkit-transform: translate3D(0, -50%, 0);
  transform: translate3D(0, -50%, 0);
  opacity: 0.6; }

.socialPlugin .socials .fa:hover:after {
  -webkit-transform: none;
  transform: none; }

.socialPlugin .socials .fa:focus {
  outline: none; }

/*
.share:hover {
  color: #fff;
  background-color: #BFC3C1;
}*/
.lightText .download:before {
  content: url(images/down-light.png);
  margin: 0 10px 0 0px;
  position: relative;
  top: 0px; }

.download:before {
  content: url(images/down-dark.png);
  margin: 0 10px 0 0px;
  position: relative;
  top: 0px; }

.download:hover:before {
  content: url(images/down-light.png);
  margin: 0 10px 0 0px;
  position: relative;
  top: 0px; }

.share:hover:before {
  content: url(images/social-light.png);
  position: relative;
  top: 0px; }

.lightText .share:before {
  content: url(images/social-light.png);
  margin: 0 7px 0 0px;
  position: relative;
  top: 0px; }

a.share:before {
  content: url(images/social-dark.png);
  margin: 0 7px 0 0px;
  position: relative;
  top: 0px; }

.site-content a.external:after {
  content: url(images/external-link.png);
  margin: 0 2px 0 3px;
  position: relative;
  top: 0px;
  display: inline-block; }

.site-content a.external:hover:after {
  content: url(images/external-link-light.png);
  margin: 0 2px 0 3px;
  position: relative;
  top: 0px; }

.site-content .lightText a.external:after {
  content: url(images/external-link-light.png); }

body div.sharedaddy, body #content div.sharedaddy, body #main div.sharedaddy {
  font-size: 1000%px;
  font-size: 100%rem;
  font-family: "Roboto", sans-serif; }

body div.sharedaddy div.sd-block {
  border: none;
  margin: 4em 0 2em 0 !important;
  padding: 0; }

#content div.sharedaddy div.sd-block h3.sd-title {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Roboto", sans-serif !important;
  font-weight: normal;
  text-align: left;
  width: auto;
  padding: 0 20px 5px 0; }

body div.sharedaddy .sd-content {
  float: none;
  width: auto;
  display: inline-block;
  margin-top: 3px; }

body div.sharedaddy a:after {
  content: '' !important;
  display: none !important; }

.main-navigation a.facebook {
  display: inline-block;
  background-image: url(images/icon-facebook-light.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 36px; }

.main-navigation a.twitter {
  display: inline-block;
  background-image: url(images/icon-twitter-light.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 36px;
  margin-right: 50px; }

.site-content a.facebook {
  padding-left: 35px;
  background-image: url(images/icon-facebook-dark.png);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: 8px center; }

.site-content a.twitter {
  padding-left: 35px;
  background-image: url(images/icon-twitter-dark.png);
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: 3px center; }

.site-content a.email {
  padding-left: 35px;
  background-image: url(images/icon-envelope-dark.png);
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: 3px center; }

.site-content a.facebook:hover {
  background-image: url(images/icon-facebook-light.png); }

.site-content a.twitter:hover {
  background-image: url(images/icon-twitter-light.png); }

.site-content a.email:hover {
  background-image: url(images/icon-envelope-light.png); }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
html.nav-open {
  overflow: hidden; }

.site-header {
  top: 0;
  position: fixed;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  transition: max-height 0.2s, background-color 0.2s;
  overflow: hidden;
  height: 100%;
  max-height: 55px;
  min-height: 55px;
  -webkit-transform: translateZ(0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 640px) {
  .site-header {
    max-height: 80px;
    min-height: 80px;
    transition: max-height 0.5s, background-color 0.5s; } }
.nav-open .site-header {
  max-height: 100%;
  background-color: #9E9F9F; }

.nav-open .site-header {
  overflow-y: scroll; }

.nav-open .main-navigation {
  max-height: none;
  border-top-color: #fff; }

.main-navigation {
  position: absolute;
  text-align: center;
  padding-top: 4em;
  z-index: 20;
  -webkit-transform: translateZ(0);
  width: 100%;
  display: block;
  border-top: 2px solid transparent;
  transition: border-top-color 0.75s;
  /*background-color: $color__menu_fixed;*/
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0; }
  .main-navigation ul {
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
    max-width: 80%; }
    .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 li:hover > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li {
    position: relative;
    margin-bottom: 1.2em; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

.menu {
  margin: 0; }

.menu li {
  list-style: none;
  padding: 0;
  margin-left: auto;
  margin-right: auto; }

.menu a:hover {
  text-decoration: underline;
  background-color: transparent; }

.site-header .reportTitle:hover,
.site-header .reportTitle:active {
  transition: background-color 0.5s, color 0.4s;
  color: #BFC3C1;
  background-color: rgba(0, 0, 0, 0.2); }

.site-header .progressBar {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  transition: width 0.5s; }

.nav-open .site-header .progressBar,
.nav-closing .site-header .progressBar {
  height: 0; }

.mainNavButton {
  display: inline-block;
  float: right;
  padding: 15px 10px 10px;
  cursor: pointer; }

.mainNavButton ul {
  top: 2px;
  position: relative;
  margin: 0 0 0 6px; }

.mainNavButton ul li {
  display: block;
  list-style: none;
  width: 23px;
  height: 4px;
  margin-bottom: 4px;
  margin-left: 0;
  background-color: #fff;
  opacity: 0.8;
  transition: background-color 0.2s, transform 0.5s, width 0.5s; }

.mainNavButton:hover ul li {
  background-color: #BFC3C1;
  transition: background-color 0.1s, transform 0.5s width 0.5s, opacity 0.5s; }

.mainNavButton ul li:nth-of-type(1) {
  transform-origin: 0 6px; }

.mainNavButton ul li:nth-of-type(2) {
  transition: background-color 0.1s, opacity 0.5s; }

.mainNavButton ul li:nth-of-type(3) {
  transform-origin: 0% 0; }

.nav-open .mainNavButton ul li:nth-of-type(1) {
  transform: rotateZ(45deg);
  transform-origin: 0 4px;
  width: 22px; }

.nav-open .mainNavButton ul li:nth-of-type(2) {
  transition: opacity 0.25s;
  opacity: 0; }

.nav-open .mainNavButton ul li:nth-of-type(3) {
  transform: rotateZ(-45deg);
  width: 22px; }

@media (min-width: 640px) {
  .nav-open .mainNavButton ul li:nth-of-type(1) {
    transform: rotateZ(45deg);
    transform-origin: 0 6px;
    width: 31px; }

  .nav-open .mainNavButton ul li:nth-of-type(2) {
    transition: opacity 0.25s;
    opacity: 0; }

  .nav-open .mainNavButton ul li:nth-of-type(3) {
    transform: rotateZ(-45deg);
    width: 31px; } }
.menu-additional-links-container {
  margin-bottom: 7em; }

.menu-footer-container {
  margin: 0 0 25px -10px; }

.menu-footer-container li {
  display: inline-block; }

.menu-footer-container li a {
  padding: 0px 10px 0px 10px; }

.site-header .navTitle {
  position: relative;
  text-align: left;
  margin: 0px 10px 5px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2; }

.site-header .reportTitle {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  margin-left: 15px;
  margin-top: 2px;
  transition: background-color 0.3s, color 0.2s;
  text-decoration: none;
  border-radius: 10px; }
  .site-header .reportTitle .subheadWrap {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }

.site-header .reportTitle .subTitle {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: -3px; }

.logoicon {
  position: relative;
  width: 43px;
  top: -1px;
  display: inline-block;
  vertical-align: middle; }

@media (min-width: 640px) {
  .logoicon {
    width: 56px;
    top: -2px; }

  .main-navigation {
    top: 80px; }

  .site-header .reportTitle {
    font-size: 18px;
    font-size: 1.8rem; }

  .site-header .reportTitle .subTitle {
    font-size: 12px;
    font-size: 1.2rem; }

  .site-header .navTitle {
    margin: 8px 15px 10px 0; }

  .mainNavButton ul {
    top: 5px; }

  .mainNavButton ul li {
    display: block;
    list-style: none;
    width: 30px;
    height: 6px;
    margin-bottom: 6px; } }
/* Offset fixed mastead to compensate for WP admin bar */
.admin-bar #masthead,
.admin-bar #mastead-mobile {
  margin-top: 32px; }

@media screen and (max-width: 782px) {
  .admin-bar #masthead,
  .admin-bar #mastead-mobile {
    margin-top: 46px; }

  .admin-bar .globalNav {
    margin-top: 46px; } }
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed; } }
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
6.0 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:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #454445;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    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 */ }

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center; }

/* Absolutely centerd content */
.middlecenter .sectionwrapper .wpb_content_element, .middlecenter .sectionwrapper .wpb_content_element:before {
  height: 100%; }

.middlecenter .sectionwrapper .wpb_content_element .wpb_wrapper {
  display: inline-block;
  vertical-align: middle;
  white-space: normal; }

.middlecenter .sectionwrapper .wpb_content_element {
  text-align: center;
  white-space: nowrap;
  width: auto !important;
  height: 100%;
  max-width: none !important; }

.middlecenter .sectionwrapper .wpb_content_element:before {
  display: inline-block;
  vertical-align: middle;
  margin-left: -5px;
  content: ""; }

.wpb_content_element.center {
  text-align: center; }

.wpb_content_element.center > .wpb_wrapper {
  display: inline-block; }

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.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; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets */ }
  .widget select {
    max-width: 100%; }

/* Search widget */
.widget_search .search-submit {
  display: none; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site-content .widget-area {
  overflow: hidden;
  width: 25%; }

.site-footer {
  padding: 75px 0px 100px 0px;
  background-color: #000; }

.site-footer a.logo {
  display: inline-block;
  margin: 1.5em 0 2.5em;
  transition: opacity 0.5s;
  background-color: transparent; }

.site-footer a.logo:hover {
  opacity: 0.6; }

.site-footer .subscribe-form {
  margin-top: 15px; }

.site-footer .subscribe-form .email {
  margin-bottom: 0.5em; }

section .vc_col-sm-12 {
  float: none;
  padding-left: 0;
  padding-right: 0; }

body .vc_col-sm-6 {
  max-width: 540px;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 640px) {
  .vc_col-sm-6:first-of-type {
    padding-right: 20px; }

  .vc_col-sm-6:last-of-type {
    padding-left: 20px; } }
section.wpb_row {
  margin-bottom: 0 !important;
  margin-left: 0;
  margin-right: 0;
  background-color: #EAEEE9; }

section.sectionPhoto {
  background-color: transparent;
  z-index: 0 !important; }

section .background {
  position: absolute;
  width: 100%;
  height: 100%; }

section .backgroundInner {
  background-size: cover;
  background-position: center;
  margin: auto;
  height: 100%; }

section.sectionPhoto.rendered .background {
  transition: transform 5s;
  transform: scale(1.05); }

.sectionPadding .sectionwrapper {
  padding-top: 75px;
  padding-bottom: 75px; }

.sectionPaddingTop .sectionwrapper {
  padding-top: 75px; }

.sectionPaddingBottom .sectionwrapper {
  padding-bottom: 75px; }

@media (min-width: 640px) {
  .sectionPadding .sectionwrapper {
    padding-top: 140px;
    padding-bottom: 140px; }

  .error404 .sectionPadding .sectionwrapper {
    min-height: 350px; }

  .sectionPaddingTop .sectionwrapper {
    padding-top: 140px; }

  .sectionPaddingBottom .sectionwrapper {
    padding-bottom: 140px; } }
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
12.2 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; }

/*# sourceMappingURL=style.css.map */