/*!
Author: ZUUL Inc
Author URI: http://zuul.ca/
Description: Theme for Treadright.org
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ZUUL
*/

@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500|Raleway:300,400,500");
.wtf {
    width: 100%
}

.wtf * {
    box-sizing: border-box;
    font-family: Open Sans, sans-serif
}

.wtf input[type=file] {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.wtf h2,
.wtf p {
    margin: 0 0 .5rem
}

.wtf h3 {
    margin-top: 2rem
}

.wtf .statement {
    margin-bottom: 1rem
}

.wtf .controls * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .25rem
}

.wtf .controls:first-child {
    margin-left: 0
}

#comments .form-submit .wtf .controls input,
#newsletter .wtf .controls input[type=submit],
.category .nav-links .wtf .controls .page-numbers,
.connect #ph-controls .wtf .controls .btn,
.news .nav-links .wtf .controls .page-numbers,
.newsletter #ph-controls .wtf .controls .btn,
.page-template-page-connect #ph-controls .wtf .controls .btn,
.single-post .nav-links .wtf .controls .page-numbers,
.thank-you #ph-controls .wtf .controls .btn,
.wtf .controls #comments .form-submit input,
.wtf .controls .btn,
.wtf .controls .category .nav-links .page-numbers,
.wtf .controls .connect #ph-controls .btn,
.wtf .controls .news .nav-links .page-numbers,
.wtf .controls .newsletter #ph-controls .btn,
.wtf .controls .page-template-page-connect #ph-controls .btn,
.wtf .controls .single-post .nav-links .page-numbers,
.wtf .controls .thank-you #ph-controls .btn {
    font-size: 1.25rem;
    padding: 1rem
}

.wtf .input {
    margin-bottom: 1rem;
    position: relative
}

.wtf .input.warning input {
    border: 2px solid #ef072f
}

.wtf .input.warning .helptext,
.wtf .input.warning .placeholder {
    color: #ef072f
}

.wtf .input.warning .error {
    position: absolute;
    right: 1rem;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
    fill: #ef072f
}

.wtf .helptext {
    display: block;
    font-size: 12px;
    padding: .5rem 1rem;
    margin: 0;
    color: #777
}

#comments .form-submit .wtf input,
#newsletter .wtf input[type=submit],
.category .nav-links .wtf .page-numbers,
.connect #ph-controls .wtf .btn,
.news .nav-links .wtf .page-numbers,
.newsletter #ph-controls .wtf .btn,
.page-template-page-connect #ph-controls .wtf .btn,
.single-post .nav-links .wtf .page-numbers,
.thank-you #ph-controls .wtf .btn,
.wtf #comments .form-submit input,
.wtf .btn,
.wtf .category .nav-links .page-numbers,
.wtf .connect #ph-controls .btn,
.wtf .news .nav-links .page-numbers,
.wtf .newsletter #ph-controls .btn,
.wtf .page-template-page-connect #ph-controls .btn,
.wtf .single-post .nav-links .page-numbers,
.wtf .thank-you #ph-controls .btn {
    display: inline-block;
    padding: .5rem 1rem;
    background-color: #0a0;
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    line-height: 1
}

#comments .form-submit .wtf input.warning,
#newsletter .wtf input.warning[type=submit],
.category .nav-links .wtf .warning.page-numbers,
.connect #ph-controls .wtf .warning.btn,
.news .nav-links .wtf .warning.page-numbers,
.newsletter #ph-controls .wtf .warning.btn,
.page-template-page-connect #ph-controls .wtf .warning.btn,
.single-post .nav-links .wtf .warning.page-numbers,
.thank-you #ph-controls .wtf .warning.btn,
.wtf #comments .form-submit input.warning,
.wtf .btn.warning,
.wtf .category .nav-links .warning.page-numbers,
.wtf .connect #ph-controls .warning.btn,
.wtf .news .nav-links .warning.page-numbers,
.wtf .newsletter #ph-controls .warning.btn,
.wtf .page-template-page-connect #ph-controls .warning.btn,
.wtf .single-post .nav-links .warning.page-numbers,
.wtf .thank-you #ph-controls .warning.btn {
    background-color: #ef072f
}

.wtf label {
    position: relative;
    margin-bottom: 0;
    display: block
}

.wtf label.checkbox,
.wtf label.radio-button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .25rem .25rem 0
}

.wtf label.checkbox input:checked+span,
.wtf label.radio-button input:checked+span {
    background-color: #0a0;
    border-color: #009100
}

.wtf label.checkbox input[disabled]+span,
.wtf label.radio-button input[disabled]+span {
    background-color: transparent;
    color: #777;
    border-color: #ccc;
    position: relative;
    overflow: hidden
}

.wtf label.checkbox input[disabled]+span:after,
.wtf label.checkbox input[disabled]+span:before,
.wtf label.radio-button input[disabled]+span:after,
.wtf label.radio-button input[disabled]+span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    transform: rotate(45deg);
    left: 0;
    background-color: #ccc;
    z-index: 0
}

.wtf label.checkbox input[disabled]+span:after,
.wtf label.radio-button input[disabled]+span:after {
    transform: rotate(-45deg)
}

.wtf label.checkbox span,
.wtf label.radio-button span {
    color: #fff;
    font-size: 16px;
    background-color: #777;
    display: block;
    padding: .5rem 1rem;
    border: 2px solid #6a6a6a
}

.wtf label.acceptance .checked {
    display: none
}

.wtf label.acceptance input:checked~.checked {
    display: inline-block
}

.wtf label.acceptance input:checked~.unchecked {
    display: none
}

.wtf label input,
.wtf label textarea {
    z-index: 1;
    width: 100%;
    height: 42px;
    border: 1px solid #ccc;
    padding: .5rem 0 .5rem 1rem;
    border-radius: 5px;
    line-height: 24px;
    outline: none;
    display: block;
    font-size: 16px;
    resize: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    color: #777
}

.wtf label input[disabled],
.wtf label textarea[disabled] {
    background-color: #eee
}

.wtf label input[type=checkbox],
.wtf label input[type=radio],
.wtf label textarea[type=checkbox],
.wtf label textarea[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .01;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0
}

.wtf label input:-ms-input-placeholder,
.wtf label input::-ms-input-placeholder,
.wtf label textarea:-ms-input-placeholder,
.wtf label textarea::-ms-input-placeholder {
    color: #ccc
}

.wtf label input::placeholder,
.wtf label textarea::placeholder {
    color: #ccc
}

.wtf label textarea {
    height: 100px
}

.wtf label .error {
    display: none
}

.wtf label .placeholder {
    position: absolute;
    top: 10px;
    left: 9px;
    font-size: 16px;
    padding: .25rem .5rem;
    color: #777;
    transition: all .25s linear;
    pointer-events: none;
    line-height: 1;
    visibility: hidden;
    z-index: 10;
    white-space: nowrap
}

.wtf label .inline-error {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    background-color: #ef072f;
    padding: 1rem;
    display: none
}

.wtf label .inline-error p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px
}

.wtf label.filledin .placeholder {
    transform: translate3d(0, -10px, 0);
    font-size: 12px;
    top: 0;
    visibility: visible
}

.wtf label.filledin .placeholder:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: -1
}

.wtf label.focused .placeholder {
    color: #0a0
}

.wtf label.focused input {
    border: 2px solid #0a0
}

.wtf input[type=email],
.wtf input[type=password],
.wtf input[type=text],
.wtf select[type=email],
.wtf select[type=password],
.wtf select[type=text],
.wtf textarea[type=email],
.wtf textarea[type=password],
.wtf textarea[type=text] {
    display: block;
    width: 100%
}

.wtf input[type=submit],
.wtf select[type=submit],
.wtf textarea[type=submit] {
    height: auto;
    border: 0;
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1
}

.wtf .character-limit {
    position: absolute;
    bottom: 10px;
    right: 5px;
    font-size: 14px;
    color: #ccc
}

.wtf .quill {
    height: 150px
}

.wtf .repeater-items {
    position: relative;
    margin-bottom: 1rem
}

.wtf .stripe .cc-fields {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 1fr 1fr;
    grid-template-columns: 3fr 1fr 1fr
}

.wtf .stripe div input {
    border-radius: 0
}

.wtf .stripe div:first-child input {
    border-radius: 5px 0 0 5px;
    border-right: 0
}

.wtf .stripe div:last-child input {
    border-radius: 0 5px 5px 0;
    border-left: 0
}

.wtf .checkboxlist .options {
    font-size: 0
}

.wtf .group-items {
    position: relative
}

.wtf .group-items .repeater-items {
    margin-bottom: 0
}

.wtf .repeater .group {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px;
    grid-template-columns: 1fr 50px;
    grid-column-gap: 10px;
    margin-bottom: 10px
}

.wtf .repeater .group label {
    margin-bottom: 0
}

.wtf .repeater header {
    margin-bottom: 2rem
}

.wtf .repeater header h4 {
    margin-bottom: .5rem
}

.wtf .repeater .group-items {
    display: -ms-grid;
    display: grid
}

.wtf .repeater .group-preview {
    padding: .5rem 1rem
}

.wtf .repeater .remove {
    z-index: 2;
    font-size: 0;
    border-radius: 5px;
    height: 42px;
    width: 100%;
    background-color: #ccc;
    text-align: center
}

.wtf .repeater .remove:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.wtf .repeater .remove .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.wtf .repeater .editmode .group-items {
    display: block
}

.wtf .repeater .input {
    margin-bottom: 0
}

.wtf .repeater .row {
    padding: 0;
    position: relative
}

.wtf .repeater .row.editmode {
    padding: 0;
    display: block
}

.wtf .repeater .row .move {
    width: 32px
}

.wtf .repeater .row:hover .controls {
    display: block
}

.wtf .repeater .row .controls {
    padding: .5rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.wtf .repeater .button {
    margin-bottom: 0
}

.wtf .repeater .repeater-items {
    position: relative
}

.wtf .repeater .repeater-items.cols-2 .group-items {
    grid-column-gap: 1rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.wtf .repeater .repeater-items.cols-3 .group-items {
    grid-column-gap: 1rem;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

.wtf .repeater .repeater .repeater-row .input-row {
    padding-left: 0;
    width: 100%
}

.wtf .repeater-row {
    position: relative
}

.wtf .preview .group-items>* {
    display: none
}

.wtf .preview .group-items .show {
    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    margin-right: 1rem
}

.wtf .preview .group-items .show .edit {
    display: none
}

.wtf .preview .group-items .show .view {
    display: block
}

.wtf .remove-item {
    padding: 1rem;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

.wtf .remove-item .icon {
    fill: #0a0
}

.gallery,
.image {
    margin-bottom: 1rem
}

.gallery .preview,
.image .preview {
    background-color: #fff;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    width: calc(150px - .5rem);
    margin: .25rem;
    height: 0;
    padding-bottom: 150px;
    position: relative
}

.gallery .preview .icon,
.image .preview .icon {
    width: 60%;
    margin: auto;
    display: block;
    fill: #777
}

.gallery .preview .remove,
.image .preview .remove {
    display: block;
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 3px;
    text-decoration: none;
    text-align: right
}

.gallery .preview .remove svg,
.image .preview .remove svg {
    fill: #fff
}

.gallery .preview .text-label,
.image .preview .text-label {
    font-size: 12px;
    color: #777;
    text-align: center;
    width: 75%;
    display: block;
    line-height: 1;
    margin: .5rem auto auto
}

.gallery .preview input,
.image .preview input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.gallery .preview .wrap,
.image .preview .wrap {
    font-size: 0;
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff;
    border-radius: 3px;
    z-index: 1
}

.gallery .preview .wrap .wrap-content,
.image .preview .wrap .wrap-content {
    display: inline-block;
    vertical-align: middle
}

.gallery .preview .wrap img,
.image .preview .wrap img {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.gallery .preview .wrap:before,
.image .preview .wrap:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.gallery .preview canvas,
.gallery .preview img,
.image .preview canvas,
.image .preview img {
    width: 100%;
    height: 100%;
    display: inline-block
}

.dropzone {
    border: 1px dashed #ccc;
    width: 100%;
    padding: 20px;
    position: relative;
    background-color: hsla(0, 0%, 94%, .75);
    text-align: center
}

.dropzone.uploading .progress-bar[value] {
    display: block
}

.dropzone.highlight {
    border-color: purple
}

.dropzone .previews,
.show-previews .dropzone .description {
    display: none
}

.show-previews .dropzone .previews {
    display: block
}

.dropzone p {
    margin-top: 0
}

.dropzone .my-form {
    margin-bottom: 10px
}

.dropzone .gallery {
    margin-top: 10px
}

.dropzone .gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle
}

.dropzone .progress-bar[value] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dropzone .progress-bar[value]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 2px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .25)
}

.dropzone .progress-bar[value]::-webkit-progress-value {
    background-image: linear-gradient(270deg, #f44, #3a3);
    background-size: 100% 100%
}

.dropzone .button {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc
}

.dropzone .button:hover {
    background: #ddd
}

.dropzone .file-selector {
    display: none
}

.input.image.has-value .existing-item {
    display: block
}

.input.image.has-value .new-item,
.input.image.has-value label:before {
    display: none
}

.input.image:hover .controls {
    display: block
}

.input.image .existing-item {
    display: none;
    height: 100%;
    text-align: center
}

.input.image .new-item {
    position: relative;
    height: 100%;
    text-align: center
}

.input.image .new-item:before {
    content: "";
    width: 0;
    height: 100%
}

.input.image .new-item .wrap,
.input.image .new-item:before {
    display: inline-block;
    vertical-align: middle
}

.input.image .new-item.has-preview {
    overflow: hidden
}

.input.image .new-item.has-preview .wrap {
    display: none
}

.input.image .new-item.has-preview canvas {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    margin: auto
}

.input.image .new-item p {
    text-align: center
}

.input.image .controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: none
}

.input.image .controls a {
    color: #fff
}

.input.image .controls a.change {
    pointer-events: none;
    cursor: hand
}

.input.image .controls em {
    display: block
}

.input.image .controls svg {
    fill: #fff
}

.input.image .controls:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.input.image .controls .wrap {
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: middle
}

.input.image .controls:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(68, 68, 68, .4)
}

.input.image label {
    background-color: #eee;
    display: block;
    color: #777;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #ccc;
    width: 300px;
    height: 200px
}

.has-value .input.image label:before {
    display: none
}

.input.image label canvas,
.input.image label img {
    display: block;
    border-bottom: 0;
    height: 100%;
    margin: auto
}

.input.image label .error {
    display: none
}

.input.image label svg {
    fill: #777;
    width: 100px;
    height: 100px;
    display: block;
    margin: auto
}

.input.image .file-selector {
    display: none
}

.wtf .datetime .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 100%;
    padding: 0 10px;
    font-size: 0;
    border-radius: 0 5px 5px 0
}

.wtf .datetime .icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.wtf .datetime .icon svg {
    width: 24px;
    height: 24px;
    fill: #aaa;
    display: inline-block;
    vertical-align: middle
}


/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */


/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: a b c d e f g h i
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,
.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=false],
.ql-editor ul[data-checked=true] {
    pointer-events: none
}

.ql-editor ul[data-checked=false]>li *,
.ql-editor ul[data-checked=true]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=false]>li:before,
.ql-editor ul[data-checked=true]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: a b c d e f g h i;
    counter-increment: j
}

.ql-editor ol li:before {
    content: counter(j, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: a
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(a, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: b c d e f g h i
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: b
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(b, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: c d e f g h i
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: c
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(c, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: d e f g h i
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: d
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(d, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: e f g h i
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: e
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(e, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: f g h i
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: f
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(f, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: g h i
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: g
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(g, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: h i
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: h
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(h, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: i
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: i
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(i, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, .6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover {
    color: #06c
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter {
    stroke: #06c
}

@media (pointer:coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow,
.ql-snow * {
    box-sizing: border-box
}

.ql-snow .ql-hidden {
    display: none
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle
}

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-stroke.ql-thin,
.ql-snow .ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1 {
    font-size: 2em
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em
}

.ql-snow .ql-editor h4 {
    font-size: 1em
}

.ql-snow .ql-editor h5 {
    font-size: .83em
}

.ql-snow .ql-editor h6 {
    font-size: .67em
}

.ql-snow .ql-editor a {
    text-decoration: underline
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}

.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-item:before,
.ql-snow .ql-picker.ql-header .ql-picker-label:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "Heading 1"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
    content: "Heading 2"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
    content: "Heading 3"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
    content: "Heading 4"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
    content: "Heading 5"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
    content: "Heading 6"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-item:before,
.ql-snow .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
    content: "Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
    content: "Monospace"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
}

.ql-snow .ql-picker.ql-size {
    width: 98px
}

.ql-snow .ql-picker.ql-size .ql-picker-item:before,
.ql-snow .ql-picker.ql-size .ql-picker-label:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
    content: "Small"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
    content: "Large"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
    content: "Huge"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0;
    content: "Save";
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-container.ql-snow {
    border: 1px solid #ccc
}

.wtf-wysiwyg {
    margin-bottom: 1rem
}

.wtf-wysiwyg .ql-container.ql-snow,
.wtf-wysiwyg .ql-toolbar.ql-snow {
    border: 1px solid #ccc
}

.wtf-wysiwyg.focused .ql-toolbar.ql-snow {
    border-top: 2px solid #0a0;
    border-left: 2px solid #0a0;
    border-right: 2px solid #0a0
}

.wtf-wysiwyg.focused .ql-container.ql-snow {
    border-bottom: 2px solid #0a0;
    border-left: 2px solid #0a0;
    border-right: 2px solid #0a0
}

.wtf-wysiwyg .ql-toolbar.ql-snow {
    border-radius: 5px 5px 0 0
}

.wtf-wysiwyg .ql-container.ql-snow {
    border-radius: 0 0 5px 5px
}

.wtf-wysiwyg .helptext {
    display: block;
    font-size: 12px;
    padding: .5rem 1rem;
    margin: 0;
    color: #777
}

.autocomplete {
    position: relative
}

.autocomplete .selected-items {
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 10;
    height: 42px
}

.autocomplete .selected-items li {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 10px 0 6px 6px
}

.autocomplete .selected-items li a {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #777;
    padding: 6px;
    border-radius: 3px;
    background-color: #ccc;
    height: 100%
}

.autocomplete .selected-items li a:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: ""
}

.autocomplete .selected-items li a:hover {
    background-color: #ccc;
    color: #fff
}

.autocomplete .selected-items li a:hover svg {
    fill: #fff
}

.autocomplete .selected-items li a svg {
    margin-right: .25rem;
    fill: #777;
    width: 12px;
    height: 12px
}

.autocomplete .selected-items li a span,
.autocomplete .selected-items li a svg {
    display: inline-block;
    vertical-align: middle
}

.autocomplete .search-results {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.autocomplete .search-results ul {
    list-style: none;
    margin: 0;
    padding: .5rem
}

.autocomplete .search-results li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 0 0 .5rem
}

.autocomplete .search-results li a {
    display: block;
    padding: .25rem .5rem;
    border-radius: 5px;
    background-color: #777;
    color: #ccc;
    text-decoration: none;
    font-weight: 100
}

.autocomplete .search-results li a span {
    display: inline-block;
    vertical-align: middle
}

.autocomplete .search-results li a span strong {
    font-weight: 400;
    color: #fff
}

.autocomplete .search-results li a span.add {
    margin-right: .5rem
}

.center-xy {
    position: relative;
    overflow: hidden
}

.center-xy .to-centre,
.center-xy img {
    bottom: -100000px;
    left: -100000px;
    right: -100000px;
    top: -100000px;
    margin: auto;
    position: absolute;
    display: block;
    width: auto
}

.center-unknown {
    font-size: 0;
    text-align: center
}

.center-unknown .content,
.center-unknown:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.center-unknown .content {
    height: auto;
    font-size: 1rem
}

.has-layout {
    font-size: 0
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    height: 100%
}

body.development:after {
    content: "mobile";
    position: fixed;
    top: 0;
    left: calc(50% - 50px);
    background-color: #e73449;
    color: #fff;
    text-align: center;
    width: 100px;
    padding: 1rem;
    z-index: 100000
}

@media (hover:hover) {
    body.development:after {
        content: "can hover"
    }
}

@media (hover:none) {
    body.development:after {
        content: "cant hover"
    }
}

.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    top: 0;
    left: 0;
    z-index: 1
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.wrap {
    width: 100%
}

@media (min-width:60em) {
    .wrap {
        max-width: 960px;
        margin: auto
    }
}

@media (min-width:73.125em) {
    .wrap {
        max-width: 1100px;
        margin: auto
    }
}

@media (min-width:100em) {
    .wrap {
        max-width: 1440px;
        margin: auto
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald;
    font-weight: 400;
    text-transform: uppercase
}

li,
p {
    font-family: Raleway;
    font-weight: 300;
    line-height: 2.5
}

@media (min-width:48em) {
    li,
    p {
        font-size: 1.125rem;
        line-height: 2.5
    }
}

.hr,
hr {
    width: 50px;
    height: 2px;
    margin: 4rem auto;
    border: 0;
    background-color: #a24b1c
}

#featured-brands .hr,
#featured-brands hr {
    background-color: #fff
}

.family .tile .hr,
.family .tile hr,
.family .video-container .hr,
.family .video-container hr {
    background-color: #a88145
}

.brands .hr,
.brands hr {
    background-color: #e73449
}

.single-champion #related .archive-champion .hr,
.single-champion #related .archive-champion hr,
.team .hr,
.team hr {
    background-color: #00aec2
}

.single-champion #related .hr,
.single-champion #related hr {
    background-color: #ef1b44
}

.single-ambassador #related .archive-ambassador .hr,
.single-ambassador #related .archive-ambassador hr,
.team .hr,
.team hr {
    background-color: #00aec2
}

.single-ambassador #related .hr,
.single-ambassador #related hr {
    background-color: #ef1b44
}


main {
    text-align: center;
    display: block
}

main h2 {
    font-size: 3.125rem;
    font-size: 10vw;
    padding-top: 2rem;
    margin: 0
}

main p {
    font-size: .875rem;
    line-height: 2;
    font-weight: 400
}

main .content {
    width: calc(100% - 2rem);
    margin: auto
}

.family main h2 {
    margin: 1rem 0;
    font-family: Oswald;
    font-weight: 300
}

.brands main,
.family main,
main.coloured {
    color: #fff;
    padding: 4rem 0
}

main.people h2 {
    color: #1887C9
}

main.people .icon {
    background-color: #1887C9
}

main.wildlife h2 {
    color: #FEC21C
}

main.wildlife .icon {
    background-color: #FEC21C
}

main.planet h2 {
    color: #6FB740
}

main.planet .icon {
    background-color: #6FB740
}

main.champion .icon {
    background-color: #ef1b44
}

main.ambassador .icon {
    background-color: #ef1b44
}

main.family .icon {
    background-color: #a88145
}

main.impact .icon {
    background-color: #00965a
}

.single-project main h2 {
    color: #000
}

.page-template-page-trips main,
.projects main,
.tax-pillar main {
    text-align: left
}

.page-template-page-trips main h2,
.projects main h2,
.tax-pillar main h2 {
    font-size: 2.75rem;
    font-weight: 100;
    padding: 0 1rem;
    margin-top: 2rem
}

.page-template-page-trips main .content,
.projects main .content,
.tax-pillar main .content {
    max-width: 10000px
}

#comments .form-submit .page-template-page-trips main input,
#comments .form-submit .projects main input,
#comments .form-submit .tax-pillar main input,
#newsletter .wtf .page-template-page-trips main input[type=submit],
#newsletter .wtf .projects main input[type=submit],
#newsletter .wtf .tax-pillar main input[type=submit],
.category .nav-links .page-template-page-trips main .page-numbers,
.category .nav-links .projects main .page-numbers,
.category .nav-links .tax-pillar main .page-numbers,
.connect #ph-controls .page-template-page-trips main .btn,
.connect #ph-controls .projects main .btn,
.connect #ph-controls .tax-pillar main .btn,
.news .nav-links .page-template-page-trips main .page-numbers,
.news .nav-links .projects main .page-numbers,
.news .nav-links .tax-pillar main .page-numbers,
.newsletter #ph-controls .page-template-page-trips main .btn,
.newsletter #ph-controls .projects main .btn,
.newsletter #ph-controls .tax-pillar main .btn,
.page-template-page-connect #ph-controls .page-template-page-trips main .btn,
.page-template-page-connect #ph-controls .projects main .btn,
.page-template-page-connect #ph-controls .tax-pillar main .btn,
.page-template-page-trips main #comments .form-submit input,
.page-template-page-trips main #newsletter .wtf input[type=submit],
.page-template-page-trips main .btn,
.page-template-page-trips main .category .nav-links .page-numbers,
.page-template-page-trips main .connect #ph-controls .btn,
.page-template-page-trips main .news .nav-links .page-numbers,
.page-template-page-trips main .newsletter #ph-controls .btn,
.page-template-page-trips main .page-template-page-connect #ph-controls .btn,
.page-template-page-trips main .single-post .nav-links .page-numbers,
.page-template-page-trips main .thank-you #ph-controls .btn,
.projects main #comments .form-submit input,
.projects main #newsletter .wtf input[type=submit],
.projects main .btn,
.projects main .category .nav-links .page-numbers,
.projects main .connect #ph-controls .btn,
.projects main .news .nav-links .page-numbers,
.projects main .newsletter #ph-controls .btn,
.projects main .page-template-page-connect #ph-controls .btn,
.projects main .single-post .nav-links .page-numbers,
.projects main .thank-you #ph-controls .btn,
.single-post .nav-links .page-template-page-trips main .page-numbers,
.single-post .nav-links .projects main .page-numbers,
.single-post .nav-links .tax-pillar main .page-numbers,
.tax-pillar main #comments .form-submit input,
.tax-pillar main #newsletter .wtf input[type=submit],
.tax-pillar main .btn,
.tax-pillar main .category .nav-links .page-numbers,
.tax-pillar main .connect #ph-controls .btn,
.tax-pillar main .news .nav-links .page-numbers,
.tax-pillar main .newsletter #ph-controls .btn,
.tax-pillar main .page-template-page-connect #ph-controls .btn,
.tax-pillar main .single-post .nav-links .page-numbers,
.tax-pillar main .thank-you #ph-controls .btn,
.thank-you #ph-controls .page-template-page-trips main .btn,
.thank-you #ph-controls .projects main .btn,
.thank-you #ph-controls .tax-pillar main .btn {
    margin-top: 1rem;
    background-color: transparent;
    border: 1px solid #000;
    color: #000
}

.page-template-page-trips main .content,
.projects main .content,
.tax-pillar main .content {
    width: 100%;
    padding: 0 1rem
}

.privacy-policy main,
.cookie-policy main,
.privacy-hub main,
.your-privacy main,
.website-privacy-policy-for-usa main,
.donotsellmypersonalinformation main,
.single-champion main,
.single-ambassador main,
.single-project main,
main.has-arrow {
    padding: 1rem;
    position: relative;
    margin-bottom: 4rem
}

.privacy-policy main h2,
.cookie-policy main h2,
.your-privacy main h2,
.website-privacy-policy-for-usa main h2,
.donotsellmypersonalinformation main h2,
.single-champion main h2,
.single-ambassador main h2,
.single-project main h2,
main.has-arrow h2 {
    font-size: 2.75rem;
    font-weight: 100;
    padding-top: 0
}

.privacy-policy main .icon,
.cookie-policy main .icon,
.your-privacy main .icon,
.website-privacy-policy-for-usa main .icon,
.donotsellmypersonalinformation main .icon,
.single-champion main .icon,
.single-ambassador main .icon,
.single-project main .icon,
main.has-arrow .icon {
    position: absolute;
    bottom: -35px;
    left: calc(50% - 35px);
    width: 70px;
    border-radius: 50%;
    height: 70px
}

.privacy-policy main .content,
.cookie-policy main .content,
.your-privacy main .content,
.website-privacy-policy-for-usa main .content,
.donotsellmypersonalinformation main .content,
.single-champion main .content,
.single-ambassador main .content,
.single-project main .content,
main.has-arrow .content {
    width: 100%
}

.privacy-policy main .wrap,
.cookie-policy main .wrap,
.your-privacy main .wrap,
.website-privacy-policy-for-usa main .wrap,
.donotsellmypersonalinformation main .wrap,
.single-champion main .wrap,
.single-ambassador main .wrap,
.single-project main .wrap,
main.wrapped .wrap {
    border: 1px solid #000;
    text-align: left;
    padding: 1rem
}

.projects main {
    background-color: #e73449
}

.projects main>.wrap {
    height: 600px
}

.projects main>.wrap h2 {
    margin: 2rem 0 1rem
}

.projects main .content div {
    display: none
}

.projects main .content div.all {
    display: block
}

.projects main.people {
    background-color: #1887C9
}

.projects main.people .content .all {
    display: none
}

.projects main.people .content .people {
    display: block
}

.projects main.people h2 {
    color: #000
}

.projects main.planet {
    background-color: #6FB740
}

.projects main.planet h2 {
    color: #000
}

.projects main.planet .content .all {
    display: none
}

.projects main.planet .content .planet {
    display: block
}

.projects main.wildlife {
    background-color: #FEC21C
}

.projects main.wildlife h2 {
    color: #000
}

.projects main.wildlife .content .all {
    display: none
}

.projects main.wildlife .content .wildlife {
    display: block
}

/* Start SDGs Archive
10-reduced-inequalities */

.page-template-page-sdg-archive main .content div {
    display: none;
}

.page-template-page-sdg-archive main .content div.all {
    display: flex;
}

.page-template-page-sdg-archive main.reduced-inequalities .content .reduced-inequalities {
    display: flex
}

.page-template-page-sdg-archive main.reduced-inequalities .content .all {
    display: none;
}

.page-template-page-sdg-archive main.sustainable-cities-and-communities .content .sustainable-cities-and-communities {
    display: flex
}

.page-template-page-sdg-archive main.sustainable-cities-and-communities .content .all {
    display: none;
}

.page-template-page-sdg-archive main.responsible-consumption-and-production .content .responsible-consumption-and-production {
    display: flex
}

.page-template-page-sdg-archive main.responsible-consumption-and-production .content .all {
    display: none;
}

.page-template-page-sdg-archive main.climate-action .content .climate-action {
    display: flex
}

.page-template-page-sdg-archive main.climate-action .content .all {
    display: none;
}

.page-template-page-sdg-archive main.life-below-water .content .life-below-water {
    display:flex
}

.page-template-page-sdg-archive main.life-below-water .content .all {
    display: none;
}

.page-template-page-sdg-archive main.life-on-land .content .life-on-land {
    display: flex
}

.page-template-page-sdg-archive main.life-on-land .content .all {
    display: none;
}

.page-template-page-sdg-archive main.gender-equality .content .gender-equality {
    display: flex
}

.page-template-page-sdg-archive main.gender-equality .content .all {
    display: none;
}

.page-template-page-sdg-archive main.clean-water-and-sanitation .content .clean-water-and-sanitation {
    display: flex
}

.page-template-page-sdg-archive main.clean-water-and-sanitation .content .all {
    display: none;
}

.page-template-page-sdg-archive main.affordable-and-clean-energy .content .affordable-and-clean-energy {
    display: flex
}

.page-template-page-sdg-archive main.affordable-and-clean-energy .content .all {
    display: none;
}

.page-template-page-sdg-archive main.no-poverty .content .no-poverty {
    display: flex
}

.page-template-page-sdg-archive main.no-poverty .content .all {
    display: none;
}



.page-template-page-sdg-archive main.quality-education .content .quality-education {
    display: flex
}

.page-template-page-sdg-archive main.quality-education .content .all {
    display: none;
}


@media (max-width: 960px) {
.page-template-page-sdg-archive main.reduced-inequalities .content .reduced-inequalities {
    display: block;
    text-align:center;
}

.page-template-page-sdg-archive main.sustainable-cities-and-communities .content .sustainable-cities-and-communities {
    display: block;
        text-align:center;
}


.page-template-page-sdg-archive main.responsible-consumption-and-production .content .responsible-consumption-and-production {
    display: block;
        text-align:center;
}


.page-template-page-sdg-archive main.climate-action .content .climate-action {
    display: block;
        text-align:center;
}


.page-template-page-sdg-archive main.life-below-water .content .life-below-water {
    display: block;
        text-align:center;
}

.page-template-page-sdg-archive main.life-on-land .content .life-on-land {
    display: block;
        text-align:center;
}

.page-template-page-sdg-archive main.gender-equality .content .gender-equality {
    display: block;
        text-align:center;
}

.page-template-page-sdg-archive main.clean-water-and-sanitation .content .clean-water-and-sanitation {
    display: block;
        text-align:center;
}


.page-template-page-sdg-archive main.affordable-and-clean-energy .content .affordable-and-clean-energy {
    display: block;
        text-align:center;
}
    
.page-template-page-sdg-archive main.no-poverty .content .no-poverty {
    display: block;
        text-align:center;
}
    
    
.page-template-page-sdg-archive main.quality-education .content .quality-education {
    display: block;
        text-align:center;
}
    
    .page-template-page-sdg-archive main.all .content .all {
    display: block !important;
        text-align:center;
}
    
h2#project-title {
        text-align: center !important;
    font-size:150% !important;
}
    
    .sdg-description-icon {
    width: 80% !important;
    padding: 2em;
    padding-top: 0px;
}
}

/* End SDGs Archive */

.single-project .planet main,
.term-planet main {
    background-color: #6FB740
}

.single-project .wildlife main,
.term-wildlife main {
    background-color: #FEC21C
}

.single-project .people main,
.term-people main {
    background-color: #1887C9
}

main.all {
    background-color: #e73449
}

.single-champion main {
    background-color: #ef1b44
}

.single-ambassador main {
    background-color: #ef1b44
}


.single-champion main h2 {
    font-family: Oswald;
    font-weight: 300
}

.single-ambassador main h2 {
    font-family: Oswald;
    font-weight: 300
}

.single-champion main h2 span {
    color: #fff
}

.single-ambassador main h2 span {
    color: #fff
}

.privacy-policy main, .cookie-policy main, .your-privacy main, .website-privacy-policy-for-usa main, .donotsellmypersonalinformation main {
    background-color: #e73449
}

.privacy-policy main .wrap, .cookie-policy main .wrap, .your-privacy main .wrap, .website-privacy-policy-for-usa main .wrap, .donotsellmypersonalinformation main .wrap {
    padding: 1rem
}

.privacy-policy main .wrap h2, .cookie-policy main .wrap h2, .your-privacy main .wrap h2, .website-privacy-policy-for-usa main .wrap h2, .donotsellmypersonalinformation main .wrap h2 {
    color: #000;
    margin:0px;
}

.privacy-policy main .icon, .cookie-policy main .icon, .your-privacy main .icon, .website-privacy-policy-for-usa main .icon, .donotsellmypersonalinformation main .icon {
    background-color: #e73449
}

.privacy-policy main h2 {
    font-family: Oswald;
    font-weight: 200;
    margin-bottom: 1rem
}

.privacy-policy main h2 span {
    color: #fff
}

.privacy-policy main a {
    color: #e73449
}

.privacy-policy main .content p, .cookie-policy main .content p, .your-privacy main .content p, .website-privacy-policy-for-usa main .content p, .donotsellmypersonalinformation main .content p  {
    color: #fff
}

@media (min-width:48em) {
    main h2 {
        font-size: 5rem;
        margin-top: 3rem
    }
    .home main p {
        max-width: 800px
    }
    main p {
        font-size: .875rem;
        line-height: 2.5;
        margin: auto
    }
    main .content {
        width: 100%;
        margin: auto;
        max-width: 800px
    }
    .page-template-page-trips main,
    .projects main,
    .tax-pillar main {
        text-align: left
    }
    .page-template-page-trips main h2,
    .projects main h2,
    .tax-pillar main h2 {
        font-size: 4.375rem;
        margin-top: 0;
        padding: 0
    }
    #comments .form-submit .page-template-page-trips main input,
    #comments .form-submit .projects main input,
    #comments .form-submit .tax-pillar main input,
    #newsletter .wtf .page-template-page-trips main input[type=submit],
    #newsletter .wtf .projects main input[type=submit],
    #newsletter .wtf .tax-pillar main input[type=submit],
    .category .nav-links .page-template-page-trips main .page-numbers,
    .category .nav-links .projects main .page-numbers,
    .category .nav-links .tax-pillar main .page-numbers,
    .connect #ph-controls .page-template-page-trips main .btn,
    .connect #ph-controls .projects main .btn,
    .connect #ph-controls .tax-pillar main .btn,
    .news .nav-links .page-template-page-trips main .page-numbers,
    .news .nav-links .projects main .page-numbers,
    .news .nav-links .tax-pillar main .page-numbers,
    .newsletter #ph-controls .page-template-page-trips main .btn,
    .newsletter #ph-controls .projects main .btn,
    .newsletter #ph-controls .tax-pillar main .btn,
    .page-template-page-connect #ph-controls .page-template-page-trips main .btn,
    .page-template-page-connect #ph-controls .projects main .btn,
    .page-template-page-connect #ph-controls .tax-pillar main .btn,
    .page-template-page-trips main #comments .form-submit input,
    .page-template-page-trips main #newsletter .wtf input[type=submit],
    .page-template-page-trips main .btn,
    .page-template-page-trips main .category .nav-links .page-numbers,
    .page-template-page-trips main .connect #ph-controls .btn,
    .page-template-page-trips main .news .nav-links .page-numbers,
    .page-template-page-trips main .newsletter #ph-controls .btn,
    .page-template-page-trips main .page-template-page-connect #ph-controls .btn,
    .page-template-page-trips main .single-post .nav-links .page-numbers,
    .page-template-page-trips main .thank-you #ph-controls .btn,
    .projects main #comments .form-submit input,
    .projects main #newsletter .wtf input[type=submit],
    .projects main .btn,
    .projects main .category .nav-links .page-numbers,
    .projects main .connect #ph-controls .btn,
    .projects main .news .nav-links .page-numbers,
    .projects main .newsletter #ph-controls .btn,
    .projects main .page-template-page-connect #ph-controls .btn,
    .projects main .single-post .nav-links .page-numbers,
    .projects main .thank-you #ph-controls .btn,
    .single-post .nav-links .page-template-page-trips main .page-numbers,
    .single-post .nav-links .projects main .page-numbers,
    .single-post .nav-links .tax-pillar main .page-numbers,
    .tax-pillar main #comments .form-submit input,
    .tax-pillar main #newsletter .wtf input[type=submit],
    .tax-pillar main .btn,
    .tax-pillar main .category .nav-links .page-numbers,
    .tax-pillar main .connect #ph-controls .btn,
    .tax-pillar main .news .nav-links .page-numbers,
    .tax-pillar main .newsletter #ph-controls .btn,
    .tax-pillar main .page-template-page-connect #ph-controls .btn,
    .tax-pillar main .single-post .nav-links .page-numbers,
    .tax-pillar main .thank-you #ph-controls .btn,
    .thank-you #ph-controls .page-template-page-trips main .btn,
    .thank-you #ph-controls .projects main .btn,
    .thank-you #ph-controls .tax-pillar main .btn {
        margin-top: 1rem;
        background-color: transparent;
        border: 1px solid #000;
        color: #000
    }
    .page-template-page-trips main .content,
    .projects main .content,
    .tax-pillar main .content {
        padding: 0
    }
    .single-champion main .wrap,
    .single-ambassador main .wrap,
    .single-project main .wrap,
    main.wrapped .wrap {
        padding: 20px 60px
    }
    .single-champion main,
    .single-ambassador main,
    .single-project main,
    main.has-arrow {
        padding: 70px 0
    }
    .single-champion main h2,
    .single-ambassador main h2,
    .single-project main h2,
    main.has-arrow h2 {
        font-size: 4.375rem;
        padding-top: 2rem
    }
    .privacy-policy main, .cookie-policy main, .your-privacy main, .website-privacy-policy-for-usa main, .donotsellmypersonalinformation main {
        padding: 100px;
        min-height: 500px
    }
    .privacy-policy main .wrap, .cookie-policy main .wrap, .your-privacy main .wrap, .website-privacy-policy-for-usa main .wrap, .donotsellmypersonalinformation main .wrap {
        padding: 100px
    }
}

@media (min-width:48em) {
    main h2 {
        font-size: 6.25rem
    }
    .page-template-page-pillar main h2 {
        margin-bottom: 2rem
    }
    .impact main h2,
    .privacy-policy main h2,
    .cookie-policy main h2,
      .your-privacy main h2,
    .website-privacy-policy-for-usa main h2,
     .donotsellmypersonalinformation main h2,
    .single-champion main h2,
    .single-ambassador main h2,
    .single-project main h2 {
        padding-top: 0;
        margin: 2rem 0
    }
    .impact main .content,
    .privacy-policy main .content,
    .cookie-policy main .content,
    .your-privacy main .content,
    .website-privacy-policy-for-usa main .content,
     .donotsellmypersonalinformation main .content,
    .single-champion main .content,
    .single-ambassador main .content,
    .single-project main .content {
        max-width: 10000px;
        margin-bottom: 2rem
    }
    .privacy-policy main h2 {
        margin: 0
    }
    main p {
        font-size: 1.125rem;
        line-height: 2.5;
        margin: auto
    }
}

footer {
    background-color: #000;
    color: #fff;
    padding: 1rem
}

footer p {
    margin: 0
}

footer .extra-links {
    margin-bottom: 2rem
}

footer .extra-links a {
    color: #fff;
    text-decoration: none;
    font-family: Oswald;
    font-weight: 400;
    text-transform: uppercase
}

footer .extra-links .wrap {
    text-align: center
}

footer .site-map .wrap {
    padding: 0 20px;
    margin: 5rem auto 3rem;
    font-size: 0
}

footer .site-map .footer-menu {
    margin-bottom: 2rem;
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

footer .site-map .footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

footer .site-map .footer-menu a {
    color: #fff;
    text-decoration: none;
    font-family: Oswald;
    font-weight: 400;
    font-size: .875rem;
    text-transform: uppercase
}

footer .brands {
    margin-bottom: 1rem
}

footer .brands .wrap {
    text-align: center
}

footer .brands ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer .brands li {
    display: inline-block;
    vertical-align: middle
}

footer .brands li:first-child {
    margin-right: 2rem
}

footer .brands li:nth-child(3) {
    margin-left: 2rem
}

footer .brands #tollman-logo {
    max-width:70px
}
        
        footer .brands #treadright-logo{
    max-height:120px;
}

        footer .brands #ttc-logo{
    max-height:70px;
}

@media (max-width:500px){
        footer .brands #treadright-logo{
    max-height:70px;
}

}


footer .site-info .wrap {
    text-align: center;
    color: #fff
}

footer .site-info .wrap p {
    font-family: Oswald;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.3
}

@media (min-width:60em) {
    footer .brands img {
        max-height: 90px;
        width: auto
    }
    footer .site-map .wrap {
        padding: 0 100px;
        margin: 5rem auto 3rem;
        font-size: 0
    }
    footer .site-map .footer-menu {
        margin-bottom: 0;
        display: inline-block;
        vertical-align: top;
        width: 25%;
        margin: 0
    }
    footer .site-map .footer-menu a {
        font-size: 1rem
    }
}

section {
    text-align: center;
    margin-bottom: 4rem
}

section h3 {
    font-size: 3.125rem;
    font-size: 10vw;
	max-width:95%;
	margin-left: auto;
    margin-right: auto;
}

section .content {
    width: 90%;
    display: inline-block
}

section .content p {
    font-weight: 400
}

section#featured-videos .grid {
    display: block;
    width: 100%;
    margin: auto
}

section#featured-videos .grid div {
    padding-bottom: 56.65%;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

@media (min-width:48em) {
    section h3 {
        font-size: 5rem
    }
    section .content {
        width: 60%;
        display: inline-block
    }
    section#featured-videos .grid {
        font-size: 0
    }
    
    section#featured-videos .video-thirds-grid {
        width: 80%;
        margin: auto;
        padding: 0px;
    }
    
    section#featured-videos .grid .tile:nth-child(odd),
    section#featured-videos .grid .video-container:nth-child(odd) {
        -ms-grid-column: 1;
        grid-column: 1
    }
    section#featured-videos .grid .tile:nth-child(2n+2),
    section#featured-videos .grid .video-container:nth-child(2n+2) {
        -ms-grid-column: 2;
        grid-column: 2
    }
    section#featured-videos .grid div {
        padding-bottom: 30%;
        display: inline-block;
        vertical-align: middle;
        width: 46%;
        margin: 1%
    }
}

.privacy-policy a,
.privacy-policy h2, .cookie-policy a,
.cookie-policy h2, .donotsellmypersonalinformation a,
.donotsellmypersonalinformation h2, .website-privacy-policy-for-usa a,
.website-privacy-policy-for-usa h2, .your-privacy a,
.your-privacy h2 {
    color: #e73449
}

.grid {
    display: block;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-bottom: 50px;
    font-size: 0
}

.grid .tile,
.grid .video-container {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    display: inline-block;
    vertical-align: middle
}

.grid-edgeless {
    margin-bottom: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.grid-edgeless .tile .wrap,
.grid-edgeless .video-container .wrap {
    width: 80%
}

.grid-edgeless .tile .title,
.grid-edgeless .video-container .title {
    font-size: 2.25rem;
    line-height: 1
}

.grid-edgeless .tile .location,
.grid-edgeless .video-container .location {
    font-size: .75rem;
    line-height: 1;
    font-family: Raleway;
    color: #fff;
    margin-top: .25rem;
    font-weight: 400
}

.grid-edgeless .tile .excerpt,
.grid-edgeless .video-container .excerpt {
    position: relative;
    font-size: 1rem;
    text-transform: none;
    font-family: Raleway;
    color: #fff;
    font-weight: 100;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:48em) {
    .grid .tile,
    .grid .video-container {
        padding-bottom: 50%
    }
    .grid-edgeless {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:60em) {
    .grid .tile,
    .grid .video-container {
        padding-bottom: 30%
    }
    .grid-edgeless {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

#comments .form-submit input,
#newsletter .wtf input[type=submit],
.btn,
.category .nav-links .page-numbers,
.connect #ph-controls .btn,
.news .nav-links .page-numbers,
.newsletter #ph-controls .btn,
.page-template-page-connect #ph-controls .btn,
.single-post .nav-links .page-numbers,
.thank-you #ph-controls .btn {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 20px;
    color: #000;
    text-decoration: none;
    font-family: Oswald;
    font-weight: 400;
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1
}

#comments .form-submit input.people,
#newsletter .wtf input.people[type=submit],
.btn.people,
.category .nav-links .people.page-numbers,
.connect #ph-controls .people.btn,
.news .nav-links .people.page-numbers,
.newsletter #ph-controls .people.btn,
.page-template-page-connect #ph-controls .people.btn,
.single-post .nav-links .people.page-numbers,
.thank-you #ph-controls .people.btn {
    border-color: #1887C9;
    color: #1887C9
}

#comments .form-submit input.people:hover,
#newsletter .wtf input.people:hover[type=submit],
.btn.people:hover,
.category .nav-links .people.page-numbers:hover,
.connect #ph-controls .people.btn:hover,
.news .nav-links .people.page-numbers:hover,
.newsletter #ph-controls .people.btn:hover,
.page-template-page-connect #ph-controls .people.btn:hover,
.single-post .nav-links .people.page-numbers:hover,
.thank-you #ph-controls .people.btn:hover {
    background-color: #1887C9;
    border: 1px solid #1887C9
}

#comments .form-submit input.planet,
#newsletter .wtf input.planet[type=submit],
.btn.planet,
.category .nav-links .planet.page-numbers,
.connect #ph-controls .planet.btn,
.news .nav-links .planet.page-numbers,
.newsletter #ph-controls .planet.btn,
.page-template-page-connect #ph-controls .planet.btn,
.single-post .nav-links .planet.page-numbers,
.thank-you #ph-controls .planet.btn {
    border-color: #6FB740;
    color: #6FB740
}

#comments .form-submit input.planet:hover,
#newsletter .wtf input.planet:hover[type=submit],
.btn.planet:hover,
.category .nav-links .planet.page-numbers:hover,
.connect #ph-controls .planet.btn:hover,
.news .nav-links .planet.page-numbers:hover,
.newsletter #ph-controls .planet.btn:hover,
.page-template-page-connect #ph-controls .planet.btn:hover,
.single-post .nav-links .planet.page-numbers:hover,
.thank-you #ph-controls .planet.btn:hover {
    background-color: #6FB740;
    border: 1px solid #6FB740
}

#comments .form-submit input.wildlife,
#newsletter .wtf input.wildlife[type=submit],
.btn.wildlife,
.category .nav-links .wildlife.page-numbers,
.connect #ph-controls .wildlife.btn,
.news .nav-links .wildlife.page-numbers,
.newsletter #ph-controls .wildlife.btn,
.page-template-page-connect #ph-controls .wildlife.btn,
.single-post .nav-links .wildlife.page-numbers,
.thank-you #ph-controls .wildlife.btn {
    border-color: #FEC21C;
    color: #FEC21C
}

#comments .form-submit input.wildlife:hover,
#newsletter .wtf input.wildlife:hover[type=submit],
.btn.wildlife:hover,
.category .nav-links .wildlife.page-numbers:hover,
.connect #ph-controls .wildlife.btn:hover,
.news .nav-links .wildlife.page-numbers:hover,
.newsletter #ph-controls .wildlife.btn:hover,
.page-template-page-connect #ph-controls .wildlife.btn:hover,
.single-post .nav-links .wildlife.page-numbers:hover,
.thank-you #ph-controls .wildlife.btn:hover {
    background-color: #FEC21C;
    border: 1px solid #FEC21C
}

#comments .form-submit .team input,
#newsletter .wtf .team input[type=submit],
.category .nav-links .team .page-numbers,
.connect #ph-controls .team .btn,
.news .nav-links .team .page-numbers,
.newsletter #ph-controls .team .btn,
.page-template-page-connect #ph-controls .team .btn,
.single-post .nav-links .team .page-numbers,
.team #comments .form-submit input,
.team #newsletter .wtf input[type=submit],
.team .btn,
.team .category .nav-links .page-numbers,
.team .connect #ph-controls .btn,
.team .news .nav-links .page-numbers,
.team .newsletter #ph-controls .btn,
.team .page-template-page-connect #ph-controls .btn,
.team .single-post .nav-links .page-numbers,
.team .thank-you #ph-controls .btn,
.thank-you #ph-controls .team .btn {
    border-color: #00aec2;
    color: #00aec2
}

#comments .form-submit .team input:hover,
#newsletter .wtf .team input:hover[type=submit],
.category .nav-links .team .page-numbers:hover,
.connect #ph-controls .team .btn:hover,
.news .nav-links .team .page-numbers:hover,
.newsletter #ph-controls .team .btn:hover,
.page-template-page-connect #ph-controls .team .btn:hover,
.single-post .nav-links .team .page-numbers:hover,
.team #comments .form-submit input:hover,
.team #newsletter .wtf input:hover[type=submit],
.team .btn:hover,
.team .category .nav-links .page-numbers:hover,
.team .connect #ph-controls .btn:hover,
.team .news .nav-links .page-numbers:hover,
.team .newsletter #ph-controls .btn:hover,
.team .page-template-page-connect #ph-controls .btn:hover,
.team .single-post .nav-links .page-numbers:hover,
.team .thank-you #ph-controls .btn:hover,
.thank-you #ph-controls .team .btn:hover {
    background-color: #00aec2;
    border: 1px solid #00aec2
}

#comments .form-submit input,
.btn-alternate {
    background-color: transparent;
    border: 1px solid #000;
    color: #000
}

#comments .form-submit input:hover,
.btn-alternate:hover {
    background-color: #000;
    color: #fff
}

.btn-alternate2,
.category .nav-links .page-numbers,
.news .nav-links .page-numbers,
.single-post .nav-links .page-numbers {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.btn-alternate2:hover,
.category .nav-links .page-numbers:hover,
.news .nav-links .page-numbers:hover,
.single-post .nav-links .page-numbers:hover {
    background-color: #000;
    color: #fff
}

#comments .form-submit input:hover,
#newsletter .wtf input:hover[type=submit],
.btn:hover,
.category .nav-links .page-numbers:hover,
.connect #ph-controls .btn:hover,
.news .nav-links .page-numbers:hover,
.newsletter #ph-controls .btn:hover,
.page-template-page-connect #ph-controls .btn:hover,
.single-post .nav-links .page-numbers:hover,
.thank-you #ph-controls .btn:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000
}

#icons-wrap {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

#cookie-alert {
    background-color: #333;
    color: #fff;
    line-height: 1;
    font-size: 0
}

.with-cookie #cookie-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 30
}

#cookie-alert .wrap {
    position: relative;
    padding: 1rem;
    margin: 0 auto;
    font-family: OswaldExtraLight, sans-serif;
    text-align: left;
    max-width: 1750px;
    font-weight: 100;
    font-size: 42px;
    line-height: 1.3em
}

#cookie-alert .wrap .content {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1
}

#cookie-alert .wrap .content a {
    color: inherit;
    text-decoration: underline
}

#cookie-alert .controls {
    margin-top: 1rem
}

#cookie-alert .controls:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: ""
}

#comments .form-submit #cookie-alert .controls input,
#cookie-alert .controls #comments .form-submit input,
#cookie-alert .controls #newsletter .wtf input[type=submit],
#cookie-alert .controls .btn,
#cookie-alert .controls .category .nav-links .page-numbers,
#cookie-alert .controls .news .nav-links .page-numbers,
#cookie-alert .controls .single-post .nav-links .page-numbers,
#newsletter .wtf #cookie-alert .controls input[type=submit],
.category .nav-links #cookie-alert .controls .page-numbers,
.news .nav-links #cookie-alert .controls .page-numbers,
.single-post .nav-links #cookie-alert .controls .page-numbers {
    display: inline-block;
    vertical-align: middle;
    background-color: #333;
    color: #fff;
    border: 1px solid #fff;
    line-height: 1
}

#comments .form-submit #cookie-alert .controls input:hover,
#cookie-alert .controls #comments .form-submit input:hover,
#cookie-alert .controls #newsletter .wtf input:hover[type=submit],
#cookie-alert .controls .btn:hover,
#cookie-alert .controls .category .nav-links .page-numbers:hover,
#cookie-alert .controls .news .nav-links .page-numbers:hover,
#cookie-alert .controls .single-post .nav-links .page-numbers:hover,
#newsletter .wtf #cookie-alert .controls input:hover[type=submit],
.category .nav-links #cookie-alert .controls .page-numbers:hover,
.news .nav-links #cookie-alert .controls .page-numbers:hover,
.single-post .nav-links #cookie-alert .controls .page-numbers:hover {
    background-color: #fff;
    color: #333
}

@media (min-width:48em) {
    #cookie-alert {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10001
    }
    #cookie-alert .wrap {
        height: 80px;
        padding: 0 1rem
    }
    #cookie-alert .wrap:before {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        background-color: #ff0;
        content: ""
    }
    #cookie-alert .controls {
        position: absolute;
        right: 1rem;
        top: 0;
        height: 100%;
        margin-top: 0
    }
}

body {
    margin: 0;
    line-height: 1.4
}

html.is-tablet.menu-opened {
    overflow: auto;
    height: auto
}

html.is-tablet.menu-opened body {
    overflow: auto!important
}

.header {
    display: block;
    height: 50px;
    overflow: hidden;
    transition: all .5s ease-out;
    z-index: 1001;
    text-align: right;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.header,
.menu-opened .header:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.menu-opened .header:before {
    height: 100%;
    content: ""
}

.header:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
    left: 11px;
    width: calc(100% - 22px);
    height: 1px;
    background-color: hsla(0, 0%, 100%, .75);
    transition: all .3s ease-in;
    transition-delay: .25s
}

.header .menu-logo {
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    text-align: center
}

.header .menu-logo img {
    display: block;
    margin: auto
}

.header .burger-container {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all .3s cubic-bezier(.4, .01, .165, .99);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #000;
    z-index: 10
}

.header .burger-container #burger {
    width: 18px;
    height: 8px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%
}

.header .burger-container #burger .bar {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: #fff;
    transition: all .3s cubic-bezier(.4, .01, .165, .99);
    transition-delay: 0s
}

.header .burger-container #burger .bar.topBar {
    transform: translateY(0) rotate(0deg)
}

.header .burger-container #burger .bar.btmBar {
    transform: translateY(6px) rotate(0deg)
}

.header .icon {
    display: inline-block;
    position: absolute;
    height: 100%;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    left: 50%;
    transform: translateX(-50%)
}

.header .icon.icon-bag {
    right: 0;
    top: 0;
    left: auto;
    transform: translateX(0);
    transition: transform .5s cubic-bezier(.4, .01, .165, .99);
    transition-delay: .65s
}

.header #primary-menu {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%
}

.header ul {
    position: relative;
    display: block;
    text-align: left;
    padding: 0 48px;
    list-style: none;
    z-index: 1
}

.header ul .page_item,
.header ul li.menu-item {
    text-align: center;
    padding: 0.5em !important;
    transform: scale(1.15) translateY(-30px);
    opacity: 0;
    transition: transform .5s cubic-bezier(.4, .01, .165, .99), opacity .6s cubic-bezier(.4, .01, .165, .99)
}

.header ul .page_item:first-child,
.header ul li.menu-item:first-child {
    transition-delay: .49s
}

.header ul .page_item:nth-child(2),
.header ul li.menu-item:nth-child(2) {
    transition-delay: .42s
}

.header ul .page_item:nth-child(3),
.header ul li.menu-item:nth-child(3) {
    transition-delay: .35s
}

.header ul .page_item:nth-child(4),
.header ul li.menu-item:nth-child(4) {
    transition-delay: .28s
}

.header ul .page_item:nth-child(5),
.header ul li.menu-item:nth-child(5) {
    transition-delay: .21s
}

.header ul .page_item:nth-child(6),
.header ul li.menu-item:nth-child(6) {
    transition-delay: .14s
}

.header ul .page_item:nth-child(7),
.header ul li.menu-item:nth-child(7) {
    transition-delay: .07s
}

.header ul .page_item:nth-child(8),
.header ul li.menu-item:nth-child(8) {
    transition-delay: 0s
}

.header ul .page_item:nth-child(9),
.header ul li.menu-item:nth-child(9) {
    transition-delay: -.07s
}

.header ul .page_item:nth-child(10),
.header ul li.menu-item:nth-child(10) {
    transition-delay: -.14s
}

.header ul .page_item:nth-child(11),
.header ul li.menu-item:nth-child(11) {
    transition-delay: -.21s
}

.header ul .page_item:nth-child(12),
.header ul li.menu-item:nth-child(12) {
    transition-delay: -.28s
}

.header ul .page_item:nth-child(13),
.header ul li.menu-item:nth-child(13) {
    transition-delay: -.35s
}

.header ul .page_item:nth-child(14),
.header ul li.menu-item:nth-child(14) {
    transition-delay: -.42s
}

.header ul .page_item:nth-child(15),
.header ul li.menu-item:nth-child(15) {
    transition-delay: -.49s
}

.header ul .page_item:nth-child(16),
.header ul li.menu-item:nth-child(16) {
    transition-delay: -.56s
}

.header ul .page_item:nth-child(17),
.header ul li.menu-item:nth-child(17) {
    transition-delay: -.63s
}


.header ul .page_item:nth-child(18),
.header ul li.menu-item:nth-child(18) {
    transition-delay: -.70s
}


.header ul .page_item a,
.header ul li.menu-item a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
    text-transform: uppercase;
    width: 100%;
    transition: color 0s linear;
    font-family: Oswald;
    font-weight: 400
}

.menu-opened .header {
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    transition: all .3s ease-in;
    overflow: auto
}

.menu-opened .header:after {
    top: 50px;
    opacity: 1
}

.menu-opened .header #primary-menu {
    display: block
}

.menu-opened .header .burger-container {
    transform: rotate(90deg);
    transition-delay: .25s;
    background-color: transparent
}

.menu-opened .header .burger-container:after {
    border: 1px solid hsla(0, 0%, 100%, .75);
    content: "";
    position: absolute;
    top: 11px;
    left: 11px;
    width: 26px;
    height: 26px;
    z-index: 0;
    pointer-events: none
}

.menu-opened .header .burger-container #burger .bar {
    transition: all .4s cubic-bezier(.4, .01, .165, .99);
    transition-delay: .2s
}

.menu-opened .header .burger-container #burger .bar.topBar {
    transform: translateY(4px) rotate(45deg)
}

.menu-opened .header .burger-container #burger .bar.btmBar {
    transform: translateY(3px) rotate(-45deg)
}

.menu-opened .header ul .page_item,
.menu-opened .header ul li.menu-item {
    transform: scale(1) translateY(0);
    opacity: 1
}

.menu-opened .header ul .page_item:first-child,
.menu-opened .header ul li.menu-item:first-child {
    transition-delay: .27s
}

.menu-opened .header ul .page_item:nth-child(2),
.menu-opened .header ul li.menu-item:nth-child(2) {
    transition-delay: .34s
}

.menu-opened .header ul .page_item:nth-child(3),
.menu-opened .header ul li.menu-item:nth-child(3) {
    transition-delay: .41s
}

.menu-opened .header ul .page_item:nth-child(4),
.menu-opened .header ul li.menu-item:nth-child(4) {
    transition-delay: .48s
}

.menu-opened .header ul .page_item:nth-child(5),
.menu-opened .header ul li.menu-item:nth-child(5) {
    transition-delay: .55s
}

.menu-opened .header ul .page_item:nth-child(6),
.menu-opened .header ul li.menu-item:nth-child(6) {
    transition-delay: .62s
}

.menu-opened .header ul .page_item:nth-child(7),
.menu-opened .header ul li.menu-item:nth-child(7) {
    transition-delay: .69s
}

.menu-opened .header ul .page_item:nth-child(8),
.menu-opened .header ul li.menu-item:nth-child(8) {
    transition-delay: .76s
}

.menu-opened .header ul .page_item:nth-child(9),
.menu-opened .header ul li.menu-item:nth-child(9) {
    transition-delay: .83s
}

.menu-opened .header ul .page_item:nth-child(10),
.menu-opened .header ul li.menu-item:nth-child(10) {
    transition-delay: .9s
}

.menu-opened .header ul .page_item:nth-child(11),
.menu-opened .header ul li.menu-item:nth-child(11) {
    transition-delay: .97s
}

.menu-opened .header ul .page_item:nth-child(12),
.menu-opened .header ul li.menu-item:nth-child(12) {
    transition-delay: 1.04s
}

.menu-opened .header ul .page_item:nth-child(13),
.menu-opened .header ul li.menu-item:nth-child(13) {
    transition-delay: 1.11s
}

.menu-opened .header ul .page_item:nth-child(14),
.menu-opened .header ul li.menu-item:nth-child(14) {
    transition-delay: 1.18s
}

.menu-opened .header ul .page_item:nth-child(15),
.menu-opened .header ul li.menu-item:nth-child(15) {
    transition-delay: 1.25s
}

.menu-opened .header ul .page_item:nth-child(16),
.menu-opened .header ul li.menu-item:nth-child(16) {
    transition-delay: 1.32s
}

.menu-opened .header ul .page_item:nth-child(17),
.menu-opened .header ul li.menu-item:nth-child(17) {
    transition-delay: 1.39s
}

.menu-opened .header ul .page_item:nth-child(18),
.menu-opened .header ul li.menu-item:nth-child(18) {
    transition-delay: 1.46s
}

.menu-opened .header .icon.icon-bag {
    transform: translateX(75px);
    transition-delay: .3s
}

@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .header ul .page_item,
    .header ul li.menu-item {
        width: 48%;
        display: inline-block;
        vertical-align: middle
    }
}

@media (min-width:48em) {
    .header {
        width: 300px;
        position: fixed;
        background-color: transparent;
        -webkit-tap-highlight-color: transparent
    }
    .header .burger-container {
        background-color: #000
    }
    .header .call,
    .header .email {
        opacity: 0;
        transition: all .3s ease-in
    }
    .header ul .page_item a,
    .header ul li.menu-item a {
        position: relative;
        display: block
    }
    .menu-opened .header .burger-container {
        background-color: transparent
    }
    .menu-opened .header .burger-container:after {
        border: 1px solid hsla(0, 0%, 100%, .75);
        content: "";
        position: absolute;
        top: 11px;
        left: 11px;
        width: 26px;
        height: 26px;
        z-index: 0;
        pointer-events: none
    }
    .menu-opened .header .call,
    .menu-opened .header .email {
        opacity: 1
    }
}

.category,
.news,
.single-post {
    background-color: #000;
    color: #fff
}

.category #project-filters,
.news #project-filters,
.single-post #project-filters {
    text-align: center;
    padding: 25px 0
}

.category #project-filters a,
.news #project-filters a,
.single-post #project-filters a {
    font-family: Oswald;
    font-size: 1.125rem
}

.category #project-filters .current-tax a:after,
.news #project-filters .current-tax a:after,
.single-post #project-filters .current-tax a:after {
    bottom: 10px
}

.category #project-filters .current-tax.all a:after,
.news #project-filters .current-tax.all a:after,
.single-post #project-filters .current-tax.all a:after {
    background-color: #e73449
}

.category #project-filters .current-tax.people a:after,
.news #project-filters .current-tax.people a:after,
.single-post #project-filters .current-tax.people a:after {
    background-color: #1887C9
}

.category #project-filters .current-tax.planet a:after,
.news #project-filters .current-tax.planet a:after,
.single-post #project-filters .current-tax.planet a:after {
    background-color: #6FB740
}

.category #project-filters .current-tax.wildlife a:after,
.news #project-filters .current-tax.wildlife a:after,
.single-post #project-filters .current-tax.wildlife a:after {
    background-color: #FEC21C
}

.category #project-filters .all a,
.news #project-filters .all a,
.single-post #project-filters .all a {
    color: #d32
}

.category #project-filters .people a,
.news #project-filters .people a,
.single-post #project-filters .people a {
    color: #1887C9
}

.category #project-filters .planet a,
.news #project-filters .planet a,
.single-post #project-filters .planet a {
    color: #6FB740
}

.category #project-filters .wildlife a,
.news #project-filters .wildlife a,
.single-post #project-filters .wildlife a {
    color: #FEC21C
}

.category article,
.news article,
.single-post article {
    overflow: hidden;
    transition: height .24s linear
}

.category article .wrap,
.news article .wrap,
.single-post article .wrap {
    position: relative;
    text-align: left
}

.category article .hero,
.news article .hero,
.single-post article .hero {
    margin: 0 0 20px;
    width: auto
}

.category article .title,
.news article .title,
.single-post article .title {
    padding-left: 60px;
    position: relative
}

.category article .entry-content,
.news article .entry-content,
.single-post article .entry-content {
    padding: 0 1rem;
    margin: 0 0 1rem
}

.category article .entry-content p,
.news article .entry-content p,
.single-post article .entry-content p {
    margin: 0
}

.category article .entry-content .read-more,
.news article .entry-content .read-more,
.single-post article .entry-content .read-more {
    margin-top: 1rem
}

.category article .entry-content .read-more:hover,
.news article .entry-content .read-more:hover,
.single-post article .entry-content .read-more:hover {
    background-color: #fff;
    color: #000
}

.category article .entry-title,
.news article .entry-title,
.single-post article .entry-title {
    font-size: 1.375rem;
    padding: 1rem;
    line-height: 1;
    text-align: left;
    font-family: Oswald;
    font-weight: 400;
    padding-top: 0;
    padding-left: 1.5rem;
}

.category article .entry-title a,
.news article .entry-title a,
.single-post article .entry-title a {
    text-decoration: none
}

.category article .entry-title a:hover,
.news article .entry-title a:hover,
.single-post article .entry-title a:hover {
    text-decoration: underline
}

.category article.show,
.news article.show,
.single-post article.show {
    display: block;
    height: auto
}

.category article .posted-on,
.news article .posted-on,
.single-post article .posted-on {
    position: absolute;
    top: 0;
    left: 1rem
}

.category article .posted-on a,
.news article .posted-on a,
.single-post article .posted-on a {
    font-size: 1.375rem;
    line-height: 1;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 400;
    color: #d32;
    text-decoration: none
}

.category article.planet .entry-title a,
.news article.planet .entry-title a,
.single-post article.planet .entry-title a {
    color: #6FB740
}

.category article.people .entry-title a,
.news article.people .entry-title a,
.single-post article.people .entry-title a {
    color: #1887C9
}

.category article.wildlife .entry-title a,
.news article.wildlife .entry-title a,
.single-post article.wildlife .entry-title a {
    color: #FEC21C
}

.category .actions,
.news .actions,
.single-post .actions {
    text-align: center;
    margin-bottom: 2rem
}

#comments .form-submit .category .actions input,
#comments .form-submit .news .actions input,
#comments .form-submit .single-post .actions input,
#newsletter .wtf .category .actions input[type=submit],
#newsletter .wtf .news .actions input[type=submit],
#newsletter .wtf .single-post .actions input[type=submit],
.category .actions #comments .form-submit input,
.category .actions #newsletter .wtf input[type=submit],
.category .actions .btn,
.category .actions .connect #ph-controls .btn,
.category .actions .nav-links .page-numbers,
.category .actions .newsletter #ph-controls .btn,
.category .actions .page-template-page-connect #ph-controls .btn,
.category .actions .thank-you #ph-controls .btn,
.category .nav-links .actions .page-numbers,
.category .nav-links .news .actions .page-numbers,
.category .nav-links .single-post .actions .page-numbers,
.connect #ph-controls .category .actions .btn,
.connect #ph-controls .news .actions .btn,
.connect #ph-controls .single-post .actions .btn,
.news .actions #comments .form-submit input,
.news .actions #newsletter .wtf input[type=submit],
.news .actions .btn,
.news .actions .connect #ph-controls .btn,
.news .actions .nav-links .page-numbers,
.news .actions .newsletter #ph-controls .btn,
.news .actions .page-template-page-connect #ph-controls .btn,
.news .actions .thank-you #ph-controls .btn,
.news .nav-links .actions .page-numbers,
.news .nav-links .category .actions .page-numbers,
.news .nav-links .single-post .actions .page-numbers,
.newsletter #ph-controls .category .actions .btn,
.newsletter #ph-controls .news .actions .btn,
.newsletter #ph-controls .single-post .actions .btn,
.page-template-page-connect #ph-controls .category .actions .btn,
.page-template-page-connect #ph-controls .news .actions .btn,
.page-template-page-connect #ph-controls .single-post .actions .btn,
.single-post .actions #comments .form-submit input,
.single-post .actions #newsletter .wtf input[type=submit],
.single-post .actions .btn,
.single-post .actions .connect #ph-controls .btn,
.single-post .actions .nav-links .page-numbers,
.single-post .actions .newsletter #ph-controls .btn,
.single-post .actions .page-template-page-connect #ph-controls .btn,
.single-post .actions .thank-you #ph-controls .btn,
.single-post .nav-links .actions .page-numbers,
.single-post .nav-links .category .actions .page-numbers,
.single-post .nav-links .news .actions .page-numbers,
.thank-you #ph-controls .category .actions .btn,
.thank-you #ph-controls .news .actions .btn,
.thank-you #ph-controls .single-post .actions .btn {
    color: #000
}

#comments .form-submit .category .actions input:hover,
#comments .form-submit .news .actions input:hover,
#comments .form-submit .single-post .actions input:hover,
#newsletter .wtf .category .actions input:hover[type=submit],
#newsletter .wtf .news .actions input:hover[type=submit],
#newsletter .wtf .single-post .actions input:hover[type=submit],
.category .actions #comments .form-submit input:hover,
.category .actions #newsletter .wtf input:hover[type=submit],
.category .actions .btn:hover,
.category .actions .connect #ph-controls .btn:hover,
.category .actions .nav-links .page-numbers:hover,
.category .actions .newsletter #ph-controls .btn:hover,
.category .actions .page-template-page-connect #ph-controls .btn:hover,
.category .actions .thank-you #ph-controls .btn:hover,
.category .nav-links .actions .page-numbers:hover,
.category .nav-links .news .actions .page-numbers:hover,
.category .nav-links .single-post .actions .page-numbers:hover,
.connect #ph-controls .category .actions .btn:hover,
.connect #ph-controls .news .actions .btn:hover,
.connect #ph-controls .single-post .actions .btn:hover,
.news .actions #comments .form-submit input:hover,
.news .actions #newsletter .wtf input:hover[type=submit],
.news .actions .btn:hover,
.news .actions .connect #ph-controls .btn:hover,
.news .actions .nav-links .page-numbers:hover,
.news .actions .newsletter #ph-controls .btn:hover,
.news .actions .page-template-page-connect #ph-controls .btn:hover,
.news .actions .thank-you #ph-controls .btn:hover,
.news .nav-links .actions .page-numbers:hover,
.news .nav-links .category .actions .page-numbers:hover,
.news .nav-links .single-post .actions .page-numbers:hover,
.newsletter #ph-controls .category .actions .btn:hover,
.newsletter #ph-controls .news .actions .btn:hover,
.newsletter #ph-controls .single-post .actions .btn:hover,
.page-template-page-connect #ph-controls .category .actions .btn:hover,
.page-template-page-connect #ph-controls .news .actions .btn:hover,
.page-template-page-connect #ph-controls .single-post .actions .btn:hover,
.single-post .actions #comments .form-submit input:hover,
.single-post .actions #newsletter .wtf input:hover[type=submit],
.single-post .actions .btn:hover,
.single-post .actions .connect #ph-controls .btn:hover,
.single-post .actions .nav-links .page-numbers:hover,
.single-post .actions .newsletter #ph-controls .btn:hover,
.single-post .actions .page-template-page-connect #ph-controls .btn:hover,
.single-post .actions .thank-you #ph-controls .btn:hover,
.single-post .nav-links .actions .page-numbers:hover,
.single-post .nav-links .category .actions .page-numbers:hover,
.single-post .nav-links .news .actions .page-numbers:hover,
.thank-you #ph-controls .category .actions .btn:hover,
.thank-you #ph-controls .news .actions .btn:hover,
.thank-you #ph-controls .single-post .actions .btn:hover {
    color: #fff
}

.category .nav-links .page-numbers,
.news .nav-links .page-numbers,
.single-post .nav-links .page-numbers {
    border-radius: 3px;
    color: #d32;
    margin: 0 10px
}

.category .nav-links .current,
.news .nav-links .current,
.single-post .nav-links .current {
    position: relative
}

.category .nav-links .current:after,
.news .nav-links .current:after,
.single-post .nav-links .current:after {
    position: absolute;
    bottom: -20px;
    content: "";
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #d32
}

@media (min-width:48em) {
    .category #project-filters a,
    .news #project-filters a,
    .single-post #project-filters a {
        font-size: 1.875rem
    }
    .category article,
    .news article,
    .single-post article {
        overflow: hidden;
        transition: height .24s linear
    }
    .category article .entry-content,
    .news article .entry-content,
    .single-post article .entry-content {
        padding: 0;
        margin: 2rem 0
    }
    .category article .hero,
    .news article .hero,
    .single-post article .hero {
        margin: 0 0 50px
    }
    .category article .title,
    .news article .title,
    .single-post article .title {
        padding-left: 120px
    }
    .category article .posted-on,
    .news article .posted-on,
    .single-post article .posted-on {
        left: 0
    }
    .category article .posted-on a,
    .news article .posted-on a,
    .single-post article .posted-on a {
        font-size: 2.5rem
    }
    .category article .entry-title,
    .news article .entry-title,
    .single-post article .entry-title {
        font-size: 2.5rem;
        padding: 0;
        left: 0
    }
}

.single-post {
    background-color: #fff;
    color: #000
}

.single-post article header {
    background-color: #000;
    padding-bottom: 5px
}

.single-post article .entry-content {
    margin-top: 50px
}

.single-post article.category-people a,
.single-post article.category-people h1 {
    color: #1887C9
}

.single-post article.category-planet a,
.single-post article.category-planet h1 {
    color: #6FB740
}

.single-post article.category-wildlife a,
.single-post article.category-wildlife h1 {
    color: #FEC21C
}

@media (min-width:48em) {
    .single-post article header {
        padding-bottom: 25px
    }
}

#comments {
    text-align: left
}

#comments h3 {
    font-size: 1.5rem;
    font-family: Raleway;
    font-weight: 100
}

#comments form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px
}

#comments .comment-form-comment {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4
}

#comments .form-submit {
    -ms-grid-column: 1;
    grid-column-start: 1
}

#comments input[type=text],
#comments textarea {
    border: 1px solid #939393;
    border-radius: 6px;
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    font-family: Raleway
}

#comments input[type=text]:-ms-input-placeholder,
#comments input[type=text]::-ms-input-placeholder,
#comments textarea:-ms-input-placeholder,
#comments textarea::-ms-input-placeholder {
    font-size: 1rem;
    font-family: Raleway
}

#comments input[type=text]::placeholder,
#comments textarea::placeholder {
    font-size: 1rem;
    font-family: Raleway
}

.home-description,
.page-template-page-pillar main .content,
.simple-reveal {
    transition: transform .5s ease-in, opacity;
    transform: translate3d(0, 50px, 0);
    opacity: 0
}

.home-description[data-scroll=out],
.page-template-page-pillar main .content[data-scroll=out],
.simple-reveal[data-scroll=out] {
    transform: translate3d(0, 50px, 0);
    opacity: 0
}

.home-description[data-scroll=in],
.page-template-page-pillar main .content[data-scroll=in],
.simple-reveal[data-scroll=in] {
    transform: translateZ(0);
    opacity: 1
}

.home-title {
    margin-bottom: 3rem
}

.home .grid,
.home .home-description p:last-child {
    margin-bottom: 0
}

.home .content p {
    font-weight: 400
}

.home main {
    padding: 0 1rem
}

.home main h2 {
    margin-top: 0;
    line-height: 1;
    padding-top: 2rem;
    margin-bottom: 2rem
}

.home .social .wrap {
    padding: 1rem
}

.home .social h3 {
    padding: 20px 0;
    border: 3px solid #000;
    font-size: 2.1875rem
}

.home .pillar-wrap {
    margin-bottom: 4rem
}

.home .pillar-wrap .tile>a .mask,
.home .pillar-wrap .video-container>a .mask {
    background-color: rgba(0, 0, 0, .45)
}

.home #featured-brands h3,
.home #featured-projects h3 {
    margin: 0 0 2rem
}

.home #featured-brands .grid,
.home #featured-projects .grid {
    margin-bottom: 2rem
}

.home #featured-brands .content,
.home #featured-projects .content {
    max-width: 800px
}

.home #featured-brands .content p,
.home #featured-projects .content p {
    margin: 0 0 2rem
}

@media (min-width:48em) {
    .home main h2 {
        padding-top: 4rem;
        margin-bottom: 4rem
    }
    .home .pillar-wrap {
        margin-bottom: 0
    }
    .home .social h3 {
        font-size: 5rem;
        border-width: 6px
    }
}

.home #featured-news .grid {
    padding: 1rem
}

.home #featured-news .item {
    background-color: #FEC21C;
    position: relative;
    height: 300px;
    margin-bottom: 1rem
}

.home #featured-news .item.wildlife a {
    color: #FEC21C
}

#comments .form-submit .home #featured-news .item.wildlife input,
#newsletter .wtf .home #featured-news .item.wildlife input[type=submit],
.category .nav-links .home #featured-news .item.wildlife .page-numbers,
.home #featured-news .item.wildlife #comments .form-submit input,
.home #featured-news .item.wildlife #newsletter .wtf input[type=submit],
.home #featured-news .item.wildlife .btn,
.home #featured-news .item.wildlife .category .nav-links .page-numbers,
.home #featured-news .item.wildlife .news .nav-links .page-numbers,
.home #featured-news .item.wildlife .single-post .nav-links .page-numbers,
.news .nav-links .home #featured-news .item.wildlife .page-numbers,
.single-post .nav-links .home #featured-news .item.wildlife .page-numbers {
    background-color: #FEC21C;
    color: #fff;
    border: 0
}

.home #featured-news .item.people a {
    color: #1887C9
}

#comments .form-submit .home #featured-news .item.people input,
#newsletter .wtf .home #featured-news .item.people input[type=submit],
.category .nav-links .home #featured-news .item.people .page-numbers,
.home #featured-news .item.people #comments .form-submit input,
.home #featured-news .item.people #newsletter .wtf input[type=submit],
.home #featured-news .item.people .btn,
.home #featured-news .item.people .category .nav-links .page-numbers,
.home #featured-news .item.people .news .nav-links .page-numbers,
.home #featured-news .item.people .single-post .nav-links .page-numbers,
.news .nav-links .home #featured-news .item.people .page-numbers,
.single-post .nav-links .home #featured-news .item.people .page-numbers {
    background-color: #1887C9;
    color: #fff;
    border: 0
}

.home #featured-news .item.planet a {
    color: #6FB740
}

#comments .form-submit .home #featured-news .item.planet input,
#newsletter .wtf .home #featured-news .item.planet input[type=submit],
.category .nav-links .home #featured-news .item.planet .page-numbers,
.home #featured-news .item.planet #comments .form-submit input,
.home #featured-news .item.planet #newsletter .wtf input[type=submit],
.home #featured-news .item.planet .btn,
.home #featured-news .item.planet .category .nav-links .page-numbers,
.home #featured-news .item.planet .news .nav-links .page-numbers,
.home #featured-news .item.planet .single-post .nav-links .page-numbers,
.news .nav-links .home #featured-news .item.planet .page-numbers,
.single-post .nav-links .home #featured-news .item.planet .page-numbers {
    background-color: #6FB740;
    color: #fff;
    border: 0
}

.home #featured-news .item a {
    display: block;
    font-size: 0;
    height: 100%
}

.home #featured-news .item a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

#comments .form-submit .home #featured-news .item input,
#newsletter .wtf .home #featured-news .item input[type=submit],
.category .nav-links .home #featured-news .item .page-numbers,
.home #featured-news .item #comments .form-submit input,
.home #featured-news .item #newsletter .wtf input[type=submit],
.home #featured-news .item .btn,
.home #featured-news .item .category .nav-links .page-numbers,
.home #featured-news .item .news .nav-links .page-numbers,
.home #featured-news .item .single-post .nav-links .page-numbers,
.news .nav-links .home #featured-news .item .page-numbers,
.single-post .nav-links .home #featured-news .item .page-numbers {
    font-weight: 500;
    color: #fff;
    border-color: #fff;
    border-weight: 2px
}

.home #featured-news .item .content {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.home #featured-news .item .title {
    font-size: 1.375rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    display: block;
    font-family: Oswald;
    text-transform: uppercase;
    font-weight: 300;
    background-color: #000;
    z-index: 2
}

@media (min-width:48em) {
    .home #featured-news .grid {
        margin-bottom: 28px;
        padding: 1rem
    }
    .home #featured-news .item {
        padding-bottom: 30%;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: middle;
        width: 46%;
        margin: 1%
    }
    .home #featured-news .item a {
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    .home #featured-news .item a:before {
        height: 100%;
        content: ""
    }
    .home #featured-news .item a .content,
    .home #featured-news .item a:before {
        display: inline-block;
        vertical-align: middle
    }
    #comments .form-submit .home #featured-news .item.people input,
    #newsletter .wtf .home #featured-news .item.people input[type=submit],
    .category .nav-links .home #featured-news .item.people .page-numbers,
    .home #featured-news .item.people #comments .form-submit input,
    .home #featured-news .item.people #newsletter .wtf input[type=submit],
    .home #featured-news .item.people .btn,
    .home #featured-news .item.people .category .nav-links .page-numbers,
    .home #featured-news .item.people .news .nav-links .page-numbers,
    .home #featured-news .item.people .single-post .nav-links .page-numbers,
    .news .nav-links .home #featured-news .item.people .page-numbers,
    .single-post .nav-links .home #featured-news .item.people .page-numbers {
        background-color: transparent;
        color: #1887C9;
        border: 1px solid #1887C9
    }
    #comments .form-submit .home #featured-news .item.people input:hover,
    #newsletter .wtf .home #featured-news .item.people input:hover[type=submit],
    .category .nav-links .home #featured-news .item.people .page-numbers:hover,
    .home #featured-news .item.people #comments .form-submit input:hover,
    .home #featured-news .item.people #newsletter .wtf input:hover[type=submit],
    .home #featured-news .item.people .btn:hover,
    .home #featured-news .item.people .category .nav-links .page-numbers:hover,
    .home #featured-news .item.people .news .nav-links .page-numbers:hover,
    .home #featured-news .item.people .single-post .nav-links .page-numbers:hover,
    .news .nav-links .home #featured-news .item.people .page-numbers:hover,
    .single-post .nav-links .home #featured-news .item.people .page-numbers:hover {
        color: #fff;
        border: 0;
        background-color: #1887C9
    }
    #comments .form-submit .home #featured-news .item.planet input,
    #newsletter .wtf .home #featured-news .item.planet input[type=submit],
    .category .nav-links .home #featured-news .item.planet .page-numbers,
    .home #featured-news .item.planet #comments .form-submit input,
    .home #featured-news .item.planet #newsletter .wtf input[type=submit],
    .home #featured-news .item.planet .btn,
    .home #featured-news .item.planet .category .nav-links .page-numbers,
    .home #featured-news .item.planet .news .nav-links .page-numbers,
    .home #featured-news .item.planet .single-post .nav-links .page-numbers,
    .news .nav-links .home #featured-news .item.planet .page-numbers,
    .single-post .nav-links .home #featured-news .item.planet .page-numbers {
        background-color: transparent;
        color: #6FB740;
        border: 1px solid #6FB740
    }
    #comments .form-submit .home #featured-news .item.planet input:hover,
    #newsletter .wtf .home #featured-news .item.planet input:hover[type=submit],
    .category .nav-links .home #featured-news .item.planet .page-numbers:hover,
    .home #featured-news .item.planet #comments .form-submit input:hover,
    .home #featured-news .item.planet #newsletter .wtf input:hover[type=submit],
    .home #featured-news .item.planet .btn:hover,
    .home #featured-news .item.planet .category .nav-links .page-numbers:hover,
    .home #featured-news .item.planet .news .nav-links .page-numbers:hover,
    .home #featured-news .item.planet .single-post .nav-links .page-numbers:hover,
    .news .nav-links .home #featured-news .item.planet .page-numbers:hover,
    .single-post .nav-links .home #featured-news .item.planet .page-numbers:hover {
        color: #fff;
        border: 0;
        background-color: #6FB740
    }
    #comments .form-submit .home #featured-news .item.wildlife input,
    #newsletter .wtf .home #featured-news .item.wildlife input[type=submit],
    .category .nav-links .home #featured-news .item.wildlife .page-numbers,
    .home #featured-news .item.wildlife #comments .form-submit input,
    .home #featured-news .item.wildlife #newsletter .wtf input[type=submit],
    .home #featured-news .item.wildlife .btn,
    .home #featured-news .item.wildlife .category .nav-links .page-numbers,
    .home #featured-news .item.wildlife .news .nav-links .page-numbers,
    .home #featured-news .item.wildlife .single-post .nav-links .page-numbers,
    .news .nav-links .home #featured-news .item.wildlife .page-numbers,
    .single-post .nav-links .home #featured-news .item.wildlife .page-numbers {
        background-color: transparent;
        color: #FEC21C;
        border: 1px solid #FEC21C
    }
    #comments .form-submit .home #featured-news .item.wildlife input:hover,
    #newsletter .wtf .home #featured-news .item.wildlife input:hover[type=submit],
    .category .nav-links .home #featured-news .item.wildlife .page-numbers:hover,
    .home #featured-news .item.wildlife #comments .form-submit input:hover,
    .home #featured-news .item.wildlife #newsletter .wtf input:hover[type=submit],
    .home #featured-news .item.wildlife .btn:hover,
    .home #featured-news .item.wildlife .category .nav-links .page-numbers:hover,
    .home #featured-news .item.wildlife .news .nav-links .page-numbers:hover,
    .home #featured-news .item.wildlife .single-post .nav-links .page-numbers:hover,
    .news .nav-links .home #featured-news .item.wildlife .page-numbers:hover,
    .single-post .nav-links .home #featured-news .item.wildlife .page-numbers:hover {
        color: #fff;
        border: 0;
        background-color: #FEC21C
    }
}

@media (min-width:60em) {
    .home #featured-brands .tile .title,
    .home #featured-brands .video-container .title {
        font-size: 2.1875rem
    }
    .home #featured-projects .tile>a .excerpt,
    .home #featured-projects .video-container>a .excerpt {
        display: none
    }
    .home #featured-news h3 {
        margin-bottom: 2rem
    }
    .home #featured-news .grid {
        width: 80%;
        margin: 0 auto 2rem
    }
    #comments .form-submit .home #featured-news .item input,
    #newsletter .wtf .home #featured-news .item input[type=submit],
    .category .nav-links .home #featured-news .item .page-numbers,
    .home #featured-news .item #comments .form-submit input,
    .home #featured-news .item #newsletter .wtf input[type=submit],
    .home #featured-news .item .btn,
    .home #featured-news .item .category .nav-links .page-numbers,
    .home #featured-news .item .news .nav-links .page-numbers,
    .home #featured-news .item .single-post .nav-links .page-numbers,
    .news .nav-links .home #featured-news .item .page-numbers,
    .single-post .nav-links .home #featured-news .item .page-numbers {
        display: none
    }
    #comments .form-submit .home #featured-news .item:hover input,
    #newsletter .wtf .home #featured-news .item:hover input[type=submit],
    .category .nav-links .home #featured-news .item:hover .page-numbers,
    .home #featured-news .item:hover #comments .form-submit input,
    .home #featured-news .item:hover #newsletter .wtf input[type=submit],
    .home #featured-news .item:hover .btn,
    .home #featured-news .item:hover .category .nav-links .page-numbers,
    .home #featured-news .item:hover .news .nav-links .page-numbers,
    .home #featured-news .item:hover .single-post .nav-links .page-numbers,
    .news .nav-links .home #featured-news .item:hover .page-numbers,
    .single-post .nav-links .home #featured-news .item:hover .page-numbers {
        display: inline-block
    }
    .home .social .wrap {
        padding: 0
    }
    .home .social h3 {
        padding: 50px 0;
        border: 9px solid #000;
        font-size: 6.25rem
    }
}

@media (min-width:73.125em) {
    .home .social h3 {
        font-size: 7.5rem
    }
}

@media (min-width:100em) {
    .home #featured-projects .tile>a .excerpt,
    .home #featured-projects .video-container>a .excerpt {
        display: block
    }
}

.connect h2,
.newsletter h2,
.thank-you h2 {
    margin: 0
}

.connect main,
.newsletter main,
.thank-you main {
    position: relative
}

.connect main .wrap,
.newsletter main .wrap,
.thank-you main .wrap {
    position: relative;
    z-index: 2
}

.connect main:after,
.newsletter main:after,
.thank-you main:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    z-index: 1
}

.connect form,
.newsletter form,
.thank-you form {
    text-align: left;
    padding: 1rem
}

.connect form label,
.newsletter form label,
.thank-you form label {
    color: #fff
}

.connect form label svg,
.newsletter form label svg,
.thank-you form label svg {
    fill: #fff
}

.connect form label .placeholder,
.newsletter form label .placeholder,
.thank-you form label .placeholder {
    padding: 0;
    left: 0
}

.connect form label.focused input,
.newsletter form label.focused input,
.thank-you form label.focused input {
    border-color: #e73449
}

.connect form label.filledin .placeholder,
.newsletter form label.filledin .placeholder,
.thank-you form label.filledin .placeholder {
    color: #fff;
    transform: translate3d(0, -20px, 0)
}

.connect form label.filledin .placeholder:after,
.newsletter form label.filledin .placeholder:after,
.thank-you form label.filledin .placeholder:after {
    display: none
}

.connect .wtf label input,
.connect .wtf label textarea,
.newsletter .wtf label input,
.newsletter .wtf label textarea,
.thank-you .wtf label input,
.thank-you .wtf label textarea {
    width: 100%;
    border-radius: 5px;
    padding: 1rem;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.connect .wtf label input:-ms-input-placeholder,
.connect .wtf label input::-ms-input-placeholder,
.connect .wtf label textarea:-ms-input-placeholder,
.connect .wtf label textarea::-ms-input-placeholder,
.newsletter .wtf label input:-ms-input-placeholder,
.newsletter .wtf label input::-ms-input-placeholder,
.newsletter .wtf label textarea:-ms-input-placeholder,
.newsletter .wtf label textarea::-ms-input-placeholder,
.thank-you .wtf label input:-ms-input-placeholder,
.thank-you .wtf label input::-ms-input-placeholder,
.thank-you .wtf label textarea:-ms-input-placeholder,
.thank-you .wtf label textarea::-ms-input-placeholder {
    font-family: Raleway;
    color: #7b7b7b
}

.connect .wtf label input::placeholder,
.connect .wtf label textarea::placeholder,
.newsletter .wtf label input::placeholder,
.newsletter .wtf label textarea::placeholder,
.thank-you .wtf label input::placeholder,
.thank-you .wtf label textarea::placeholder {
    font-family: Raleway;
    color: #7b7b7b
}

.connect .wtf input[type=submit],
.newsletter .wtf input[type=submit],
.thank-you .wtf input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.connect .field input,
.newsletter .field input,
.thank-you .field input {
    height: 50px
}

.connect .field textarea,
.newsletter .field textarea,
.thank-you .field textarea {
    resize: none
}

.connect .field-message,
.newsletter .field-message,
.thank-you .field-message {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3
}

.connect #ph-accepted_privacy h3,
.connect #ph-subscribed h3,
.newsletter #ph-accepted_privacy h3,
.newsletter #ph-subscribed h3,
.thank-you #ph-accepted_privacy h3,
.thank-you #ph-subscribed h3 {
    font-size: .875rem;
    font-weight: 400;
    font-family: Oswald;
    font-weight: 300;
    color: #fff
}

.connect #ph-accepted_privacy a,
.connect #ph-accepted_privacy span,
.connect #ph-subscribed a,
.connect #ph-subscribed span,
.newsletter #ph-accepted_privacy a,
.newsletter #ph-accepted_privacy span,
.newsletter #ph-subscribed a,
.newsletter #ph-subscribed span,
.thank-you #ph-accepted_privacy a,
.thank-you #ph-accepted_privacy span,
.thank-you #ph-subscribed a,
.thank-you #ph-subscribed span {
    color: #fff
}

.connect #ph-accepted_privacy svg,
.connect #ph-subscribed svg,
.newsletter #ph-accepted_privacy svg,
.newsletter #ph-subscribed svg,
.thank-you #ph-accepted_privacy svg,
.thank-you #ph-subscribed svg {
    fill: #e73449
}

.connect #ph-accepted_privacy .acceptance,
.connect #ph-subscribed .acceptance,
.newsletter #ph-accepted_privacy .acceptance,
.newsletter #ph-subscribed .acceptance,
.thank-you #ph-accepted_privacy .acceptance,
.thank-you #ph-subscribed .acceptance {
    margin: 0 .25rem .25rem 0
}

.connect #ph-accepted_privacy .acceptance input,
.connect #ph-subscribed .acceptance input,
.newsletter #ph-accepted_privacy .acceptance input,
.newsletter #ph-subscribed .acceptance input,
.thank-you #ph-accepted_privacy .acceptance input,
.thank-you #ph-subscribed .acceptance input {
    width: auto
}

.connect #ph-accepted_privacy .acceptance input:checked~.tab .checked,
.connect #ph-subscribed .acceptance input:checked~.tab .checked,
.newsletter #ph-accepted_privacy .acceptance input:checked~.tab .checked,
.newsletter #ph-subscribed .acceptance input:checked~.tab .checked,
.thank-you #ph-accepted_privacy .acceptance input:checked~.tab .checked,
.thank-you #ph-subscribed .acceptance input:checked~.tab .checked {
    display: inline-block
}

.connect #ph-accepted_privacy .acceptance input:checked~.tab .unchecked,
.connect #ph-subscribed .acceptance input:checked~.tab .unchecked,
.newsletter #ph-accepted_privacy .acceptance input:checked~.tab .unchecked,
.newsletter #ph-subscribed .acceptance input:checked~.tab .unchecked,
.thank-you #ph-accepted_privacy .acceptance input:checked~.tab .unchecked,
.thank-you #ph-subscribed .acceptance input:checked~.tab .unchecked {
    display: none
}

.connect #ph-controls,
.newsletter #ph-controls,
.thank-you #ph-controls {
    padding: 2rem 0
}

#comments .form-submit .connect #ph-controls input,
#comments .form-submit .newsletter #ph-controls input,
#comments .form-submit .thank-you #ph-controls input,
#newsletter .wtf .connect #ph-controls input[type=submit],
#newsletter .wtf .newsletter #ph-controls input[type=submit],
#newsletter .wtf .thank-you #ph-controls input[type=submit],
.category .nav-links .connect #ph-controls .page-numbers,
.category .nav-links .newsletter #ph-controls .page-numbers,
.category .nav-links .thank-you #ph-controls .page-numbers,
.connect #ph-controls #comments .form-submit input,
.connect #ph-controls #newsletter .wtf input[type=submit],
.connect #ph-controls .btn,
.connect #ph-controls .category .nav-links .page-numbers,
.connect #ph-controls .news .nav-links .page-numbers,
.connect #ph-controls .single-post .nav-links .page-numbers,
.news .nav-links .connect #ph-controls .page-numbers,
.news .nav-links .newsletter #ph-controls .page-numbers,
.news .nav-links .thank-you #ph-controls .page-numbers,
.newsletter #ph-controls #comments .form-submit input,
.newsletter #ph-controls #newsletter .wtf input[type=submit],
.newsletter #ph-controls .btn,
.newsletter #ph-controls .category .nav-links .page-numbers,
.newsletter #ph-controls .news .nav-links .page-numbers,
.newsletter #ph-controls .single-post .nav-links .page-numbers,
.single-post .nav-links .connect #ph-controls .page-numbers,
.single-post .nav-links .newsletter #ph-controls .page-numbers,
.single-post .nav-links .thank-you #ph-controls .page-numbers,
.thank-you #ph-controls #comments .form-submit input,
.thank-you #ph-controls #newsletter .wtf input[type=submit],
.thank-you #ph-controls .btn,
.thank-you #ph-controls .category .nav-links .page-numbers,
.thank-you #ph-controls .news .nav-links .page-numbers,
.thank-you #ph-controls .single-post .nav-links .page-numbers {
    background-color: transparent;
    color: #e73449;
    border-color: #e73449
}

#comments .form-submit .connect #ph-controls input:hover,
#comments .form-submit .newsletter #ph-controls input:hover,
#comments .form-submit .thank-you #ph-controls input:hover,
#newsletter .wtf .connect #ph-controls input:hover[type=submit],
#newsletter .wtf .newsletter #ph-controls input:hover[type=submit],
#newsletter .wtf .thank-you #ph-controls input:hover[type=submit],
.category .nav-links .connect #ph-controls .page-numbers:hover,
.category .nav-links .newsletter #ph-controls .page-numbers:hover,
.category .nav-links .thank-you #ph-controls .page-numbers:hover,
.connect #ph-controls #comments .form-submit input:hover,
.connect #ph-controls #newsletter .wtf input:hover[type=submit],
.connect #ph-controls .btn:hover,
.connect #ph-controls .category .nav-links .page-numbers:hover,
.connect #ph-controls .news .nav-links .page-numbers:hover,
.connect #ph-controls .single-post .nav-links .page-numbers:hover,
.news .nav-links .connect #ph-controls .page-numbers:hover,
.news .nav-links .newsletter #ph-controls .page-numbers:hover,
.news .nav-links .thank-you #ph-controls .page-numbers:hover,
.newsletter #ph-controls #comments .form-submit input:hover,
.newsletter #ph-controls #newsletter .wtf input:hover[type=submit],
.newsletter #ph-controls .btn:hover,
.newsletter #ph-controls .category .nav-links .page-numbers:hover,
.newsletter #ph-controls .news .nav-links .page-numbers:hover,
.newsletter #ph-controls .single-post .nav-links .page-numbers:hover,
.single-post .nav-links .connect #ph-controls .page-numbers:hover,
.single-post .nav-links .newsletter #ph-controls .page-numbers:hover,
.single-post .nav-links .thank-you #ph-controls .page-numbers:hover,
.thank-you #ph-controls #comments .form-submit input:hover,
.thank-you #ph-controls #newsletter .wtf input:hover[type=submit],
.thank-you #ph-controls .btn:hover,
.thank-you #ph-controls .category .nav-links .page-numbers:hover,
.thank-you #ph-controls .news .nav-links .page-numbers:hover,
.thank-you #ph-controls .single-post .nav-links .page-numbers:hover {
    background-color: #e73449;
    color: #fff
}

@media (min-width:48em) {
    .connect main h2,
    .newsletter main h2,
    .thank-you main h2 {
        font-size: 5.625rem;
        padding: 4rem 0
    }
    .connect form,
    .newsletter form,
    .thank-you form {
        padding: 0
    }
    .connect form .fields>.wrap,
    .newsletter form .fields>.wrap,
    .thank-you form .fields>.wrap {
        font-size: 0
    }
    .connect form .fields>.wrap>div,
    .newsletter form .fields>.wrap>div,
    .thank-you form .fields>.wrap>div {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 16px);
        margin-right: 16px
    }
    .connect form .fields>.wrap>div:nth-child(2n+2),
    .newsletter form .fields>.wrap>div:nth-child(2n+2),
    .thank-you form .fields>.wrap>div:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 16px
    }
    .connect form .input .helptext,
    .newsletter form .input .helptext,
    .thank-you form .input .helptext {
        font-weight: 400;
        color: #fff
    }
    .connect form .warning .helptext,
    .newsletter form .warning .helptext,
    .thank-you form .warning .helptext {
        font-weight: 400;
        color: #e73449
    }
    .connect form #ph-controls,
    .newsletter form #ph-controls,
    .thank-you form #ph-controls {
        display: inline-block;
        vertical-align: middle
    }
    .connect form .form-help,
    .newsletter form .form-help,
    .thank-you form .form-help {
        font-size: 1rem;
        margin-bottom: 0;
        color: #fff;
        display: inline-block;
        margin: 1rem;
        vertical-align: middle
    }
}

.newsletter .hero h1,
.thank-you .hero h1 {
    color: #ee9002
}

.newsletter .hero h1:after,
.thank-you .hero h1:after {
    border-color: #2e777d
}

.newsletter .hero .subtitle span,
.thank-you .hero .subtitle span {
    color: #ee9002
}

.newsletter form,
.thank-you form {
    padding: 0
}

.newsletter main,
.thank-you main {
    position: relative;
    background-image: none
}

.newsletter main h2,
.newsletter main h3,
.thank-you main h2,
.thank-you main h3 {
    font-family: Oswald;
    text-align: left
}

.newsletter main h2,
.thank-you main h2 {
    font-size: 2.5rem;
    line-height: 1;
    color: #2e777d;
    padding: 2rem 0 .25rem
}

.newsletter main h3,
.thank-you main h3 {
    color: #ee9002;
    line-height: 1;
    margin: 0;
    text-align: left;
    font-size: 2.5rem;
    margin-bottom: 2rem
}

.newsletter main>.wrap,
.thank-you main>.wrap {
    position: relative;
    z-index: 2;
    padding: 0 1rem 2rem
}

.newsletter #ph-controls,
.thank-you #ph-controls {
    padding: 2rem 0 0
}

#comments .form-submit .newsletter #ph-controls input,
#comments .form-submit .thank-you #ph-controls input,
#newsletter .wtf .newsletter #ph-controls input[type=submit],
#newsletter .wtf .thank-you #ph-controls input[type=submit],
.category .nav-links .newsletter #ph-controls .page-numbers,
.category .nav-links .thank-you #ph-controls .page-numbers,
.news .nav-links .newsletter #ph-controls .page-numbers,
.news .nav-links .thank-you #ph-controls .page-numbers,
.newsletter #ph-controls #comments .form-submit input,
.newsletter #ph-controls #newsletter .wtf input[type=submit],
.newsletter #ph-controls .btn,
.newsletter #ph-controls .category .nav-links .page-numbers,
.newsletter #ph-controls .news .nav-links .page-numbers,
.newsletter #ph-controls .single-post .nav-links .page-numbers,
.single-post .nav-links .newsletter #ph-controls .page-numbers,
.single-post .nav-links .thank-you #ph-controls .page-numbers,
.thank-you #ph-controls #comments .form-submit input,
.thank-you #ph-controls #newsletter .wtf input[type=submit],
.thank-you #ph-controls .btn,
.thank-you #ph-controls .category .nav-links .page-numbers,
.thank-you #ph-controls .news .nav-links .page-numbers,
.thank-you #ph-controls .single-post .nav-links .page-numbers {
    color: #ee9002;
    border-color: #ee9002
}

#comments .form-submit .newsletter #ph-controls input:hover,
#comments .form-submit .thank-you #ph-controls input:hover,
#newsletter .wtf .newsletter #ph-controls input:hover[type=submit],
#newsletter .wtf .thank-you #ph-controls input:hover[type=submit],
.category .nav-links .newsletter #ph-controls .page-numbers:hover,
.category .nav-links .thank-you #ph-controls .page-numbers:hover,
.news .nav-links .newsletter #ph-controls .page-numbers:hover,
.news .nav-links .thank-you #ph-controls .page-numbers:hover,
.newsletter #ph-controls #comments .form-submit input:hover,
.newsletter #ph-controls #newsletter .wtf input:hover[type=submit],
.newsletter #ph-controls .btn:hover,
.newsletter #ph-controls .category .nav-links .page-numbers:hover,
.newsletter #ph-controls .news .nav-links .page-numbers:hover,
.newsletter #ph-controls .single-post .nav-links .page-numbers:hover,
.single-post .nav-links .newsletter #ph-controls .page-numbers:hover,
.single-post .nav-links .thank-you #ph-controls .page-numbers:hover,
.thank-you #ph-controls #comments .form-submit input:hover,
.thank-you #ph-controls #newsletter .wtf input:hover[type=submit],
.thank-you #ph-controls .btn:hover,
.thank-you #ph-controls .category .nav-links .page-numbers:hover,
.thank-you #ph-controls .news .nav-links .page-numbers:hover,
.thank-you #ph-controls .single-post .nav-links .page-numbers:hover {
    background-color: #ee9002;
    color: #fff
}

.newsletter #ph-accepted_privacy svg,
.thank-you #ph-accepted_privacy svg {
    fill: #ee9002
}

@media (min-width:48em) {
    .newsletter main h2,
    .thank-you main h2 {
        font-size: 5rem;
        line-height: 1;
        color: #2e777d;
        padding: 4rem 0 0
    }
    .newsletter main h3,
    .thank-you main h3 {
        color: #ee9002;
        margin: 0;
        text-align: left;
        font-size: 5rem;
        margin-bottom: 4rem
    }
}

.page-template-page-landing main h2 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 3rem;
    font-weight: 300
}

.page-template-page-landing main .content {
    max-width: 10000px
}

.page-template-page-landing main .wrap {
    padding: 2rem 60px
}

.page-template-page-landing .boxy .wrap a {
    text-decoration: none
}

.page-template-page-landing .blurbs {
    margin-bottom: 4rem
}

.page-template-page-landing .blurbs h2 {
    font-weight: 200
}

.page-template-page-landing .blurbs .boxy:last-child:before {
    display: block
}

.page-template-page-landing .discover-block h3 {
    margin-top: 0
}

@media (min-width:60em) {
    .page-template-page-landing main .wrap {
        padding: 4rem 60px
    }
}

.hero {
    position: relative
}

.hero .wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    max-width: 100%
}

.hero .wrap:before {
    height: 100%;
    content: ""
}

.hero .content,
.hero .wrap:before {
    display: inline-block;
    vertical-align: middle
}

.hero .content {
    text-align: center;
    width: auto;
    position: relative
}

.hero h1 {
    color: #fff;
    margin: 0;
    font-family: Oswald;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    padding: 50px 15px;
    font-size: 0
}

.hero h1,
.hero h1 span {
    display: inline-block;
    position: relative;
    width: 100%
}

.hero h1 span {
    z-index: 1;
    vertical-align: middle;
    opacity: 0;
    font-size: 4.25rem;
    transition: all .5s linear;
    transition-delay: 1s
}

.hero h1:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%
}

.hero h1:after {
    content: "";
    top: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    z-index: 0;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .25);
    transition: all .5s linear;
    transition-delay: .5s
}

.hero .subtitle,
.hero h1:after {
    position: absolute;
    left: 0;
    opacity: 0
}

.hero .subtitle {
    top: 3px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 4;
    margin: 0;
    transition: all .5s linear;
    transition-delay: 1.5s
}

.hero .subtitle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.hero .subtitle span {
    color: #fff;
    font-family: Oswald;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px 5px;
    line-height: 1;
    font-size: .4rem;
    background-color: #000
}

.js-ready .hero .subtitle,
.js-ready .hero h1 span,
.js-ready .hero h1:after {
    opacity: 1
}

.hero img,
.hero svg {
    width: 100%
}

.hero img {
    height: auto;
    display: block
}

.hero.planet h1:after {
    border-color: #6FB740
}

.hero.planet .subtitle span {
    background-color: #6FB740
}

.hero.wildlife h1:after {
    border-color: #FEC21C
}

.hero.wildlife .subtitle span {
    background-color: #FEC21C
}

.hero.people h1:after {
    border-color: #1887C9
}

.hero.people .subtitle span {
    background-color: #1887C9
}

.trips .hero h1 {
    color: #e73449
}

.trips .hero h1:after {
    border-color: #05abe9
}

.trips .hero .subtitle span {
    background-color: #000;
    color: #05abe9
}

.about .hero h1:after {
    border-color: #df682d
}

.about .hero .subtitle span {
    background-color: #c91a01
}

.news .hero h1:after {
    border-color: #0a6434
}

.news .hero .subtitle span {
    background-color: #0a6434
}

.team .hero h1:after {
    border-color: #00aec2
}

.team .hero .subtitle span {
    background-color: #00aec2
}

.champions .hero h1 {
    color: #00aec2
}

.champions .hero h1:after {
    border-color: #00aec2
}

.champions .hero .subtitle span {
    background-color: #000;
    color: #e5254a
}

.ambassadors .hero h1 {
    color: #ef1b44
}

.ambassadors .hero h1:after {
    border-color: #ef1b44
}

.ambassadors .hero .subtitle span {
    background-color: #000;
    color: #00aec2
}

.brands .hero h1:after {
    border-color: #e73449
}

.brands .hero .hr {
    background-color: #e73449
}

.brands .hero .subtitle span {
    background-color: #162a52
}

.impact .hero h1:after {
    border-color: #00965a
}

.impact .hero .subtitle span {
    background-color: #00965a
}

@media (min-width:31.25em) {
    .hero h1 {
        padding: 50px 10px
    }
    .hero h1:after {
        border-width: 5px
    }
    .hero h1 span {
        font-size: 5.625rem
    }
    .hero .subtitle span {
        padding: 7px 10px 9px;
        font-size: .75rem
    }
}

@media (min-width:48em) {
    .hero h1 {
        padding: 70px 40px
    }
    .hero h1:after {
        border-width: 6px
    }
    .hero h1 span {
        font-size: 7.5rem
    }
    .hero .subtitle {
        top: 3px
    }
    .hero .subtitle span {
        padding: 7px 10px 9px;
        font-size: 1rem
    }
}

@media (min-width:60em) {
    .hero h1 {
        padding: 120px 90px
    }
    .hero h1:after {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border: 9px solid #fff
    }
    .hero h1 span {
        font-size: 10rem
    }
    .hero .subtitle {
        top: 4px
    }
    .hero .subtitle span {
        padding: 7px 5px 10px 9px;
        font-size: 1.125rem
    }
}

@media (min-width:73.125em) {
    .hero h1 {
        padding: 140px 100px
    }
    .hero h1 span {
        font-size: 11.25rem
    }
    .hero .subtitle span {
        padding: 7px 5px 10px 9px;
        font-size: 1.25rem
    }
}

.hero.people h1 span,
.team .hero h1 span {
    font-size: 22vw !important
}

.logo-colour {
    width: 50%;
    height: auto;
    display: block;
    margin: 2rem auto 0
}

@media (min-width:60em) {
    .logo-colour {
        margin: 4rem auto 0;
        width: 17%
    }
}

.pillar-wrap {
    display: flex;
    flex-direction: column
}

.pillar-wrap .pillars,
.pillar-wrap main {
    width: 100%
}

.pillar-wrap .pillars {
    order: 2
}

.pillar-wrap main {
    order: 1
}

@media (min-width:48em) {
    .pillar-wrap .pillars {
        order: 1
    }
    .pillar-wrap main {
        order: 2
    }
}

.tile,
.video-container {
    position: relative;
    width: 100%;
    height: 300px
}

.tile .bg,
.video-container .bg {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.tile .bg,
.tile>a,
.video-container .bg,
.video-container>a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0
}

.tile>a,
.video-container>a {
    text-decoration: none;
    color: #e73449;
    font-size: 0;
    z-index: 2;
    text-align: center
}

.tile>a:before,
.video-container>a:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%
}

.tile>a .mask,
.video-container>a .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    background-color: rgba(0, 0, 0, .55)
}

.tile>a .wrap,
.video-container>a .wrap {
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 3
}

.tile>a .wrap span,
.video-container>a .wrap span {
    display: block
}

.tile>a .wrap .title,
.video-container>a .wrap .title {
    font-size: 3.125rem;
    margin-bottom: 0;
    line-height: 1
}

.tile>a .wrap .location,
.video-container>a .wrap .location {
    font-size: .75rem;
    line-height: 1;
    font-family: Raleway;
    color: #fff;
    font-weight: 400;
    margin-top: .25rem
}

.tile>a .wrap .hr,
.video-container>a .wrap .hr {
    display: block;
    margin: 15px auto
}

.tile>a .wrap .excerpt,
.video-container>a .wrap .excerpt {
    position: relative;
    font-size: 1rem;
    text-transform: none;
    font-family: Raleway;
    color: #fff;
    font-weight: 200;
    margin: auto;
    max-width: 95%;
}

.tile>a .wrap .excerpt+.little-btn,
.video-container>a .wrap .excerpt+.little-btn {
    margin-top: 15px!important
}

.tile>a .wrap .little-btn,
.video-container>a .wrap .little-btn {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #FEC21C;
    font-family: Oswald;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    width: auto
}

.tile>a:after,
.video-container>a:after {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: 4px solid transparent;
    content: "";
    transition: all .25s linear
}

.tile .hr,
.video-container .hr {
    display: block;
    margin: auto;
    width: 20px;
    height: 2px;
    margin-bottom: 1rem
}

.filler.video-container,
.tile.filler {
    background-color: #e73449
}

.filler.video-container>a,
.tile.filler>a {
    color: #e73449
}

.filler.video-container>a .hr,
.tile.filler>a .hr {
    background-color: #e73449
}

.filler.video-container>a .little-btn,
.tile.filler>a .little-btn {
    border-color: #e73449
}

.filler.video-container>a .little-btn:hover,
.tile.filler>a .little-btn:hover {
    background-color: #e73449;
    color: #fff
}

.people.video-container,
.tile.people {
    background-color: #1887C9
}

.people.video-container>a,
.tile.people>a {
    color: #1887C9
}

.people.video-container>a .excerpt:before,
.people.video-container>a .hr,
.tile.people>a .excerpt:before,
.tile.people>a .hr {
    background-color: #1887C9
}

.people.video-container>a .little-btn,
.tile.people>a .little-btn {
    border-color: #1887C9
}

.people.video-container>a .little-btn:hover,
.tile.people>a .little-btn:hover {
    background-color: #1887C9;
    color: #fff
}

.tile.wildlife,
.wildlife.video-container {
    background-color: #FEC21C
}

.tile.wildlife>a,
.wildlife.video-container>a {
    color: #FEC21C
}

.tile.wildlife>a .hr,
.wildlife.video-container>a .hr {
    background-color: #FEC21C
}

.tile.wildlife>a .little-btn,
.wildlife.video-container>a .little-btn {
    border-color: #FEC21C
}

.tile.wildlife>a .little-btn:hover,
.wildlife.video-container>a .little-btn:hover {
    background-color: #FEC21C;
    color: #fff
}

.planet.video-container,
.tile.planet {
    background-color: #6FB740
}

.planet.video-container>a,
.tile.planet>a {
    color: #6FB740
}

.planet.video-container>a .hr,
.tile.planet>a .hr {
    background-color: #6FB740
}

.planet.video-container>a .little-btn,
.tile.planet>a .little-btn {
    border-color: #6FB740
}

.planet.video-container>a .little-btn:hover,
.tile.planet>a .little-btn:hover {
    background-color: #6FB740;
    color: #fff
}

.brands .tile .little-btn:hover,
.brands .video-container .little-btn:hover {
    background-color: #e73449;
    color: #fff
}

#featured-brands .tile .little-btn:hover,
#featured-brands .video-container .little-btn:hover {
    background-color: #fff;
    color: #000
}

.champions .tile .little-btn:hover,
.champions .video-container .little-btn:hover {
    background-color: #ef1b44;
    color: #fff
}

.ambassadors .tile .little-btn:hover,
.ambassadors .video-container .little-btn:hover {
    background-color: #ef1b44;
    color: #fff
}

.family .tile .little-btn:hover,
.family .video-container .little-btn:hover {
    background-color: #a88145;
    color: #fff
}

.trips #ttc-travel .tile .little-btn:hover,
.trips #ttc-travel .video-container .little-btn:hover {
    background-color: #e73449;
    color: #fff
}

.trips #me-travel .tile .little-btn:hover,
.trips #me-travel .video-container .little-btn:hover {
    background-color: #0099d0;
    color: #fff
}

    .tile>a:hover:after,
    .video-container>a:hover:after {
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        left: 16px;
        top: 16px;
        border-color: inherit
    }

@media (max-width: 961px) {
	    .tile>a:hover:after,
    .video-container>a:after {
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        left: 16px;
        top: 16px;
        border-color: inherit
    }
}


@media (max-width: 60em) {
    .tile>a:after,
    .video-container>a:hover:after {
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        left: 16px;
        top: 16px;
    border: solid 4px;
    }
}

@media (min-width:60em) {
    .tile>a:hover .mask,
    .video-container>a:hover .mask {
        display: block
    }
    .tile>a:hover .wrap,
    .video-container>a:hover .wrap {
        display: inline-block
    }

    .tile>a .mask,
    .tile>a .wrap,
    .video-container>a .mask,
    .video-container>a .wrap {
        display: none
    }
}

@media (hover:none) {
    .tile>a .mask,
    .video-container>a .mask {
        display: block
    }
    .tile>a .wrap,
    .video-container>a .wrap {
        display: inline-block
    }
}

@media (min-width:73.125em) {
    .tile>a:after,
    .video-container>a:after {
        border-width: 4px
    }
}

@media (min-width:100em) {
    .tile>a:after,
    .video-container>a:after {
        border-width: 5px
    }
    .tile>a .wrap,
    .video-container>a .wrap {
        width: 85%
    }
}

.pillars {
    width: 100%
}

.pillars .tile,
.pillars .video-container {
    padding-bottom: 76%;
    height: 0
}

.pillars .tile>a .wrap .title,
.pillars .video-container>a .wrap .title {
    font-size: 3.125rem;
    margin-bottom: .75rem
}

@media (min-width:48em) {
    .pillars {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
    .pillars .tile>a .wrap .title,
    .pillars .video-container>a .wrap .title {
        font-size: 3.125rem
    }
}

@media (min-width:60em) {
    .pillars {
        display: block;
        font-size: 0
    }
    .pillars .tile,
    .pillars .video-container {
        padding-bottom: 30%;
        display: inline-block;
        vertical-align: middle;
        width: 33%
    }
    .pillars .tile:nth-child(2),
    .pillars .video-container:nth-child(2) {
        width: 34%
    }
}

@media (min-width:73.125em) {
    .pillars .tile>a .wrap .title,
    .pillars .video-container>a .wrap .title {
        font-size: 4.0625rem
    }
}

.page-template-page-pillar #featured-projects .grid {
    width: 100%;
    margin: auto;
    padding: 0 1rem;
    margin-bottom: 2rem
}

.page-template-page-pillar #featured-projects .grid .tile,
.page-template-page-pillar #featured-projects .grid .video-container {
    margin-bottom: 1rem
}

.page-template-page-pillar #featured-projects .grid .tile>a .excerpt,
.page-template-page-pillar #featured-projects .grid .video-container>a .excerpt {
    display: none
}

    .page-template-page-pillar #featured-projects .grid .tile>a:after,
    .page-template-page-pillar #featured-projects .grid .video-container>a:after {
        border-width: 2px;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        left: 16px;
        top: 16px;
    }

@media (max-width:48em) {
    .page-template-page-pillar #featured-projects .grid .tile>a:after,
    .page-template-page-pillar #featured-projects .grid .video-container>a:after {
        border: solid 4px;
    }
}


@media (min-width:48em) {
    .page-template-page-pillar #featured-projects .grid {
        padding: 0 20px;
        width: 80%
    }
    .page-template-page-pillar #featured-projects .grid .tile>a:after,
    .page-template-page-pillar #featured-projects .grid .video-container>a:after {
        border-width: 4px;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        left: 16px;
        top: 16px
    }
    .page-template-page-pillar #featured-projects .grid .tile .title,
    .page-template-page-pillar #featured-projects .grid .video-container .title {
        font-size: 1.25rem
    }
    .page-template-page-pillar #featured-projects .grid .tile .excerpt,
    .page-template-page-pillar #featured-projects .grid .tile .location,
    .page-template-page-pillar #featured-projects .grid .video-container .excerpt,
    .page-template-page-pillar #featured-projects .grid .video-container .location {
        display: none
    }
    .page-template-page-pillar #featured-projects .grid .tile .little-btn,
    .page-template-page-pillar #featured-projects .grid .video-container .little-btn {
        margin-top: 0!important
    }
}

@media (min-width:60em) {
    .page-template-page-pillar #featured-projects .grid {
        padding: 0 20px
    }
    .page-template-page-pillar #featured-projects .grid .tile,
    .page-template-page-pillar #featured-projects .grid .video-container {
        width: 31%;
        margin: 1%
    }
    .page-template-page-pillar #featured-projects .grid .tile:nth-child(3n+2),
    .page-template-page-pillar #featured-projects .grid .video-container:nth-child(3n+2) {
        width: 32%
    }
    .page-template-page-pillar #featured-projects .grid .tile>a .location,
    .page-template-page-pillar #featured-projects .grid .video-container>a .location {
        display: block
    }
}

#all-brands .grid,
#all-projects .grid,
.champions .grid,
.ambassadors .grid,
.trips .grid {
    margin-bottom: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

#all-brands .grid .tile,
#all-brands .grid .video-container,
#all-projects .grid .tile,
#all-projects .grid .video-container,
.champions .grid .tile,
.champions .grid .video-container,
.ambassadors .grid .tile,
.ambassadors .grid .video-container,
.trips .grid .tile,
.trips .grid .video-container {
    padding-bottom: 100%
}

#all-brands .grid .tile .wrap,
#all-brands .grid .video-container .wrap,
#all-projects .grid .tile .wrap,
#all-projects .grid .video-container .wrap,
.champions .grid .tile .wrap,
.champions .grid .video-container .wrap,
.ambassadors .grid .tile .wrap,
.ambassadors .grid .video-container .wrap,
.trips .grid .tile .wrap,
.trips .grid .video-container .wrap {
    width: 80%
}

#all-brands .grid .tile .title,
#all-brands .grid .video-container .title,
#all-projects .grid .tile .title,
#all-projects .grid .video-container .title,
.champions .grid .tile .title,
.champions .grid .video-container .title,
.ambassadors .grid .tile .title,
.ambassadors .grid .video-container .title,
.trips .grid .tile .title,
.trips .grid .video-container .title {
    font-size: 2.25rem;
    line-height: 1
}

#all-brands .grid .tile .location,
#all-brands .grid .video-container .location,
#all-projects .grid .tile .location,
#all-projects .grid .video-container .location,
.champions .grid .tile .location,
.champions .grid .video-container .location,
.ambassadors .grid .tile .location,
.ambassadors .grid .video-container .location,
.trips .grid .tile .location,
.trips .grid .video-container .location {
    font-size: .75rem;
    line-height: 1;
    font-family: Raleway;
    color: #fff;
    font-weight: 400;
    margin-top: 1rem
}

#all-brands .grid .tile .excerpt,
#all-brands .grid .video-container .excerpt,
#all-projects .grid .tile .excerpt,
#all-projects .grid .video-container .excerpt,
.champions .grid .tile .excerpt,
.champions .grid .video-container .excerpt,
.ambassadors .grid .tile .excerpt,
.ambassadors .grid .video-container .excerpt,
.trips .grid .tile .excerpt,
.trips .grid .video-container .excerpt {
    position: relative;
    font-size: 1rem;
    text-transform: none;
    font-family: Raleway;
    color: #fff;
    font-weight: 200;
    margin: auto
}

@media (min-width:48em) {
    #all-brands .grid .tile,
    #all-brands .grid .video-container,
    #all-projects .grid .tile,
    #all-projects .grid .video-container,
    .champions .grid .tile,
    .champions .grid .video-container,
    .ambassadors .grid .tile,
    .ambassadors .grid .video-container,
    .trips .grid .tile,
    .trips .grid .video-container {
        padding-bottom: 50%;
        width: 50%
    }
}

@media (min-width:60em) {
    #all-brands .grid .tile,
    #all-brands .grid .video-container,
    #all-projects .grid .tile,
    #all-projects .grid .video-container,
    .champions .grid .tile,
    .champions .grid .video-container,
    .ambassadors .grid .tile,
    .ambassadors .grid .video-container,
    .trips .grid .tile,
    .trips .grid .video-container {
        padding-bottom: 30%;
        width: 33.33%
    }
    #all-brands .grid .tile:nth-child(3n+2),
    #all-brands .grid .video-container:nth-child(3n+2),
    #all-projects .grid .tile:nth-child(3n+2),
    #all-projects .grid .video-container:nth-child(3n+2),
    .champions .grid .tile:nth-child(3n+2),
    .champions .grid .video-container:nth-child(3n+2),
    .ambassadors .grid .tile:nth-child(3n+2),
    .ambassadors .grid .video-container:nth-child(3n+2),
    .trips .grid .tile:nth-child(3n+2),
    .trips .grid .video-container:nth-child(3n+2) {
        width: 33.33%
    }
}

#all-projects {
    margin-top: 2rem
}

#all-projects,
#all-projects .grid {
    margin-bottom: 0
}

#all-brands .grid .tile>a,
#all-brands .grid .video-container>a {
    color: #e73449
}

#all-brands .grid .tile .excerpt:before,
#all-brands .grid .video-container .excerpt:before {
    background-color: #e73449
}

#all-brands .grid .tile .little-btn,
#all-brands .grid .video-container .little-btn {
    border-color: #e73449
}

#featured-brands .tile .title,
#featured-brands .video-container .title,
#featured-projects .tile .title,
#featured-projects .video-container .title {
    font-size: 1.75rem;
	max-width: 95%;
	margin: 0 auto;
}

@media (min-width:48em) {
    #featured-brands .tile,
    #featured-brands .video-container,
    #featured-projects .tile,
    #featured-projects .video-container {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }
    #featured-brands h3,
    #featured-projects h3 {
        margin-bottom: 1rem
    }
}

@media (min-width:60em) {
    #featured-brands .tile,
    #featured-brands .video-container,
    #featured-projects .tile,
    #featured-projects .video-container {
        display: inline-block;
        vertical-align: middle;
        width: 25%;
        padding-bottom: 22%
    }
}

#featured-brands .tile a,
#featured-brands .video-container a {
    color: #fff
}

#featured-brands .tile a .little-btn,
#featured-brands .video-container a .little-btn {
    border-color: #fff
}

#featured-videos {
    overflow: hidden
}

#featured-videos .grid {
    padding: 1rem
}

#featured-videos .tile,
#featured-videos .video-container {
    margin-bottom: 1rem
}

#featured-videos .tile a>.icon,
#featured-videos .video-container a>.icon {
    display: none
}

#featured-videos .tile a .wrap,
#featured-videos .video-container a .wrap {
    display: inline-block
}

#featured-videos .tile a .wrap .title,
#featured-videos .video-container a .wrap .title {
    white-space: normal;
    margin-bottom: 1rem
}

#featured-videos .tile a .wrap .description,
#featured-videos .video-container a .wrap .description {
    display: none
}

@media (min-width:48em) {
    #featured-videos .tile,
    #featured-videos .video-container {
        transform: translate3d(-200px, 100px, 0);
        transition: all .5s linear;
        margin-bottom: 0
    }
    #featured-videos .tile:nth-child(2n),
    #featured-videos .video-container:nth-child(2n) {
        transform: translate3d(200px, 100px, 0)
    }
    #featured-videos .tile a:hover .wrap,
    #featured-videos .tile a>.icon,
    #featured-videos .video-container a:hover .wrap,
    #featured-videos .video-container a>.icon {
        display: inline-block
    }
    #featured-videos .tile a .wrap,
    #featured-videos .video-container a .wrap {
        display: none
    }
    #featured-videos .tile a .wrap .title,
    #featured-videos .video-container a .wrap .title {
        white-space: nowrap;
        margin-bottom: 1rem
    }
    #featured-videos .tile a .wrap .description,
    #featured-videos .video-container a .wrap .description {
        display: block
    }
    #featured-videos[data-scroll=in] .tile,
    #featured-videos[data-scroll=in] .video-container {
        transform: translateZ(0)
    }
}

#featured-videos .icon,
#related-content .video .icon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    fill: #fff;
}

#featured-videos .tile a,
#featured-videos .video-container a,
#related-content .video .tile a,
#related-content .video .video-container a {
    color: #fff
}

#featured-videos .tile a:hover>.icon,
#featured-videos .video-container a:hover>.icon,
#related-content .video .tile a:hover>.icon,
#related-content .video .video-container a:hover>.icon {
    display: none
}

#featured-videos .wrap,
#related-content .video .wrap {
    width: 95%
}

#featured-videos .wrap .title,
#related-content .video .wrap .title {
    font-size: 1.5rem;
    color: #fff;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#featured-videos .wrap .description,
#related-content .video .wrap .description {
    font-size: .875rem;
    margin: 1rem auto 0;
    color: #fff;
    text-transform: none;
    font-family: Raleway;
    width: 90%
}

@media (min-width:73.125em) {
    #featured-videos .icon,
    #related-content .video .icon {
        width: 72px;
        height: 72px
    }
    #featured-videos .tile a .wrap .title,
    #featured-videos .video-container a .wrap .title,
    #related-content .video .tile a .wrap .title,
    #related-content .video .video-container a .wrap .title {
        margin-bottom: 1.5rem
    }
    #featured-videos .tile a .wrap .description,
    #featured-videos .video-container a .wrap .description,
    #related-content .video .tile a .wrap .description,
    #related-content .video .video-container a .wrap .description {
        margin-top: 1.5rem
    }
}

#our-partners {
    padding: 0 1rem
}

#our-partners h3 {
    color: #1887C9
}

#our-partners ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#our-partners ul li {
    display: inline-block;
    vertical-align: middle
}

#our-partners ul li a {
    display: block
}

#our-partners ul li img {
    display: block;
    height: 100px
}

#our-partners.wildlife h3 {
    color: #FEC21C
}

#our-partners.planet h3 {
    color: #6FB740
}

#project-filters {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    padding-top: 1rem
}

.category-planet #project-filters li.current-tax a:after {
    background-color: #6FB740
}

.category-wildlife #project-filters li.current-tax a:after {
    background-color: #FEC21C
}

.category-people #project-filters li.current-tax a:after {
    background-color: #1887C9
}

#project-filters li {
    display: inline-block;
    vertical-align: middle
}

#project-filters li.current-tax a {
    color: #000
}

#project-filters li.current-tax a:after, a.current-tax:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 10px);
    height: 3px;
    width: 20px;
    background-color: #000
}

#project-filters a {
    position: relative;
    display: block;
    font-family: Oswald;
    color: #fff;
    padding: 5px 10px;
    font-weight: 300;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none
}

@media (min-width:48em) {
    #project-filters {
        text-align: right
    }
    #project-filters a {
        font-size: 1.25rem
    }
}

#impact,
#objective,
.boxy {
    text-align: left;
    position: relative;
    padding: 1rem
}

.single-champion #impact h3,
.single-champion #objective h3,
.single-champion .boxy h3 {
    font-size: 1.875rem;
    font-family: Oswald;
    font-weight: 200
}

.single-ambassador #impact h3,
.single-ambassador #objective h3,
.single-ambassador .boxy h3 {
    font-size: 1.875rem;
    font-family: Oswald;
    font-weight: 200
}

.single-project #impact h3,
.single-project #objective h3,
.single-project .boxy h3 {
    font-size: 2.5rem;
    font-family: Oswald;
    font-weight: 200;
    margin: .5rem 0
}

#impact:before,
#objective:before,
.boxy:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background-color: #000;
    top: calc(100% + 10px);
    left: 50%
}

#impact p,
#objective p,
.boxy p {
    font-weight: 400
}

#impact .wrap,
#objective .wrap,
.boxy .wrap {
    padding: 1rem;
    border: 1px solid #000
}

@media (min-width:48em) {
    #impact,
    #objective,
    .boxy {
        padding: 0;
        margin-bottom: 100px
    }
    .single-champion #impact h3,
    .single-champion #objective h3,
    .single-champion .boxy h3 {
        font-size: 3.75rem
    }
    .single-ambassador #impact h3,
    .single-ambassador #objective h3,
    .single-ambassador .boxy h3 {
        font-size: 3.75rem
    }
    .single-project #impact h3,
    .single-project #objective h3,
    .single-project .boxy h3 {
        font-size: 5rem;
        margin: 2rem 0
    }
    #impact .wrap,
    #objective .wrap,
    .boxy .wrap {
        padding: 20px 60px
    }
    #impact .wrap p:last-child,
    #objective .wrap p:last-child,
    .boxy .wrap p:last-child {
        margin-bottom: 2rem
    }
}

#impact,
#objective {
    margin: 100px 0
}

#related {
    position: relative
}

#related .wrap {
    margin-bottom: 2rem
}

#related .actions {
    text-align: center
}

#related .actions a {
    margin: .5rem;
    width: 180px
}

#related .video-container {
    background-color: #1887C9
}

.single-champion #related .all-champions {
    font-size: 1.875rem;
    height: 400px
}


.single-ambassador #related .all-ambassadors {
    font-size: 1.875rem;
    height: 400px
}

.single-champion #related .all-champions>a {
    color: #00aec2
}

.single-ambassador #related .all-ambassador>a {
    color: #00aec2
}

.single-champion #related .all-champions>a .wrap {
    display: inline-block
}

.single-ambassador #related .all-ambassadors>a .wrap {
    display: inline-block;
    color: #ffffff;
}

.single-champion #related .all-champions>a .title {
    font-family: Oswald;
    font-weight: 300;
    margin-bottom: 1rem
}

.single-ambassador #related .all-ambassadors>a .title {
    font-family: Oswald;
    font-weight: 300;
    margin-bottom: 1rem
}

.single-champion #related .all-champions>a .little-btn {
    border-color: #00aec2
}

.single-ambassador #related .all-ambassadors>a .little-btn {
    border-color: #00aec2
}

.single-champion #related .all-champions>a:after {
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    left: 16px;
    top: 16px;
    border-color: inherit
}

.single-ambassador #related .all-ambassadors>a:after {
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    left: 16px;
    top: 16px;
    border-color: #ffffff
}

.single-champion #related .all-champions>a:hover .little-btn {
    background-color: #00aec2;
    color: #fff
}


.single-ambassador #related .all-ambassadors>a:hover .little-btn {
    background-color: #00aec2;
    color: #fff
}

.single-champion #related .all-champions .title {
    font-size: 1.875rem
}

.single-ambassador #related .all-ambassadors .title {
    font-size: 1.875rem
}

.single-champion #related .all-champions .little-btn {
    border-color: #1887C9
}

.single-ambassador #related .all-ambassadors .little-btn {
    border-color: #1887C9
}

.single-champion #related .adjacent-champion {
    font-size: 1.875rem;
    height: 400px
}

.single-ambassador #related .adjacent-ambassador {
    font-size: 1.875rem;
    height: 400px
}

.single-champion #related .adjacent-champion>a {
    color: #ef1b44
}

.single-ambassador #related .adjacent-ambassador>a {
    color: #ef1b44
}

.single-champion #related .adjacent-champion>a .wrap {
    display: inline-block
}

.single-ambassador #related .adjacent-ambassador>a .wrap {
    display: inline-block
}

.single-champion #related .adjacent-champion>a .title {
    font-family: Oswald;
    font-weight: 300;
    margin-bottom: 1rem
}

.single-ambassador #related .adjacent-ambassador>a .title {
    font-family: Oswald;
    font-weight: 300;
    margin-bottom: 1rem
}

.single-champion #related .adjacent-champion>a .little-btn {
    margin-top: 0!important
}

.single-ambassador #related .adjacent-ambassador>a .little-btn {
    margin-top: 0!important
}

.single-champion #related .adjacent-champion>a .excerpt,
.single-champion #related .adjacent-champion>a .location {
    display: none
}

.single-ambassador #related .adjacent-ambassador>a .excerpt,
.single-ambassador #related .adjacent-ambassador>a .location {
    display: none
}

.single-champion #related .adjacent-champion>a .excerpt:before {
    background-color: #ef1b44
}

.single-ambassador #related .adjacent-ambassador>a .excerpt:before {
    background-color: #ef1b44
}

.single-champion #related .adjacent-champion>a:after {
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    left: 16px;
    top: 16px;
    border-color: inherit
}

.single-ambassador #related .adjacent-ambassador>a:after {
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    left: 16px;
    top: 16px;
    border-color: inherit
}

.single-champion #related .adjacent-champion>a:hover .little-btn {
    background-color: #ef1b44;
    color: #fff;
    margin-top: 15px!important
}

.single-ambassador #related .adjacent-ambassador>a:hover .little-btn {
    background-color: #ef1b44;
    color: #fff;
    margin-top: 15px!important
}

.single-champion #related .adjacent-champion>a:hover .excerpt,
.single-champion #related .adjacent-champion>a:hover .location {
    display: block
}

.single-ambassador #related .adjacent-ambassador>a:hover .excerpt,
.single-ambassador #related .adjacent-ambassador>a:hover .location {
    display: block
}

.single-champion #related .adjacent-champion .title {
    font-size: 1.875rem
}

.single-ambassador #related .adjacent-ambassador .title {
    font-size: 1.875rem
}

.single-champion #related .adjacent-champion .little-btn {
    border-color: #e73449
}

.single-ambassador #related .adjacent-ambassador .little-btn {
    border-color: #e73449
}

#related .article-preview {
    background-color: #FEC21C;
    position: relative;
    height: 100%
}

.wildlife #related .article-preview a {
    color: #FEC21C
}

.people #related .article-preview a {
    color: #1887C9
}

.plant #related .article-preview a {
    color: #6FB740
}

#related .article-preview a {
    display: block;
    font-size: 0;
    height: 100%
}

#related .article-preview a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

#related .article-preview .content {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

#related .article-preview .title {
    border-top: 1px solid #fff;
    font-size: 1.375rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    display: block;
    font-family: Oswald;
    text-transform: uppercase;
    font-weight: 300;
    background-color: #000;
    z-index: 2
}

#related h5 {
    font-family: Oswald;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.625rem;
    margin: 40px 0 0;
    padding: 5px 0;
    position: relative;
    text-align: center
}

#related .hr {
    background-color: #FEC21C;
    margin: 15px auto
}

@media (min-width:48em) {
    #related .actions a {
        margin: 0 .5rem
    }
}

#related-content {
    display: -ms-grid;
    display: grid;
    padding: 1rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    text-align: center;
    position: relative
}

#related-content h4 {
    font-family: Oswald;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.775rem;
    margin: 0;
    padding: 40px 0;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0
}

#related-content .archive-champion,
#related-content .article,
#related-content .video {
    padding-top: 100px;
    position: relative
}

#related-content .archive-ambassador,
#related-content .article,
#related-content .video {
    padding-top: 100px;
    position: relative
}


#related-content .article {
    height: 400px
}

#related-content .article h4:after {
    left: -10px
}

@media (min-width:48em) {
    #related-content {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        padding: 0
    }
    #related-content h4:before {
        height: 30px;
        width: 1px
    }
    #related-content h4:after,
    #related-content h4:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        background-color: #000
    }
    #related-content h4:after {
        height: 1px;
        width: calc(50% + 10px)
    }
    .has-one #related-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        text-align: center
    }
    .has-one #related-content h4:after,
    .has-one #related-content h4:before {
        display: none
    }
    .has-one #related-content .article,
    .has-one #related-content .video {
        margin: auto;
        width: 50%
    }
    #related-content .article {
        height: auto
    }
}

.page-template-page-about main .wrap {
    padding: 0 1rem
}

.page-template-page-about #our-story,
.page-template-page-about main {
    padding: 1rem
}

.page-template-page-about #our-story h2,
.page-template-page-about main h2 {
    width: 50%;
    margin: auto
}

.page-template-page-about #our-story h3,
.page-template-page-about main h3 {
    width: 100%;
    border: 3px solid #e5254a;
    padding: 50px 10px;
    line-height: 1;
    font-weight: 200;
    font-size: 3.75rem;
    font-family: Oswald
}

.page-template-page-about #our-story h2,
.page-template-page-about #our-story h3,
.page-template-page-about #our-story h4,
.page-template-page-about main h2,
.page-template-page-about main h3,
.page-template-page-about main h4 {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(#df682d, #ec2741)
}

@media (min-width:60em) {
    .page-template-page-about #our-story h3 {
        width: 100%;
        border: 10px solid #e5254a;
        padding: 50px 20px;
        line-height: 1;
        font-weight: 200;
        font-size: 12.5rem;
        font-family: Oswald
    }
}

#timeline hr {
    background-color: #e5254a;
    margin-top: .5rem;
    height: 1px
}

#timeline h4 {
    width: 100%;
    font-family: Oswald;
    margin: 0;
    line-height: 1;
    font-weight: 200;
    font-size: 6.25rem
}

#timeline ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style-position: inside
}

#timeline .item {
    display: flex;
    padding: 25px 0;
    position: relative;
    flex-direction: column
}

#timeline .item .content,
#timeline .item .thumbnail {
    position: relative;
    z-index: 4;
    background-color: #fff;
    margin: 2rem 0
}

#timeline .item .thumbnail {
    order: 2
}

#timeline .item .thumbnail img {
    width: 100%
}

#timeline .item .content {
    order: 1
}

#timeline .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    background-color: #e5254a;
    z-index: 2
}

#timeline .item:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(#c77e0a, #e5254a);
    border: 1px solid #e5254a;
    left: calc(50% - 9px);
    top: -9px;
    z-index: 3
}

#timeline .content {
    width: 100%;
    display: block
}

@media (min-width:48em) {
    #timeline {
        margin-top: 100px
    }
    #timeline h4 {
        width: 100%;
        font-family: Oswald;
        margin: 0 0 1rem;
        line-height: 1;
        font-weight: 200;
        font-size: 6.25rem
    }
    #timeline .item {
        display: flex;
        flex-direction: row;
        padding: 25px 0;
        position: relative
    }
    #timeline .item:nth-child(2n) .content {
        order: 2;
        padding-left: 40px
    }
    #timeline .item:nth-child(2n) .thumbnail {
        padding-left: 0;
        order: 1;
        padding-right: 40px
    }
    #timeline .item:first-child {
        padding-top: 0
    }
    #timeline .item .chart-wrap {
        width: 100%;
        position: relative;
        margin-top: 2rem
    }
    #timeline .item .chart-wrap canvas {
        height: 150px;
        width: auto;
        z-index: 2
    }
    #timeline .item .content,
    #timeline .item .thumbnail {
        padding: 0;
        width: 50%;
        background-color: transparent;
        transition: all .5s linear
    }
    #timeline .item .thumbnail {
        padding-left: 40px;
        transform: translate3d(200px, 100px, 0);
        opacity: 0
    }
    #timeline .item .thumbnail img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
    #timeline .item .content {
        padding-right: 40px;
        font-size: 0;
        transform: translate3d(-200px, 100px, 0);
        opacity: 0
    }
    #timeline .item .content .content-wrap {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        font-size: 1rem
    }
    #timeline .item .content:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }
    #timeline .item:nth-child(2n) .content {
        transform: translate3d(200px, 100px, 0)
    }
    #timeline .item:nth-child(2n) .thumbnail {
        transform: translate3d(-200px, 100px, 0)
    }
    #timeline .item[data-scroll=in] .content,
    #timeline .item[data-scroll=in] .thumbnail {
        transform: translateZ(0);
        opacity: 1
    }
}

.page-template-page-trips #me-travel,
.page-template-page-trips #ttc-travel {
    padding-top: 100px;
    background-color: #e73449;
    padding-bottom: 0
}

.page-template-page-trips #me-travel .tile,
.page-template-page-trips #me-travel .video-container,
.page-template-page-trips #ttc-travel .tile,
.page-template-page-trips #ttc-travel .video-container {
    text-align: center
}

.page-template-page-trips #me-travel .tile>a,
.page-template-page-trips #me-travel .video-container>a,
.page-template-page-trips #ttc-travel .tile>a,
.page-template-page-trips #ttc-travel .video-container>a {
    color: #e73449
}

.page-template-page-trips #me-travel .tile .hr,
.page-template-page-trips #me-travel .video-container .hr,
.page-template-page-trips #ttc-travel .tile .hr,
.page-template-page-trips #ttc-travel .video-container .hr {
    background-color: #e73449
}

.page-template-page-trips #me-travel .tile .little-btn,
.page-template-page-trips #me-travel .video-container .little-btn,
.page-template-page-trips #ttc-travel .tile .little-btn,
.page-template-page-trips #ttc-travel .video-container .little-btn {
    border-color: #e73449
}

.page-template-page-trips #me-travel .grid,
.page-template-page-trips #ttc-travel .grid {
    margin-bottom: 0
}

.page-template-page-trips #me-travel>.wrap,
.page-template-page-trips #ttc-travel>.wrap {
    margin-bottom: 50px
}

.page-template-page-trips #me-travel .content-wrap,
.page-template-page-trips #ttc-travel .content-wrap {
    padding: 1rem;
    position: relative
}

.page-template-page-trips #me-travel .logo,
.page-template-page-trips #ttc-travel .logo {
    width: 100%
}

.page-template-page-trips #me-travel h2,
.page-template-page-trips #ttc-travel h2 {
    text-align: center
}

.page-template-page-trips #me-travel h2,
.page-template-page-trips #me-travel p,
.page-template-page-trips #ttc-travel h2,
.page-template-page-trips #ttc-travel p {
    color: #fff
}

.page-template-page-trips #me-travel {
    background-color: #0099d0
}

.page-template-page-trips #me-travel .tile>a,
.page-template-page-trips #me-travel .video-container>a {
    color: #0099d0
}

.page-template-page-trips #me-travel .tile .hr,
.page-template-page-trips #me-travel .video-container .hr {
    background-color: #0099d0
}

.page-template-page-trips #me-travel .tile .little-btn,
.page-template-page-trips #me-travel .video-container .little-btn {
    border-color: #0099d0
}

@media (min-width:48em) {
    .page-template-page-trips #me-travel,
    .page-template-page-trips #ttc-travel {
        padding-top: 100px;
        background-color: #e73449;
        padding-bottom: 0
    }
    .page-template-page-trips #me-travel .tile,
    .page-template-page-trips #me-travel .video-container,
    .page-template-page-trips #ttc-travel .tile,
    .page-template-page-trips #ttc-travel .video-container {
        text-align: center;
		width:33.33%;
    }
    .page-template-page-trips #me-travel .tile>a,
    .page-template-page-trips #me-travel .video-container>a,
    .page-template-page-trips #ttc-travel .tile>a,
    .page-template-page-trips #ttc-travel .video-container>a {
        color: #e73449
    }
    .page-template-page-trips #me-travel .tile .excerpt:before,
    .page-template-page-trips #me-travel .video-container .excerpt:before,
    .page-template-page-trips #ttc-travel .tile .excerpt:before,
    .page-template-page-trips #ttc-travel .video-container .excerpt:before {
        background-color: #e73449
    }
    .page-template-page-trips #me-travel .tile .little-btn,
    .page-template-page-trips #me-travel .video-container .little-btn,
    .page-template-page-trips #ttc-travel .tile .little-btn,
    .page-template-page-trips #ttc-travel .video-container .little-btn {
        border-color: #e73449
    }
    .page-template-page-trips #me-travel .grid,
    .page-template-page-trips #ttc-travel .grid {
        margin-bottom: 0
    }
    .page-template-page-trips #me-travel>.wrap,
    .page-template-page-trips #ttc-travel>.wrap {
        margin-bottom: 50px
    }
    .page-template-page-trips #me-travel .content-wrap,
    .page-template-page-trips #ttc-travel .content-wrap {
        padding: 0 300px 0 0;
        position: relative
    }
    .page-template-page-trips #me-travel .logo,
    .page-template-page-trips #ttc-travel .logo {
        position: absolute;
        top: 0;
        right: 0;
        width: 200px
    }
    .page-template-page-trips #me-travel h2,
    .page-template-page-trips #ttc-travel h2 {
        text-align: left
    }
    .page-template-page-trips #me-travel h2,
    .page-template-page-trips #me-travel p,
    .page-template-page-trips #ttc-travel h2,
    .page-template-page-trips #ttc-travel p {
        color: #fff
    }
    .page-template-page-trips #me-travel {
        background-color: #0099d0
    }
    .page-template-page-trips #me-travel .tile>a,
    .page-template-page-trips #me-travel .video-container>a {
        color: #0099d0
    }
    .page-template-page-trips #me-travel .tile .excerpt:before,
    .page-template-page-trips #me-travel .video-container .excerpt:before {
        background-color: #0099d0
    }
    .page-template-page-trips #me-travel .tile .little-btn,
    .page-template-page-trips #me-travel .video-container .little-btn {
        border-color: #0099d0
    }
}

#team-members .item,
#team-members .team-member,
.headshots .item,
.headshots .team-member {
    margin: 2rem 0
}

#team-members .item h4,
#team-members .team-member h4,
.headshots .item h4,
.headshots .team-member h4 {
    color: #00aec2;
    font-size: 1.4375rem;
    margin: 0;
    text-align: center;
    line-height: 1
}

#team-members .item .position,
#team-members .team-member .position,
.headshots .item .position,
.headshots .team-member .position {
    margin: 0;
    color: #606060;
    font-family: Raleway;
    font-size: .875rem
}

#team-members .item .thumbnail,
#team-members .team-member .thumbnail,
.headshots .item .thumbnail,
.headshots .team-member .thumbnail {
    position: relative;
    margin-bottom: 32px
}

#team-members .item .thumbnail img,
#team-members .team-member .thumbnail img,
.headshots .item .thumbnail img,
.headshots .team-member .thumbnail img {
    width: 100%;
    display: block
}

#team-members .item .content,
#team-members .team-member .content,
.headshots .item .content,
.headshots .team-member .content {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .9);
    display: none
}

#team-members .item .content:before,
#team-members .team-member .content:before,
.headshots .item .content:before,
.headshots .team-member .content:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

#team-members .item .content .content-wrap,
#team-members .team-member .content .content-wrap,
.headshots .item .content .content-wrap,
.headshots .team-member .content .content-wrap {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1rem
}

#team-members .item .content p,
#team-members .team-member .content p,
.headshots .item .content p,
.headshots .team-member .content p {
    font-size: .875rem
}

@media (min-width:48em) {
    #team-members .items,
    .headshots .items {
        text-align: center
    }
    #team-members .team-member,
    .headshots .team-member {
        width: 31%;
        margin: 1%;
        display: inline-block
    }
    #team-members .team-member:nth-child(3n+2),
    .headshots .team-member:nth-child(3n+2) {
        width: 31%
    }
    #team-members .item,
    #team-members .team-member,
    .headshots .item,
    .headshots .team-member {
        margin: 2rem 0
    }
    #team-members .item:hover .content,
    #team-members .team-member:hover .content,
    .headshots .item:hover .content,
    .headshots .team-member:hover .content {
        display: block
    }
    #team-members .item h4,
    #team-members .team-member h4,
    .headshots .item h4,
    .headshots .team-member h4 {
        color: #00aec2;
        font-size: 1.4375rem;
        margin: 0;
        text-align: center;
        line-height: 1
    }
    #team-members .item .position,
    #team-members .team-member .position,
    .headshots .item .position,
    .headshots .team-member .position {
        margin: 0;
        color: #606060;
        font-family: Raleway;
        font-size: .875rem
    }
	
    #team-members .item .thumbnail,
    #team-members .team-member .thumbnail,
    .headshots .item .thumbnail,
    .headshots .team-member .thumbnail {
        position: relative;
        margin-bottom: 32px
    }
    #team-members .item .thumbnail img,
    #team-members .team-member .thumbnail img,
    .headshots .item .thumbnail img,
    .headshots .team-member .thumbnail img {
        width: 100%;
        display: block
    }
    #team-members .item .content,
    #team-members .team-member .content,
    .headshots .item .content,
    .headshots .team-member .content {
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: hsla(0, 0%, 100%, .9);
        display: none
    }
    #team-members .item .content:before,
    #team-members .team-member .content:before,
    .headshots .item .content:before,
    .headshots .team-member .content:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }
    #team-members .item .content .content-wrap,
    #team-members .team-member .content .content-wrap,
    .headshots .item .content .content-wrap,
    .headshots .team-member .content .content-wrap {
        display: inline-block;
        vertical-align: middle;
        padding: 0 1rem
    }
    #team-members .item .content p,
    #team-members .team-member .content p,
    .headshots .item .content p,
    .headshots .team-member .content p {
        font-size: 1vw !important
    }
		@media (min-width:1300px) {
    #team-members .item .content p,
    #team-members .team-member .content p,
    .headshots .item .content p,
    .headshots .team-member .content p {
        font-size: .87vw !important
    }
	}
	
		@media (min-width:2000px) {
    #team-members .item .content p,
    #team-members .team-member .content p,
    .headshots .item .content p,
    .headshots .team-member .content p {
        font-size: 16px !important
    }
	}

	@media (min-width:60em) {
    #team-members .item .content p,
    #team-members .team-member .content p,
    .headshots .item .content p,
    .headshots .team-member .content p {
        font-size: 16px
    }


	}
    #team-members .team-member h4,
    .headshots .team-member h4 {
        text-align: center
    }
    #team-members .team-member:first-child,
    .headshots .team-member:first-child {
        -ms-grid-column: 2;
        grid-column-start: 2
    }
    #team-members .team-member:nth-child(2),
    .headshots .team-member:nth-child(2) {
        -ms-grid-column: 1;
        grid-column-start: 1
    }
    #team-members.fill-space .items,
    .headshots.fill-space .items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
    #team-members.fill-space .item,
    .headshots.fill-space .item {
        width: 100%!important
    }
    #team-members.fill-space .item:hover .content-wrap,
    .headshots.fill-space .item:hover .content-wrap {
        display: inline-block
    }
    #team-members.fill-space .item .content,
    .headshots.fill-space .item .content {
        background-color: transparent;
        text-align: center
    }
    #team-members.fill-space .item .content .content-wrap,
    .headshots.fill-space .item .content .content-wrap {
        background-color: hsla(0, 0%, 100%, .9);
        width: 100%;
        padding: 2rem
    }
    #team-members.fill-space .item .content .content-wrap:before,
    .headshots.fill-space .item .content .content-wrap:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }
}

@media (max-width:961px) {
    #team-members .item .content p,
    #team-members .team-member .content p,
    .headshots .item .content p,
    .headshots .team-member .content p {
        font-size: 1vw
    }
}

#our-team {
    margin-bottom: 0
}

#our-team h3 a {
    display: block;
    color: #00aec2;
    text-decoration: none
}

#our-team h3 a:hover {
    text-decoration: underline
}

#our-team .ambassador div:last-child {
    margin-bottom: 0
}

.brands main {
    background-color: #162a52;
    text-align: left;
    padding: 2rem 1rem
}

.brands main h2 {
    font-size: 1.875rem;
    margin: 0 0 2rem;
    line-height: 1;
    font-family: Oswald;
    font-weight: 200
}

.brands .tile>a .mask,
.brands .video-container>a .mask {
    background-color: rgba(0, 0, 0, .75)
}

@media (min-width:60em) {
    .brands main {
        padding: 6rem 0
    }
    .brands main h2 {
        font-size: 5rem;
        margin: 0 0 2rem;
        line-height: 1;
        font-family: Oswald;
        font-weight: 200
    }
}

.page-template-page-connect .hero h1 {
    color: #ff0049
}

.page-template-page-connect .hero h1:after {
    border-color: #ff0049
}

.page-template-page-connect .hero .subtitle span {
    color: #ff0049
}

.page-template-page-connect main {
    background-color: #000;
    background: url(../images/connect/bg-bf75c51f65.jpg) no-repeat 0 0;
    background-size: cover
}

.page-template-page-connect main h2 {
    color: #e73449;
    text-align: left;
    font-size: 1.25rem;
    padding: 2rem 1rem
}

.page-template-page-connect form {
    text-align: left;
    padding: 1rem
}

.page-template-page-connect form label {
    color: #fff
}

.page-template-page-connect form label svg {
    fill: #fff
}

.page-template-page-connect form label .placeholder {
    padding: 0;
    left: 0
}

.page-template-page-connect form label.focused input {
    border-color: #e73449
}

.page-template-page-connect form label.filledin .placeholder {
    color: #fff;
    transform: translate3d(0, -20px, 0)
}

.page-template-page-connect form label.filledin .placeholder:after {
    display: none
}

.page-template-page-connect #ph-accepted_privacy h3,
.page-template-page-connect #ph-subscribed h3 {
    font-size: .875rem;
    font-weight: 400;
    font-family: Oswald;
    font-weight: 300;
    color: #fff
}

.page-template-page-connect #ph-accepted_privacy a,
.page-template-page-connect #ph-accepted_privacy span,
.page-template-page-connect #ph-subscribed a,
.page-template-page-connect #ph-subscribed span {
    color: #fff
}

.page-template-page-connect #ph-accepted_privacy svg,
.page-template-page-connect #ph-subscribed svg {
    fill: #e73449
}

.page-template-page-connect #ph-accepted_privacy .checkbox,
.page-template-page-connect #ph-subscribed .checkbox {
    margin: 0 .25rem .25rem 0;
    width: auto
}

.page-template-page-connect #ph-accepted_privacy .checkbox input:checked~.tab .checked,
.page-template-page-connect #ph-subscribed .checkbox input:checked~.tab .checked {
    display: inline-block
}

.page-template-page-connect #ph-accepted_privacy .checkbox input:checked~.tab .unchecked,
.page-template-page-connect #ph-subscribed .checkbox input:checked~.tab .unchecked {
    display: none
}

.page-template-page-connect #ph-controls {
    padding: 2rem 0
}

#comments .form-submit .page-template-page-connect #ph-controls input,
#newsletter .wtf .page-template-page-connect #ph-controls input[type=submit],
.category .nav-links .page-template-page-connect #ph-controls .page-numbers,
.news .nav-links .page-template-page-connect #ph-controls .page-numbers,
.page-template-page-connect #ph-controls #comments .form-submit input,
.page-template-page-connect #ph-controls #newsletter .wtf input[type=submit],
.page-template-page-connect #ph-controls .btn,
.page-template-page-connect #ph-controls .category .nav-links .page-numbers,
.page-template-page-connect #ph-controls .news .nav-links .page-numbers,
.page-template-page-connect #ph-controls .single-post .nav-links .page-numbers,
.single-post .nav-links .page-template-page-connect #ph-controls .page-numbers {
    background-color: transparent;
    color: #e73449;
    border-color: #e73449
}

#comments .form-submit .page-template-page-connect #ph-controls input:hover,
#newsletter .wtf .page-template-page-connect #ph-controls input:hover[type=submit],
.category .nav-links .page-template-page-connect #ph-controls .page-numbers:hover,
.news .nav-links .page-template-page-connect #ph-controls .page-numbers:hover,
.page-template-page-connect #ph-controls #comments .form-submit input:hover,
.page-template-page-connect #ph-controls #newsletter .wtf input:hover[type=submit],
.page-template-page-connect #ph-controls .btn:hover,
.page-template-page-connect #ph-controls .category .nav-links .page-numbers:hover,
.page-template-page-connect #ph-controls .news .nav-links .page-numbers:hover,
.page-template-page-connect #ph-controls .single-post .nav-links .page-numbers:hover,
.single-post .nav-links .page-template-page-connect #ph-controls .page-numbers:hover {
    background-color: #e73449;
    color: #fff
}

.page-template-page-connect .field input {
    height: 50px
}

.page-template-page-connect .field textarea {
    resize: none
}

.page-template-page-connect .field input,
.page-template-page-connect .field textarea {
    width: 100%;
    border-radius: 5px;
    padding: 1rem;
    border: 0
}

.page-template-page-connect .field input:-ms-input-placeholder,
.page-template-page-connect .field input::-ms-input-placeholder,
.page-template-page-connect .field textarea:-ms-input-placeholder,
.page-template-page-connect .field textarea::-ms-input-placeholder {
    font-family: Raleway;
    color: #7b7b7b
}

.page-template-page-connect .field input::placeholder,
.page-template-page-connect .field textarea::placeholder {
    font-family: Raleway;
    color: #7b7b7b
}

.page-template-page-connect .field-message {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3
}

@media (min-width:48em) {
    .page-template-page-connect main h2 {
        font-size: 2rem;
        padding: 4rem 0
    }
    .page-template-page-connect form {
        padding: 0
    }
    .page-template-page-connect form .fields>.wrap {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.discover-block {
    padding: 2rem 0 0;
    margin-bottom: 4rem
}

.discover-block .tile,
.discover-block .video-container {
    width: 100%;
    margin: auto;
    padding-bottom: 60%;
    margin-top: 2rem
}

.discover-block .tile img,
.discover-block .video-container img {
    width: 100%
}

.discover-block .tile,
.discover-block .video-container {
    background-color: #00aec2
}

.discover-block .tile>a,
.discover-block .video-container>a {
    color: #00aec2
}

.discover-block .tile>a .excerpt:before,
.discover-block .video-container>a .excerpt:before {
    background-color: #00aec2
}

.discover-block .tile>a .little-btn,
.discover-block .video-container>a .little-btn {
    border-color: #00aec2
}

.discover-block .tile>a .little-btn:hover,
.discover-block .video-container>a .little-btn:hover {
    background-color: #00aec2;
    color: #fff
}

.discover-block .tile .hr,
.discover-block .video-container .hr {
    background-color: #00aec2
}

@media (min-width:48em) {
    .discover-block h3 {
        font-size: 3.125rem;
        margin-bottom: 2rem
    }
    .discover-block .tile,
    .discover-block .video-container {
        width: 50%;
        margin: auto;
        padding-bottom: 32%
    }
    .discover-block .tile img,
    .discover-block .video-container img {
        width: 100%
    }
    .discover-block .tile,
    .discover-block .video-container {
        background-color: #00aec2
    }
    .discover-block .tile>a,
    .discover-block .video-container>a {
        color: #00aec2
    }
    .discover-block .tile>a .excerpt:before,
    .discover-block .video-container>a .excerpt:before {
        background-color: #00aec2
    }
    .discover-block .tile>a .little-btn,
    .discover-block .video-container>a .little-btn {
        border-color: #00aec2
    }
    .discover-block .tile>a .little-btn:hover,
    .discover-block .video-container>a .little-btn:hover {
        background-color: #00aec2;
        color: #fff
    }
    .discover-block .tile .hr,
    .discover-block .video-container .hr {
        background-color: #00aec2
    }
}

.page-template-page-impact main {
    text-align: left;
    background-color: #00965a
}

.page-template-page-impact main h2 {
    color: #fff
}

.page-template-page-impact main h3 {
    color: #000;
    margin-bottom: 0
}

.page-template-page-impact main nav {
    margin-top: 4rem
}

.page-template-page-impact main ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 -.5rem
}

.page-template-page-impact main ul li {
    display: inline-block;
    vertical-align: middle
}

.page-template-page-impact main ul a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    position: relative;
    font-family: Oswald;
    padding: .25rem .5rem
}

.page-template-page-impact main .wrap {
    border-color: #fff
}

.page-template-page-impact .blurbs h2,
.page-template-page-impact .blurbs h3 {
    color: #00965a
}

@media (min-width:60em) {
    .page-template-page-impact main ul a:hover {
        color: #000
    }
    .page-template-page-impact main ul a:hover:after {
        content: "";
        position: absolute;
        bottom: 3px;
        background-color: #000;
        left: calc(50% - 10px);
        width: 20px;
        height: 2px
    }
}

.blurbs {
    margin-bottom: 4rem
}

.blurbs .boxy:last-child:before {
    display: none;
}

.blurbs h2 {
    font-size: 3rem;
}

.blurbs h3 {
    font-size: 1.875rem;
}

.error404 .hero h1 {
    display: block;
    color: #7f0001;
    text-align: right;
    padding-bottom: 0;
    padding-right: 0;
    margin-left: 0
}

.error404 .hero h1:after {
    display: none
}

.error404 .hero h1 span {
    display: block
}

.error404 .hero .desc {
    font-size: 3.125rem;
    font-weight: 100
}

.error404 .hero p {
    color: #fff;
    text-align: right;
    font-family: Oswald;
    text-transform: uppercase
}

.error404 .hero p span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    font-weight: 300
}

#comments .form-submit .error404 .hero p input,
#newsletter .wtf .error404 .hero p input[type=submit],
.category .nav-links .error404 .hero p .page-numbers,
.connect #ph-controls .error404 .hero p .btn,
.error404 .hero p #comments .form-submit input,
.error404 .hero p #newsletter .wtf input[type=submit],
.error404 .hero p .btn,
.error404 .hero p .category .nav-links .page-numbers,
.error404 .hero p .connect #ph-controls .btn,
.error404 .hero p .news .nav-links .page-numbers,
.error404 .hero p .newsletter #ph-controls .btn,
.error404 .hero p .page-template-page-connect #ph-controls .btn,
.error404 .hero p .single-post .nav-links .page-numbers,
.error404 .hero p .thank-you #ph-controls .btn,
.news .nav-links .error404 .hero p .page-numbers,
.newsletter #ph-controls .error404 .hero p .btn,
.page-template-page-connect #ph-controls .error404 .hero p .btn,
.single-post .nav-links .error404 .hero p .page-numbers,
.thank-you #ph-controls .error404 .hero p .btn {
    padding: 8px 15px;
    font-weight: 300;
    font-family: Oswald
}

#comments .form-submit .error404 .hero input,
#newsletter .wtf .error404 .hero input[type=submit],
.category .nav-links .error404 .hero .page-numbers,
.connect #ph-controls .error404 .hero .btn,
.error404 .hero #comments .form-submit input,
.error404 .hero #newsletter .wtf input[type=submit],
.error404 .hero .btn,
.error404 .hero .category .nav-links .page-numbers,
.error404 .hero .connect #ph-controls .btn,
.error404 .hero .news .nav-links .page-numbers,
.error404 .hero .newsletter #ph-controls .btn,
.error404 .hero .page-template-page-connect #ph-controls .btn,
.error404 .hero .single-post .nav-links .page-numbers,
.error404 .hero .thank-you #ph-controls .btn,
.news .nav-links .error404 .hero .page-numbers,
.newsletter #ph-controls .error404 .hero .btn,
.page-template-page-connect #ph-controls .error404 .hero .btn,
.single-post .nav-links .error404 .hero .page-numbers,
.thank-you #ph-controls .error404 .hero .btn {
    border-color: #fff;
    color: #fff
}

#comments .form-submit .error404 .hero input:hover,
#newsletter .wtf .error404 .hero input:hover[type=submit],
.category .nav-links .error404 .hero .page-numbers:hover,
.connect #ph-controls .error404 .hero .btn:hover,
.error404 .hero #comments .form-submit input:hover,
.error404 .hero #newsletter .wtf input:hover[type=submit],
.error404 .hero .btn:hover,
.error404 .hero .category .nav-links .page-numbers:hover,
.error404 .hero .connect #ph-controls .btn:hover,
.error404 .hero .news .nav-links .page-numbers:hover,
.error404 .hero .newsletter #ph-controls .btn:hover,
.error404 .hero .page-template-page-connect #ph-controls .btn:hover,
.error404 .hero .single-post .nav-links .page-numbers:hover,
.error404 .hero .thank-you #ph-controls .btn:hover,
.news .nav-links .error404 .hero .page-numbers:hover,
.newsletter #ph-controls .error404 .hero .btn:hover,
.page-template-page-connect #ph-controls .error404 .hero .btn:hover,
.single-post .nav-links .error404 .hero .page-numbers:hover,
.thank-you #ph-controls .error404 .hero .btn:hover {
    background-color: #7f0001;
    color: #fff
}

@media (min-width:60em) {
    .error404 .hero .content {
        position: absolute;
        top: 30%;
        right: 60%;
        padding-right: 0
    }
    .error404 .hero h1 {
        padding: 0
    }
    .error404 .hero p span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem
    }
    #comments .form-submit .error404 .hero p input,
    #newsletter .wtf .error404 .hero p input[type=submit],
    .category .nav-links .error404 .hero p .page-numbers,
    .connect #ph-controls .error404 .hero p .btn,
    .error404 .hero p #comments .form-submit input,
    .error404 .hero p #newsletter .wtf input[type=submit],
    .error404 .hero p .btn,
    .error404 .hero p .category .nav-links .page-numbers,
    .error404 .hero p .connect #ph-controls .btn,
    .error404 .hero p .news .nav-links .page-numbers,
    .error404 .hero p .newsletter #ph-controls .btn,
    .error404 .hero p .page-template-page-connect #ph-controls .btn,
    .error404 .hero p .single-post .nav-links .page-numbers,
    .error404 .hero p .thank-you #ph-controls .btn,
    .news .nav-links .error404 .hero p .page-numbers,
    .newsletter #ph-controls .error404 .hero p .btn,
    .page-template-page-connect #ph-controls .error404 .hero p .btn,
    .single-post .nav-links .error404 .hero p .page-numbers,
    .thank-you #ph-controls .error404 .hero p .btn {
        padding: 10px 20px
    }
    .error404 .hero .code {
        font-size: 8.125rem
    }
    .error404 .hero .desc {
        font-size: 5.625rem
    }
}

.overlay,
.video-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1002;
    top: 0;
    left: 0;
    display: block
}

.overlay:before,
.video-overlay:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: ""
}

.overlay:after,
.video-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .85)
}

.overlay .content,
.overlay .video-container,
.video-overlay .content,
.video-overlay .video-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 2
}

.overlay .video-container,
.video-overlay .video-container {
    height: 75%;
    padding-bottom: 0!important
}

.overlay .close,
.video-overlay .close {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 32px;
    z-index: 2;
    margin: 1rem
}

.overlay .close:after,
.overlay .close:before,
.video-overlay .close:after,
.video-overlay .close:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    transform: rotate(45deg);
    background-color: #fff
}

.overlay .close:after,
.video-overlay .close:after {
    transform: rotate(-45deg)
}

.overlay {
    text-align: center
}

.overlay .content {
    width: 80%;
    padding: 1rem
}

.overlay#newsletter .helptext {
    display: none
}

.overlay#thank-you .content {
    background-color: #fff
}

.family .overlay:after,
.team .overlay:after {
    background-color: hsla(0, 0%, 100%, .95)
}

.family .overlay .content,
.team .overlay .content {
    background-color: transparent;
    width: 90%
}

.family .overlay h4,
.team .overlay h4 {
    color: #00aec2;
    font-size: 1.875rem;
    font-family: Oswald;
    font-weight: 300;
    margin: 0
}

.family .overlay h5,
.team .overlay h5 {
    margin: 0;
    font-family: Oswald;
    font-size: 1.125rem;
    text-transform: none;
    font-weight: 300;
    color: #7b7b7b
}

.family .overlay hr,
.team .overlay hr {
    margin: 2rem auto
}

.family .overlay p,
.team .overlay p {
    margin: 0;
    font-size: 1rem;
    font-family: Raleway
}

.family .overlay .close:after,
.family .overlay .close:before,
.team .overlay .close:after,
.team .overlay .close:before {
    background-color: #7b7b7b
}

.family .overlay h4 {
    color: #a88145
}

.family .overlay hr {
    background-color: #a88145
}

#newsletter {
    display: none
}

#newsletter.overlay {
    display: block
}

#newsletter .content {
    padding: 1rem;
    width: 90%;
    background-color: #fff
}

#newsletter h1 {
    font-size: 2rem;
    margin: 0 0 1rem
}

#newsletter h1,
#newsletter h2 {
    line-height: 1;
    font-family: Oswald;
    font-weight: 200
}

#newsletter h2 {
    font-size: 1.375rem;
    margin: 0;
    color: #1887C9
}

#newsletter p {
    line-height: 1.5
}

#newsletter .form-item,
#newsletter p {
    margin-bottom: 1rem
}

#newsletter .fields>.wrap {
    font-size: 0;
    display: block
}

#newsletter .wtf input[type=submit] {
    border-color: #e73449;
    color: #e73449;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: 0
}

#newsletter .wtf input[type=submit]:hover {
    background-color: #e73449;
    border-color: #e73449;
    color: #fff
}

#newsletter .wtf svg.error {
    display: none
}

#newsletter .wtf label.focused .placeholder {
    color: #606060
}

#newsletter input[type=email],
#newsletter input[type=text] {
    border: 1px solid #6a6767;
    border-radius: 3px;
    display: block;
    padding: 1rem;
    width: 100%;
    margin: 0;
    color: #606060
}

#newsletter input[type=email]:-ms-input-placeholder,
#newsletter input[type=email]::-ms-input-placeholder,
#newsletter input[type=text]:-ms-input-placeholder,
#newsletter input[type=text]::-ms-input-placeholder {
    color: #aaa
}

#newsletter input[type=email]::placeholder,
#newsletter input[type=text]::placeholder {
    color: #aaa
}

#newsletter #ph-accepted_privacy {
    padding: 0 0 1rem;
    font-family: Raleway;
    color: #000;
    margin-bottom: 0;
    font-size: .875rem
}

#newsletter #ph-accepted_privacy input {
    width: auto
}

#newsletter #ph-accepted_privacy span {
    display: inline-block;
    vertical-align: top;
    color: #606060
}

#newsletter #ph-accepted_privacy a {
    color: #606060
}

#newsletter #ph-FNAME,
#newsletter #ph-LNAME {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 8px);
    margin-right: 8px
}

#newsletter #ph-LNAME {
    margin-right: 0;
    margin-left: 8px
}

@media (min-width:48em) {
    #newsletter h1 {
        font-size: 4.375rem;
        margin: 0 0 2rem;
        font-weight: 200
    }
    #newsletter h2 {
        font-size: 2.125rem;
        font-weight: 200;
        margin: 0
    }
    #newsletter p {
        margin-bottom: 2rem
    }
    #newsletter .content {
        padding: 2rem 1rem
    }
    #newsletter .form-item {
        margin-bottom: 0
    }
    #newsletter .fields>.wrap {
        max-width: 960px;
        margin: auto
    }
    #newsletter .acceptance {
        padding: 0 0 1rem;
        font-family: Raleway;
        color: #000;
        margin-bottom: 1rem;
        font-size: .875rem
    }
    #newsletter #ph-accepted_privacy,
    #newsletter #ph-controls {
        max-width: 960px;
        margin: auto
    }
    #newsletter #ph-controls {
        text-align: center
    }
}

.social-sharing {
    text-align: center;
    margin-top: 2rem
}

.social-sharing:hover a {
    opacity: .5
}

.social-sharing h4 {
    color: #fff;
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1;
    margin-bottom: 1rem
}

.social-sharing ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

.social-sharing li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.social-sharing a {
    padding: .25rem;
    display: block;
    margin: 0 .25rem;
    font-size: 0;
    transition: opacity .25s linear
}

.social-sharing a:hover {
    opacity: 1
}

.social-sharing svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.social-sharing-top svg {
    fill: #ffffff
}

#mc_embed_signup #mc_embed_signup_scroll {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

[data-module=BrandSlider] {
    position: relative;
    margin-bottom: 3rem
}

.people [data-module=BrandSlider] .next {
    border-left-color: #1887C9
}

.people [data-module=BrandSlider] .prev {
    border-right-color: #1887C9
}

.wildlife [data-module=BrandSlider] .next {
    border-left-color: #FEC21C
}

.wildlife [data-module=BrandSlider] .prev {
    border-right-color: #FEC21C
}

.planet [data-module=BrandSlider] .next {
    border-left-color: #6FB740
}

.planet [data-module=BrandSlider] .prev {
    border-right-color: #6FB740
}

#colophon [data-module=BrandSlider] .next {
    border-left-color: #e73449
}

#colophon [data-module=BrandSlider] .prev {
    border-right-color: #e73449
}

[data-module=BrandSlider] .wrap {
    position: relative
}

[data-module=BrandSlider] .next,
[data-module=BrandSlider] .prev {
    content: "";
    position: absolute;
    bottom: 31px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 8px dashed transparent;
    border-top: 8px dashed transparent;
    border-right: 15px solid #fd0045;
    display: block;
    padding: 0
}

[data-module=BrandSlider] .next {
    left: calc(100% - 15px);
    border-right: 0;
    border-left: 15px solid #fd0045
}

[data-module=BrandSlider] .slide-rail {
    position: relative;
    padding: 0;
    height: 82px;
    overflow: hidden
}

[data-module=BrandSlider] h3 {
    text-align: center;
    position: relative;
    margin-bottom: 2rem
}

[data-module=BrandSlider] h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 15px);
    height: 1px;
    width: 30px;
    background-color: #fff;
    z-index: 1
}

[data-module=BrandSlider] h3 span {
    padding: 1rem 3rem .5rem;
    position: relative;
    display: inline-block;
    z-index: 2
}

[data-module=BrandSlider] ul {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    list-style: none;
    white-space: nowrap
}

[data-module=BrandSlider] li {
    display: inline-block;
    vertical-align: middle
}

[data-module=BrandSlider] a {
    display: block;
    padding: 1rem 2rem
}

[data-module=BrandSlider] img {
    display: block;
    max-height: 50px
}

@media (min-width:48em) {
    [data-module=BrandSlider] .wrap {
        padding: 0 30px
    }
    [data-module=BrandSlider] .next,
    [data-module=BrandSlider] .prev {
        left: 0
    }
    [data-module=BrandSlider] .next {
        left: calc(100% - 15px)
    }
}

[data-module=ScrollDown] {
    transition: transform .15s linear
}

[data-module=ScrollDown]:hover {
    transform: scale(.9)
}

.videos #featured-videos,
.videos #featured-videos .grid .tile:last-child,
.videos #featured-videos .grid .video-container:last-child {
    margin-bottom: 0
}

.videos main h1 {
    font-size: 2.5rem;
    margin: 3rem 0 0;
    line-height: 1
}

.videos main h2 {
    font-size: 1.375rem;
    line-height: 1;
    color: #7f0001;
    margin: 0 0 3rem;
    padding-top: 1rem
}

.videos main p {
    font-size: 1rem;
    font-family: Raleway;
    font-weight: 100;
    margin: auto
}

.videos #featured-videos {
    margin-top: 2rem
}

.videos #featured-videos .grid {
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: auto
}

.videos #featured-videos .grid div {
    padding-bottom: 56.65%
}

@media (min-width:60em) {
    .videos .hero-video {
        padding-bottom: 80%!important;
        margin-top: 0
    }
    .videos main h1 {
        font-size: 6.25rem;
        margin: 4rem 0 0;
        line-height: 1
    }
    .videos main h2 {
        font-size: 4.375rem;
        margin: 0 0 4rem;
        padding-top: 2rem
    }
    .videos #featured-videos .grid {
        padding: 0 200px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
    .videos #featured-videos .grid div {
        padding-bottom: 30%
    }
    .videos #featured-videos .grid .tile .title,
    .videos #featured-videos .grid .video-container .title {
        width: 85%;
        margin: 0 auto 1.5rem;
        white-space: normal
    }
    .videos #featured-videos .grid .tile .description,
    .videos #featured-videos .grid .tile>a:hover .description,
    .videos #featured-videos .grid .video-container .description,
    .videos #featured-videos .grid .video-container>a:hover .description {
        display: none
    }
    .videos #featured-videos .grid .tile:nth-child(5n),
    .videos #featured-videos .grid .video-container:nth-child(5n) {
        margin: 4rem -200px;
        width: auto;
        padding-bottom: 90%;
        display: block
    }
    .videos #featured-videos .grid .tile:nth-child(5n) .icon,
    .videos #featured-videos .grid .video-container:nth-child(5n) .icon {
        width: 100px;
        height: 100px
    }
    .videos #featured-videos .grid .tile:nth-child(5n) .title,
    .videos #featured-videos .grid .video-container:nth-child(5n) .title {
        margin: 0 auto 2rem;
        font-size: 3.75rem
    }
    .videos #featured-videos .grid .tile:nth-child(5n) .description,
    .videos #featured-videos .grid .tile:nth-child(5n)>a:hover .description,
    .videos #featured-videos .grid .video-container:nth-child(5n) .description,
    .videos #featured-videos .grid .video-container:nth-child(5n)>a:hover .description {
        width: 80%;
        margin: 1.5rem auto 0;
        font-size: 1.25rem;
        display: block
    }
    .videos #featured-videos .grid .tile:last-child,
    .videos #featured-videos .grid .video-container:last-child {
        margin-bottom: 0
    }
}

@media (min-width:73.125em) {
    .videos #featured-videos .grid .tile .description,
    .videos #featured-videos .grid .tile>a:hover .description,
    .videos #featured-videos .grid .video-container .description,
    .videos #featured-videos .grid .video-container>a:hover .description {
        display: block
    }
}

.video-container {
    width: 100%;
    height: 0;
    padding-bottom: 56.65%;
    margin: 50px 0;
    position: relative
}

.video-container.tax-pillar {
    margin-top: 100px
}

.video-container>a {
    color: #fff
}

.video-container>a>.icon {
    display: none
}

.video-container>a .wrap {
    display: inline-block
}

.video-container>a .wrap .title {
    font-size: 1.5625rem;
    margin-bottom: 1rem
}

.video-container>a .wrap .description,
.video-container>a .wrap:after {
    display: none
}

.video-container .icon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    fill: #fff
}

.video-container .bg,
.video-container iframe {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%
}

.video-container .bg {
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:60em) {
    .video-container {
        margin: 100px 0
    }
    .video-container .icon {
        width: 100px;
        height: 100px;
    border-radius: 100%;
    }
    .video-container>a>.icon {
        display: inline-block
    }
    .video-container>a .wrap {
        display: none
    }
    .video-container>a .wrap .title {
        font-size: 3.75rem;
        margin-bottom: 2rem
    }
    .video-container>a .wrap .description {
        font-size: 1.25rem;
        font-family: Raleway;
        margin: 2rem auto 0;
        text-transform: none;
        display: block;
        margin-top: 3rem
    }
    .video-container>a:hover {
        display: inline-block
    }
    .video-container>a:hover>.icon {
        display: none
    }
}

@media (min-width:60em) {
    .team main h2 {
        margin-bottom: 2rem
    }
    .team .video-content {
        margin: 4rem auto 0
    }
    .team .video-content .content p:last-child {
        margin-bottom: 0
    }
}

.trips #me-travel .logo,
.trips #ttc-travel .logo {
    width: 40%;
    height: auto;
    margin: auto;
    display: block
}

@media (min-width:982px) {
    .trips #me-travel .logo,
    .trips #ttc-travel .logo {
    padding-top: 8vh;

	}
}

@media (min-width:60em) {
    .trips #me-travel .logo,
    .trips #ttc-travel .logo {
width: 325px;
    padding-bottom: inherit;
    height: auto;
    padding-top: 5%;
	
    }
    .trips .tile>a .excerpt,
    .trips .video-container>a .excerpt {
        display: none
    }
    .trips .tile>a .mask,
    .trips .video-container>a .mask {
        background-color: rgba(0, 0, 0, .75)
    }
    .trips .tile .wrap,
    .trips .video-container .wrap {
        margin-bottom: 0
    }
    .trips main h2 {
        margin-bottom: 2rem
    }
    .trips main>.wrap {
        height: 600px
    }
}



@media (max-width:1170px) {
    .trips #me-travel .logo,
    .trips #ttc-travel .logo {
        width: 320px;
		max-width: 50%;
		    padding-bottom: inherit;
    }
}

@media (min-width:73.125em) {
    .trips .tile>a .excerpt,
    .trips .video-container>a .excerpt {
        display: block
    }
}

.family main {
    margin-bottom: 4rem;
    text-align: center;
    background-color: #a88145
}

.family main .content p {
    font-family: Raleway;
    font-weight: 300;
    margin: 0 0 2rem;
    font-size: 1rem;
    color: #fff
}

.family h3 {
    margin-bottom: 0
}

.family p {
    margin: 0;
    font-family: Oswald;
    font-weight: 200;
    font-size: 1.875rem
}

.family blockquote {
    font-size: 4.375rem;
    font-family: Oswald;
    font-weight: 300;
    line-height: 1;
    position: relative;
    padding-bottom: 20px
}

.family blockquote:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1px;
    height: 100px;
    background-color: #a88145;
    content: ""
}

.family blockquote cite {
    display: block;
    color: #a88145;
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 1.875rem;
    font-weight: 400;
    font-style: normal
}

.family .discover-block h3 {
    margin: 1rem 0
}

.family .charities .content {
    margin-bottom: 2rem
}

.family .charities .content p {
    font-weight: 400;
    color: #a88145;
    line-height: 1.5
}

.family .items {
    display: block;
    text-align: center
}

.family .items .item {
    display: inline-block;
    width: 100%
}

.family .grid {
    position: relative
}

.family .grid .tile>a,
.family .grid .video-container>a {
    color: #a88145
}

.family .grid .tile>a .little-btn,
.family .grid .video-container>a .little-btn {
    border-color: #a88145
}

.family .grid:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background-color: #a88145;
    top: calc(100% + 10px);
    left: 50%
}

.family #family-quote,
.family .boxy {
    margin-bottom: 100px
}

.family .boxy .wrap {
    border-color: #a88145
}

.family .boxy:before {
    background-color: #a88145
}

.family .discover-block .tile>a,
.family .discover-block .video-container>a {
    color: #00aec2
}

.family .discover-block .tile>a .little-btn,
.family .discover-block .video-container>a .little-btn {
    border-color: #00aec2
}

.family .headshots h4 {
    color: #000
}

.family .headshots .item .thumbnail {
    margin-bottom: 1rem
}

@media (min-width:48em) {
    .family .charities .grid .tile,
    .family .charities .grid .video-container {
        width: 50%;
        padding-bottom: 40%
    }
    .family main .content p {
        margin-top: 3rem;
        font-size: 1rem
    }
    .family blockquote p {
        font-size: 5rem;
        line-height: 1;
        margin: 2rem auto
    }
    .family .headshots.fill-space .item .content {
        font-size: 0
    }
    .family .headshots.fill-space .item .content:before {
        display: none
    }
    .family .headshots.fill-space .item .content-wrap {
        width: 100%;
        height: 100%;
        padding: 1rem
    }
    .family .headshots.fill-space .item .content-wrap p {
        display: inline-block;
        vertical-align: middle;
        width: 60%;
        margin-bottom: 0;
        font-size: 1rem
    }
    .family .headshots .item p {
        margin-bottom: 0
    }
    .family .items .item {
        width: 31%;
        margin: .75%;
        display: inline-block;
        vertical-align: middle
    }
    .family .items p {
        font-family: Raleway;
        font-weight: 300;
        font-size: .75rem
    }
}

@media (min-width:60em) {
    .family .charities .grid .tile,
    .family .charities .grid .video-container {
        width: 33%;
        padding-bottom: 30%
    }
    .family .charities .grid .tile:nth-child(3n+2),
    .family .charities .grid .video-container:nth-child(3n+2) {
        width: 34%
    }
    .family .items .item .content-wrap p {
        font-size: .75rem;
        line-height: 1.5
    }
}

@media (min-width:73.125em) {
    .family .items .item .content-wrap p {
        font-size: .875rem;
        line-height: 1.8
    }
}

@media (min-width:100em) {
    .family .items .item .content-wrap p {
        font-size: 1rem
    }
}

.champions main {
    margin-bottom: 3rem
}

.ambassadors main {
    margin-bottom: 3rem
}

.champions main .wrap {
    padding: 0 1rem
}

.ambassadors main .wrap {
    padding: 0 1rem
}

.champions main h1 {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background: -webkit-linear-gradient(#00aec2, #ef1b44);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #00aec2;
    font-size: 2.25rem;
    margin-bottom: 1rem
}

.ambassadors main h1 {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background: -webkit-linear-gradient(#ef1b44, #00aec2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ef1b44;
    font-size: 2.25rem;
    margin-bottom: 1rem
}

.champions .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
    position: relative;
    padding: 4rem 0
}

.ambassadors .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
    position: relative;
    padding: 4rem 0
}

.champions .grid:after,
.champions .grid:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 15px);
    width: 30px;
    height: 3px;
    background-color: #1887C9
}

.ambassadors .grid:after,
.ambassadors .grid:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 15px);
    width: 30px;
    height: 3px;
    background-color: #1887C9
}

.champions .grid:after {
    top: 100%;
    background-color: #e5254a
}

.ambassadors .grid:after {
    top: 100%;
    background-color: #e5254a
}

.champions .grid .tile>a,
.champions .grid .video-container>a {
    color: #e73449
}

.ambassadors .grid .tile>a,
.ambassadors .grid .video-container>a {
    color: #e73449
}

.champions .grid .tile .excerpt:before,
.champions .grid .video-container .excerpt:before {
    background-color: #e73449
}

.ambassadors .grid .tile .excerpt:before,
.ambassadors .grid .video-container .excerpt:before {
    background-color: #e73449
}

.champions .grid .tile .little-btn,
.champions .grid .video-container .little-btn {
    border-color: #e73449
}

.ambassadors .grid .tile .little-btn,
.ambassadors .grid .video-container .little-btn {
    border-color: #e73449
}

@media (min-width:48em) {
    .champions main h1 {
        font-size: 5.625rem
    }
    .champions .grid {
        font-size: 0
    }
    .champions .grid:before {
        display: none
    }
    .champions .grid .tile,
    .champions .grid .video-container {
        width: calc(50% - 10px)!important;
        margin-right: 10px;
        padding-bottom: 33%
    }
    .champions .grid .tile:nth-child(2n+2),
    .champions .grid .video-container:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 10px
    }

        .ambassadors main h1 {
        font-size: 5.625rem
    }
    .ambassadors .grid {
        font-size: 0;
        width: 80%;
        margin: 0 auto;
    }
    .ambassadors .grid:before {
        display: none
    }
    .ambassadors .grid .tile,
    .ambassadors .grid .video-container {
        width: calc(31% - 10px)!important;
        margin: 1%;
        padding-bottom: calc(32% - 10px) !important;
    }
}

.single-champion #related-content {
    display: block;
    font-size: 0
}

.single-ambassador #related-content {
    display: block;
    font-size: 0
}

.single-champion #related-content h4 {
    font-weight: 300
}

.single-ambassadors #related-content h4 {
    font-weight: 300
}

.single-champion #related-content .archive-champion,
.single-champion #related-content .article {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.single-ambassador #related-content .archive-ambassador,
.single-ambassador #related-content .article {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.single-champion #related .article {
    height: auto
}

.single-ambassador #related .article {
    height: auto
}

.single-champion #related .adjacent-champion,
.single-champion #related .all-champions {
    height: 0;
    padding-bottom: 80%
}

.single-ambassador #related .adjacent-ambassador,
.single-ambassador #related .all-ambassadors {
    height: 0;
    padding-bottom: 80%
}

.single-champion #related .adjacent-champion>a .mask,
.single-champion #related .all-champions>a .mask {
    display: block
}

.single-ambassador #related .adjacent-ambassador>a .mask,
.single-champion #related .all-ambassadors>a .mask {
    display: block
}

@media (min-width:48em) {
    .single-champion #related-content {
        display: block;
        font-size: 0
    }
    .single-champion #related-content h4 {
        font-weight: 300
    }
    .single-champion #related-content .archive-champion,
    .single-champion #related-content .article {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin-right: 10px
    }
    .single-champion #related-content .article {
        margin-right: 0;
        margin-left: 10px
    }

        .single-ambassador #related-content {
        display: block;
        font-size: 0
    }
    .single-ambassador #related-content h4 {
        font-weight: 300
    }
    .single-ambassador #related-content .archive-ambassador,
    .single-ambassador #related-content .article {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin-right: 10px
    }
    .single-ambassador #related-content .article {
        margin-right: 0;
        margin-left: 10px
    }
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#aw-cta {
        background-image: url(/wp-content/uploads/2020/05/close-up-photo-of-monkey-on-tree-branch-1829979.jpg);
    background-size: cover;
    background-position: center;
    margin-bottom: 0px;
    text-align: left;
}

#checklist-cta {
  background-image: url(/wp-content/uploads/2020/05/roberto-nickson-7BjmDICVloE-unsplash-scaled.jpg);
    background-size: cover;
    background-position: center;
    margin-bottom: 0px;
    text-align: left;
}

#aw-cta h3 {
    margin: 0px;
    font-weight: 300;
}

@media (max-width: 961px) {	
#aw-cta h3 {
    color: #ffffff !important;
}
}

#checklist-cta h3 {
    color: #ffffff;
    margin: 0px;
    font-weight: 300;
    text-shadow: 0 0 7px black;
}

#checklist-cta .wrap {
        max-width: 1500px;
    width: 90%;

}

#aw-cta .btn {
    color: #fff;
    border-color: #f19678;
    background-color: #f19678;
}

#checklist-cta .btn {
        color: #fff;
    border-color: #d84f6e;
    
       background-color:#d84f6e!important;
}


#aw-cta .btn:hover {
    background: #000000 !important;
    color: #f19678 !important;
	border-color: #000000;
}

@media(max-width:767px){
    #checklist-cta  .btn{
    background:#d84f6e !important;
}
    
    #aw-cta .btn {
    background: #f19678 !important;
    color: #ffffff !important;
    margin: 1.5em;
	margin-bottom: 3em;
    }
}

#checklist-cta .btn:hover {
background-color:#000!important;
color:#d84f6e!important;
border-color:#000;
}

#aw-cta .wrap {
    padding-top: 8%;
    padding-bottom: 8%;
}

#aw-cta h3 {
    font-size: 4vw;
}

#aw-cta p {
    font-weight: 400;
}


#checklist-cta .wrap {
    padding:10%;
}

@media (min-width: 961px) {
#checklist-cta .wrap {
    padding-left:0%;
    }
}

@media (min-width: 60em) {
.five-tile {
    width: 20% !important;
}
}

.hero.animal-welfare h1:after {
    border-color: #f19678;
}

.hero.animal-welfare .subtitle span {
    background-color: #f19678;
}

@media (min-width:960px) {
.five-pillar-title {
    font-size: 2vw !important;
}
}

.travelling-dos {
        border: solid 3px #93E2BB;
    padding: 10%;
    background: url(/wp-content/uploads/2020/05/animal-antler-antlers-blur-219906-1.jpg);
    background-size: cover;
}

.travelling-donts {
        border: solid 3px #E25D6C;
    padding: 10%;
    background: url(/wp-content/uploads/2020/05/animal-antler-antlers-blur-219906-2-1.jpg);
    background-position: 56%;
    background-size: cover;
}

@media (max-width:900px) {
    
.travelling-dos, .travelling-donts {
        padding: 5%;
}
}

.travelling-dos .travel-guides-list > li {
     line-height: 1.6em;
    background: url(/wp-content/uploads/2020/05/plus-1.png) no-repeat left 5px;
    padding-left: 35px;
    margin-bottom: 2em;
    letter-spacing: 1px;
}

.travelling-donts .travel-guides-list > li {
     line-height: 1.6em;
    background: url(/wp-content/uploads/2020/05/X-1.png) no-repeat left 5px;
    padding-left: 35px;
    margin-bottom: 2em;
    letter-spacing: 1px;
}

#aw-cta > div {
    max-width: 80%;
    margin: 0 auto;
}

@media (max-width: 961px) {
    #aw-cta > div {
    width: 100% !important;
    text-align: center;
    color: #ffffff !important;
    }
    #aw-cta h3 {
                font-size: 10vw;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    }
    #aw-cta .wrap {
    padding: 10%;
    background-color: rgba(0, 0, 0, .55);
    margin: 0px auto !important;
    max-width: none;
}
    #aw-cta > div > p {
    line-height:1.75em;
}
}

.five-tile > a {
    cursor: default;
}

#awp-button:hover {
    background-color: #f19678;
}

@media (min-width:1080px) {
.awp-content {
    max-width: 75% !important;
}
}

#featured-projects\ five-pillars > div > div > a > span.wrap {
    max-width: 80%;
} 

.inner-border:hover {
    outline: 5px solid #f19678;
    outline-offset: -30px;
    transition: all .25s linear;
}

#checklist-cta.inner-border:hover {
    outline: 5px solid #d84f6e;
    outline-offset: -30px;
    transition: all .25s linear;
}

@media(max-width:767px){
    #checklist-cta.inner-border
    {
        outline: 5px solid #d84f6e;
    outline-offset: -30px;
    transition: all .25s linear;
    }
    
    #aw-cta.inner-border {
        outline: 5px solid #f19678;
    outline-offset: -30px;
    transition: all .25s linear;
    }
}

.travel-guides-list {
    padding-left: 0px;
}

.list-heading {
        text-transform: uppercase;
        padding-bottom: 1em;
}

@media (min-width: 960px) {
.list-heading {
        font-size: 1.5vw;
}
    .page-template-page-sdg-archive-php li.current-tax::after {
    content: '';
    display: block;
    position: relative;
    top: 0;
    width: 50%;
    left: 25%;
    border-bottom: 1px solid white;
}
    
    
    main.all #project-filters li.all-li::after {
    content: '';
    display: block;
    position: relative;
    top: 0;
    width: 50%;
    left: 25%;
    border-bottom: 1px solid white !important;
}
}

@media (min-width: 1500px) {
.list-heading {
        font-size: 1.7vw;
}
}

@media (max-width: 960px) {
    #featured-projects\ five-pillars > div > div:nth-child(2) > img {
            object-position: 0px -130px !important;
    }
}



@media (max-width: 960px) {
    #featured-projects\ five-pillars > div > div:nth-child(3) > img {
                object-position: bottom !important;
    }
}

@media (max-width: 460px) {
        #animal {
            font-size:75px !important;
        }
}

.checklist-hero .subtitle span {
    background-color: #D84F6F;
    
}

.checklist-hero h1:after {
        border-color: #D84F6F;
    
}

#checklist-accordion {
        padding:1rem 0 1rem 0;

}

#checklist-accordion .container{
    max-width:1270px;
    margin:0 auto;
}

@media (min-width: 48em) {
    #checklist-accordion .container{
        width:75%;
    }
}

#checklist-accordion .container ul {
    list-style:none;
    margin:0 auto;
        
}

.rotate-button{
    transform:rotate(180deg);
    
}

#checklist-accordion .sub-list {
    display:none;
}

#checklist-accordion .container > ul {
    padding:0;
}


#checklist-accordion .container .main-list-item{
    padding:5%;
    background-size: cover!important;
    cursor:pointer;
    background-position: center !important;
}

.checklist-body-header {
    font-size: 7vw;
}

@media(min-width:1270px){
.checklist-body-header {
    font-size: 6rem;
    }}


#checklist-accordion .do-your-research .main-list-item {
    background:url(/wp-content/uploads/2020/05/woman-sitting-on-hard-wooden-floor-3759072-1.jpg);
}

#checklist-accordion .be-prepared  .main-list-item{
    background:url(/wp-content/uploads/2020/05/Screen-Shot-2020-03-05-at-9.56.jpg);
}

#checklist-accordion .while-travel .main-list-item{
    background:url(/wp-content/uploads/2020/05/lucas-alexander-LOlMe8HfofI-unsplash.jpg);
}


#checklist-accordion .upon-return .main-list-item{
    background:url(/wp-content/uploads/2020/05/agus-dietrich-eUjufrdx_bM-unsplash.jpg);
}


#checklist-accordion h3 {
    color:#fff;
    font-size: 4vw!important;
    line-height:1.7em;
}

#checklist-accordion .sub-list {
    padding: 10% 10% 10% 15%;
    text-align:left;
    background-color:#FCFCFC;
     
}


@media(max-width:767px){
    
    
#checklist-accordion h3 {

    font-size: 6vw!important;

}
    
    #checklist-accordion .sub-list {
        padding: 70px 15% 70px 20%;
    }
    
    #checklist-accordion .container .main-list-item {
            padding: 15% 5%;
    }
}

#checklist-accordion .icon {
    position: absolute;
    width: 70px;
    left: 0;
    border-radius: 50%;
    cursor:pointer;
    height: 70px;
    padding: 2px;
    z-index:999;
    right: 0;
    transition: transform .2s ease;
    margin: -35px auto auto auto;

}


#checklist-accordion .do-your-research .icon {
    background-color:#70A151;
}


#checklist-accordion .be-prepared .icon {
        background-color:#3D86C5;
}


#checklist-accordion .while-travel .icon {
        background-color:#FDC138;
}

#checklist-accordion .upon-return .icon {
        background-color:#A65A32;
}



#checklist-accordion .sub-list li {
    margin-bottom: 2em;
    padding-left:0;
    line-height: 2em;
}




#checklist-accordion .do-your-research .sub-list li:before{
 content: "";
    background-image: url(/wp-content/uploads/2020/05/green-list-item-e1591919686200.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin-right: 10px;
    margin-left: -40px;
    display: inline-block;
    vertical-align: middle;
 
}


#checklist-accordion .be-prepared  .sub-list li::before {
     content: "";
    background-image: url(/wp-content/uploads/2020/05/blue-list-item-e1591920388866.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin-right: 10px;
    margin-left: -40px;
    display: inline-block;
    vertical-align: middle;
   
}

#checklist-accordion .while-travel  .sub-list li::before {
     content: "";
    background-image: url(/wp-content/uploads/2020/05/yellow-list-item-e1591920444805.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin-right: 10px;
    margin-left: -40px;
    display: inline-block;
    vertical-align: middle;
   
}

#checklist-accordion .upon-return  .sub-list li::before {
      content: "";
    background-image: url(/wp-content/uploads/2020/05/brown-list-item-e1591920483446.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin-right: 10px;
    margin-left: -40px;
    display: inline-block;
    vertical-align: middle;

}

.sdg-icon-filter-desktop {
    width:100%;
    cursor: pointer;
}

.sdg-project-filters-desktop li {
    width: 7%;
    margin-left:1%;
}

@media (min-width:961px) {
    .sdg-project-filters-mobile {
        display: none;
    }
}

@media (max-width:961px) {
    .sdg-icon-filter-desktop, .sdg-project-filters-desktop, .sdg-archive div.all  {
        display: none !important;
    }
    .mobile-sdg-description-top {
        width: calc(100% - 2rem);
    margin: auto;
    padding-bottom: 0px;
    padding-top:3em;
    }
    
    li.current-tax {
        border-bottom: none !important;
    }
}

@media (min-width:961px) {
    .mobile-sdg-description-top {
        display: none;
    }
}

@media (min-width:961px) {
#project-title > img {
    width: 50%;
    max-width: none;
}

    .sel-box {
        display: none;
    }
}

/* Mobile Drop Down For SDGs Page */
.sel-box{
    position:relative;
}
a{
    text-decoration:none;
}
#select{
    position: relative;
    display: block;
    font-family: Oswald;
    color: #fff;
    padding-bottom: 5px;
    font-weight: 300;
    text-transform: uppercase;
     border-bottom: 1px solid #ffffff !important;
    line-height: 48px;
    width: fit-content;
    margin: auto;
}

#select-container:after {
    content: url(/wp-content/uploads/2020/05/WHITE-iconfinder_chevron-left_2291581-1.png);
    padding-left: 10px;
    top: -5px;
    position: relative;
}

.toc-odd{
   top:60px;
   background:rgba(0, 0, 0, .87);
    display:none;
    z-index: 1000;
}
.toc-odd li{
    padding:5px 10px;
}

.sdg-content-icon li {
    display: none;
}


.sdg-project-filters-mobile, .page-template-page-sdg-archive #select, .sdg-project-filters-mobile li   {
        border-bottom: none;
    font-size: 1.75rem;
        display: initial;
    width: 100%;
}

.sdg-project-filters-mobile > li.current-tax > a {
    color: #ffffff !important;
    text-decoration: underline;
}

.sdg-description-image {
    width:18%;
}

.sdg-description-icon {
    width:100%;
}


.page-template-page-sdg-archive main {
    background-color:#000000; color: #ffffff;
}

    h2#project-title {
        text-align: left;
        padding-top: 0px;
    margin-top: 0px;
    font-size: 2.75vw;
    font-weight: 300;
    color: #ffffff;
}
    main.content {
        width:100% !important; max-width:none !important; text-align:left;
}

.sdg-description-column {
    margin-left: 3%;
    width:82%;
}

#sdg-logo-all-description, #sdg-logo-all-description-desktop {
    width:40%;
	padding-bottom: 3em;
}

@media(max-width:960px) {
#sdg-logo-all-description {
    width:80%;
}   

#sdg-logo-all-description-desktop {
    display:none;
}   
    
    .desktop-menu-title {
        display: none;
    }
}

.hero.sdgs-archive h1 {
    text-transform: none;
    color: #1DAFEC;
}

.hero.sdgs-archive .subtitle span {
    background-color: #000000;
    color: #1DAFEC;
}

.hero.sdgs-archive h1:after {
    border-color: #1DAFEC;
}

.desktop-menu-title {
    font-size: 1.5rem !important;
    letter-spacing: 5px;
}

.sustainable-cities-and-communities .tile>a {
    color: #fd9d24;
}

.sustainable-cities-and-communities .tile>a .wrap .hr {
    background-color: #fd9d24;
}

.desktop-sdg-copy {
    padding-top: 8%;
    padding-bottom: 8%;
}

.archive-description {
    width:80%;
    margin: 0 auto;
}

@media (min-width: 960px) {
.archive-description {
    padding-top: 10%;
    padding-bottom: 8%;
    width: 100%;
}
}

}

.header ul .page_item a, .header ul li.menu-item a {
    line-height: 1.5em;
}

@media (max-width: 961px) {
    #aw-cta.cta-pillar {
        background-size: 270%;
    background-position-x: 80% !important;
    }
    
    .page-template-page-checklist section h3 {
    font-size: 7vw;
}
}



@media (max-width: 500px){
#checklist-cta.inner-border {
    outline: 3px solid #d84f6e;
    outline-offset: -20px;
    transition: all .25s linear;
    }
    #checklist-cta.inner-border:hover {
        outline: 3px solid #d84f6e;
    outline-offset: -20px;
    transition: all .25s linear;
    }

}

.hero .subtitle {
        top: 5px;
}


@media (min-width: 48em){
.hero .subtitle {
    top: 7px;
    }}


@media (min-width: 60em){
.hero .subtitle {
    top: 9px;
    }}

a.sdg-tile-link .mask, .video-container>a .mask {
    background-color: rgba(0, 0, 0, .55) !important;
}

.wildlife .tile>a {
    color: #FEC21C;
}
.wildlife .tile>a .wrap .hr {
    background-color: #FEC21C;  
}

.wildlife .tile>a .wrap .little-btn {
    border: 2px solid #FEC21C;
}

.wildlife .tile>a .wrap .little-btn:hover {
    background-color: #FEC21C;
}

.people .tile>a {
    color: #1887C9;
}
.people .tile>a .wrap .hr {
    background-color: #1887C9;  
}

.people .tile>a .wrap .little-btn {
    border: 2px solid #1887C9;
}

.people .tile>a .wrap .little-btn:hover {
    background-color: #1887C9;
	color: #ffffff;
}

.planet .tile>a .wrap .little-btn:hover  {
    background-color: #6FB740;
	color: #ffffff;
}

.wildlife .tile>a .wrap .little-btn:hover  {
    background-color: #FEC21C;
	color: #ffffff;
}


.planet .tile>a {
    color: #FEC21C;
}
.planet .tile>a .wrap .hr {
    background-color: #6FB740;  
}

.planet .tile>a .wrap .little-btn {
    border: 2px solid #6FB740;
}

.planet .tile>a {
    color: #6FB740;
}

@media (max-width: 961px) {
.page-template-page-sdg-archive-php .tile>a:after {
box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: 4px solid transparent;
    content: "";
    transition: all .25s linear;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    left: 16px;
    top: 16px;
    border-color: inherit;

    }
}

.sdg-button {
    max-width: fit-content !important;
}

.wildlife hr {
    background-color: #FEC21C;
}

.planet hr {
    background-color: #6FB740;
}

.people hr {
    background-color: #1887C9;
}

.sdg-button:hover {
	color: #ffffff !important;
}

#rev_slider_11_1_wrapper {
	background-color: #000000 !important;
	width: 100%;
}

.ares .tp-bullet {
	background: rgba(229, 229, 229, 0.75);
	width: 10px;
	height: 10px;
}

span.tp-bullet-title {
    display: none !important;
}

#our-team > div.ambassador > div.video-container.video, #ambassador {
	margin: 0px;
}


.team #ambassador span.title, .team #ambassador .little-btn, .team #our-team .tile>a {
	color: #ffffff;
	border-color: #ffffff;
}

.team #ambassador .little-btn:hover {
	background-color: #ffffff;
	color: #000000;
}

.team #ambassador span.title {
	padding-bottom: .75em;
}

.tile .bg {
	object-position: top;
}

@media (min-width: 961px) {
	.team #our-team .grid .tile {
		width: 33.33%;
		padding-bottom: 50%;
}
	
	.page-id-311 #ambassador .tile>a .wrap {
		display: inline-block;
	}
}

#rev_slider_11_1 .dione.tparrows:hover:before {
	    transform: none;
    -webkit-transform: none !important;
    opacity: 1;
}

.page-id-311 #ambassador .tile>a .mask {
	display: none;
}

.page-id-311 .team #ambassador span.title {
	
}

@media(max-width: 961px) {
.page-id-311 #ambassador .tile>a:after {
	display: none;	
	}
.page-id-311 #ambassador .grid .tile {
	    padding-bottom: 140%;	
	}

	.page-id-311 #our-team > div.ambassador > div.video-container.video > a > span.wrap > span.title {
		max-width:95%;
		    margin-left: auto;
    margin-right: auto;
	}
}

@media (min-width:961px) {
	.page-template-page-trips #ttc-travel .logo {
		float: right;
    position: initial;
	}
}

.trips main>.wrap {
	height: fit-content;
	margin-bottom: 0px;
	padding-top:0px;
}

.page-template-page-trips #ttc-travel {
	padding-top: 0px;
}

.page-template-page-trips #ttc-travel>.wrap {
	margin-bottom:0px;
	padding-top: 4em;
    padding-bottom: 4em;
}

@media(min-width:961px) {
	.page-template-page-trips #ttc-travel>.wrap {
	padding-top: 8em;
    padding-bottom: 8em;
}
}

@media (max-width:961px) {
	.page-template-page-trips #ttc-travel>.wrap {
	    max-width: 90%;
    margin: auto;
	}
	
	.page-template-page-trips #ttc-travel h2 {
		font-size: 3.25rem;
	}
	
	.page-template-page-team #page > div.hero > div > div > p > span {
	font-size: .3rem;
}
}

#team-members .team-member .position {
	color: #000000;
}

#our-team > div.wrap > div.actions > a {
padding: 10px 20px;
    border-width: 2px;
    font-size: 1.3rem;
}

body {
	overflow-x: hidden;
}

#secondary-title-2  {
    font-size: 5rem;
    margin-bottom: 0px;
	font-size: 10vw;
	max-width:95%;
	margin-left: auto;
    margin-right: auto;
}

@media (min-width: 48em) {
#secondary-title-2 {
    font-size: 5rem;
}
}

.page-template-page-trips a {
	color: #000000;
	text-decoration: underline;
	font-weight: 600;
}

@media (min-width: 981px) {
.page-template-page-trips #ttc-travel > div.wrap > div > p {
	padding-right: 2em;
}
}