/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: 'icomoon';
    src: url("/fonts/icomoon.eot?cixv95");
    src: url("/fonts/icomoon.eot?#iefixcixv95") format("embedded-opentype"), url("/fonts/icomoon.ttf?cixv95") format("truetype"), url("/fonts/icomoon.woff?cixv95") format("woff"), url("/fonts/icomoon.svg?cixv95#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

.icon,
#author-list a:after,
.flexslider .flex-prev,
.flexslider .flex-next,
button:after,
.button:after,
input[type="submit"]:after,
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-left:before {
    content: "\e600"
}

.icon-arrow-right:before {
    content: "\e601"
}

.icon-circle-arrow-left:before {
    content: "\e602"
}

.icon-circle-arrow-right:before {
    content: "\e603"
}

.icon-search:before {
    content: "\e604"
}

.ir {
    display: block;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.lt-ie8 .ir {
    line-height: 0
}

.ir br {
    display: none
}

.ir.roll {
    height: 0;
    line-height: 0;
    background-size: 100% auto
}

.ir.roll:hover,
.ir.roll:focus {
    background-position: 0 100%
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
#nav>ul:before,
.grid-5:before,
.grid-4:before,
.columns:before,
.clearfix:after,
#nav>ul:after,
.grid-5:after,
.grid-4:after,
.columns:after {
    content: " ";
    display: table
}

.clearfix:after,
#nav>ul:after,
.grid-5:after,
.grid-4:after,
.columns:after {
    clear: both
}

.lt-ie8 .clearfix,
.lt-ie8 #nav>ul,
.lt-ie8 .grid-5,
.lt-ie8 .grid-4,
.lt-ie8 .columns {
    zoom: 1
}

.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
    outline: none
}

.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides>li:first-child {
    display: block
}

html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

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

html,
body,
button,
input,
select,
textarea {
    color: #323232;
    font-family: "adobe-garamond-pro", serif;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    scroll-behavior: smooth
}

body {
    background: #ded4c7
}

::-moz-selection {
    background: #65b582;
    text-shadow: none;
    color: #323232
}

::selection {
    background: #65b582;
    text-shadow: none;
    color: #323232
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ded4c7;
    padding: 0
}

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

a {
    color: #65b582;
    text-decoration: none;
    transition: color 0.2s linear
}

nav *,
.ir {
    margin: 0;
    padding: 0
}

nav li {
    list-style: none
}

.container {
    margin: 0 auto;
    max-width: 1230px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width: 37.4375em) {
    .container {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.container.medium {
    max-width: 1030px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width: 37.4375em) {
    .container.medium {
        max-width: 1000px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.container.narrow {
    max-width: 830px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width: 37.4375em) {
    .container.narrow {
        max-width: 800px;
        padding-left: 15px;
        padding-right: 15px
    }
}

main {
    background: #fff
}

main>:first-child {
    margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
nav {
    font-family: "Josefin Sans", sans-serif
}

.large-green-intro {
    font-size: 28px;
    line-height: 1.5;
    color: #478661
}

.large-green-intro a:hover,
.large-green-intro a:focus {
    color: #000
}

.large-green-intro p {
    margin: 0 0 20px
}

@media screen and (max-width: 46.8125em) {
    .large-green-intro {
        font-size: 24px
    }
}

@media screen and (max-width: 37.4375em) {
    .large-green-intro {
        font-size: 21px
    }

    .large-green-intro p {
        margin: 0 0 15px
    }
}

.main-intro {
    overflow: hidden
}

.main-intro .content .breadcrumbs {
    margin: 0 0 8px;
    font: 700 italic 14px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px
}

.main-intro .content h1 {
    margin: 0;
    font-size: 36px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 400
}

.main-intro.ungreen .content {
    color: #000
}

.main-intro.ungreen .content .breadcrumbs a:hover,
.main-intro.ungreen .content .breadcrumbs a:focus {
    color: #000
}

.main-intro.ungreen .content h1 a {
    color: #000
}

.main-intro.ungreen .content h1 a:hover,
.main-intro.ungreen .content h1 a:focus {
    color: #65b582
}

.main-intro.green .content {
    padding: 20px 20px 20px 0;
    color: #fff
}

.main-intro.green .content .breadcrumbs a {
    color: #fff
}

.main-intro.green .content .breadcrumbs a:hover,
.main-intro.green .content .breadcrumbs a:focus {
    color: #000
}

.main-intro.green .content h1 a {
    color: #fff
}

.main-intro.green .content h1 a:hover,
.main-intro.green .content h1 a:focus {
    color: #000
}

@media screen and (max-width: 46.8125em) {
    .main-intro .content h1 {
        font-size: 32px
    }
}

@media screen and (max-width: 37.4375em) {
    .main-intro .content h1 {
        font-size: 24px;
        font-weight: 700
    }
}

.intro-w-bg {
    position: relative;
    height: 300px
}

.intro-w-bg .container {
    position: relative;
    height: 100%
}

.intro-w-bg .content {
    position: absolute;
    left: 30px;
    z-index: 1
}

.intro-w-bg.ungreen .content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.intro-w-bg.green .content {
    bottom: 30px;
    background: rgba(101, 181, 130, 0.8)
}

.intro-w-bg.green .content:before {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    width: 1000%;
    height: 100%;
    background: rgba(101, 181, 130, 0.8)
}

.intro-w-bg .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #bfbfbf;
    background-repeat: no-repeat;
    background-size: cover
}

.intro-w-bg .bg.lg-top-left {
    background-position: 0 0
}

.intro-w-bg .bg.lg-top-center {
    background-position: 50% 0
}

.intro-w-bg .bg.lg-top-right {
    background-position: 100% 0
}

.intro-w-bg .bg.lg-center-left {
    background-position: 0 50%
}

.intro-w-bg .bg.lg-center-center {
    background-position: 50% 50%
}

.intro-w-bg .bg.lg-center-right {
    background-position: 100% 50%
}

.intro-w-bg .bg.lg-bottom-left {
    background-position: 0 100%
}

.intro-w-bg .bg.lg-bottom-center {
    background-position: 50% 100%
}

.intro-w-bg .bg.lg-bottom-right {
    background-position: 100% 100%
}

@media screen and (max-width: 64em) {
    .intro-w-bg .bg.md-top-left {
        background-position: 0 0
    }

    .intro-w-bg .bg.md-top-center {
        background-position: 50% 0
    }

    .intro-w-bg .bg.md-top-right {
        background-position: 100% 0
    }

    .intro-w-bg .bg.md-center-left {
        background-position: 0 50%
    }

    .intro-w-bg .bg.md-center-center {
        background-position: 50% 50%
    }

    .intro-w-bg .bg.md-center-right {
        background-position: 100% 50%
    }

    .intro-w-bg .bg.md-bottom-left {
        background-position: 0 100%
    }

    .intro-w-bg .bg.md-bottom-center {
        background-position: 50% 100%
    }

    .intro-w-bg .bg.md-bottom-right {
        background-position: 100% 100%
    }
}

@media screen and (max-width: 37.4375em) {
    .intro-w-bg .bg.sm-top-left {
        background-position: 0 0
    }

    .intro-w-bg .bg.sm-top-center {
        background-position: 50% 0
    }

    .intro-w-bg .bg.sm-top-right {
        background-position: 100% 0
    }

    .intro-w-bg .bg.sm-center-left {
        background-position: 0 50%
    }

    .intro-w-bg .bg.sm-center-center {
        background-position: 50% 50%
    }

    .intro-w-bg .bg.sm-center-right {
        background-position: 100% 50%
    }

    .intro-w-bg .bg.sm-bottom-left {
        background-position: 0 100%
    }

    .intro-w-bg .bg.sm-bottom-center {
        background-position: 50% 100%
    }

    .intro-w-bg .bg.sm-bottom-right {
        background-position: 100% 100%
    }
}

@media screen and (min-width: 100em) {
    .intro-w-bg {
        height: 360px
    }
}

@media screen and (min-width: 37.5em) {
    .intro-w-bg.ungreen .content {
        max-width: 50%
    }
}

@media screen and (max-width: 74.9375em) {
    .intro-w-bg {
        padding-bottom: 28%;
        height: 0
    }

    .intro-w-bg .container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }
}

@media screen and (max-width: 63.6875em) {
    .intro-w-bg {
        padding-bottom: 33%
    }
}

@media screen and (max-width: 46.8125em) {
    .intro-w-bg {
        height: auto
    }

    .intro-w-bg .container {
        position: relative
    }

    .intro-w-bg.green {
        padding: 110px 0 30px
    }

    .intro-w-bg.green .container {
        background: rgba(101, 181, 130, 0.8)
    }

    .intro-w-bg.green .content {
        padding-right: 0
    }

    .intro-w-bg.ungreen {
        padding: 150px 0 30px
    }

    .intro-w-bg .content {
        position: static;
        -webkit-transform: none !important;
        transform: none !important;
        background: none !important
    }

    .intro-w-bg .content:before {
        display: none
    }
}

@media screen and (max-width: 37.4375em) {
    .intro-w-bg.ungreen {
        padding-top: 110px
    }

    .intro-w-bg.ungreen .container {
        background: rgba(101, 181, 130, 0.8)
    }

    .intro-w-bg.ungreen .content {
        padding: 20px 0;
        color: #fff
    }

    .intro-w-bg.ungreen .content h1 a,
    .intro-w-bg.ungreen .content .breadcrumbs a {
        color: #fff
    }

    .intro-w-bg.ungreen .content h1 a:hover,
    .intro-w-bg.ungreen .content h1 a:focus,
    .intro-w-bg.ungreen .content .breadcrumbs a:hover,
    .intro-w-bg.ungreen .content .breadcrumbs a:focus {
        color: #000
    }
}

.intro-wo-bg.green {
    background: #65b582
}

.intro-wo-bg.ungreen {
    padding-top: 20px
}

.page-section {
    border-top: 2px solid #ded4c7;
    padding-top: 30px
}

.page-section h2 {
    margin: 0 0 30px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #65b582
}

@media screen and (max-width: 37.4375em) {
    .page-section {
        padding-top: 20px
    }

    .page-section h2 {
        font-size: 22px
    }
}

.right-content {
    float: right;
    width: 74.358974359%
}

.left-sidebar {
    float: left;
    width: 23.0769230769%
}

@media screen and (max-width: 63.6875em) {
    .right-content {
        width: 65.811965812%
    }

    .left-sidebar {
        padding-right: 15px;
        width: 31.6239316239%
    }
}

@media screen and (max-width: 46.8125em) {
    .right-content {
        width: 100%
    }

    .left-sidebar {
        margin-bottom: 30px;
        padding-right: 0;
        width: 100%
    }
}

.left-content {
    float: left;
    width: 74.358974359%
}

.right-sidebar {
    float: right;
    width: 23.0769230769%
}

@media screen and (max-width: 63.6875em) {
    .left-content {
        width: 65.811965812%
    }

    .right-sidebar {
        width: 31.6239316239%
    }
}

@media screen and (max-width: 46.8125em) {
    .left-content {
        width: 100%
    }

    .right-sidebar {
        margin-bottom: 30px;
        width: 100%
    }
}

.selector {
    position: relative;
    z-index: 900;
    display: inline-block;
    margin-bottom: 30px;
    width: 270px;
    max-width: 100%;
    font: 700 15px/1.2 "Josefin Sans", sans-serif;
    background: #efeae3;
    border-radius: 5px;
    cursor: pointer
}

.selector .selected {
    padding: 10px 14px 12px 16px;
    background: url(/img/dropdown-arrow-dk-gray.svg) no-repeat 100% 50%
}

.selector ul {
    display: none;
    position: absolute;
    margin: -5px 0 0;
    padding: 5px 0 15px;
    width: 100%;
    background: #efeae3;
    list-style: none;
    border-radius: 0 0 5px 5px
}

.selector li {
    padding: 5px 14px 6px 16px
}

.selector a {
    display: block;
    color: #65b582
}

.selector a:hover,
.selector a:focus {
    color: #000
}

button,
.button,
input[type="submit"] {
    display: inline-block;
    padding: 10px 14px 12px 16px;
    font: 700 15px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: #65b582;
    cursor: pointer;
    transition: background-color 0.2s linear
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #478661
}

button:after,
.button:after,
input[type="submit"]:after {
    content: "\e601";
    display: inline-block;
    font-size: 110%;
    line-height: 1;
    padding-left: 7px;
    position: relative;
    top: 2px
}

button.small,
.button.small,
input[type="submit"].small {
    padding: 6px 10px 7px 11px;
    font-size: 14px
}

button.small:after,
.button.small:after,
input[type="submit"].small:after {
    padding-left: 5px
}

button.large,
.button.large,
input[type="submit"].large {
    padding: 14px 18px 16px 20px;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 3px
}

button.large:after,
.button.large:after,
input[type="submit"].large:after {
    padding-left: 10px;
    top: 3px
}

button.no-arrow,
.button.no-arrow,
input[type="submit"].no-arrow {
    padding-top: 12px;
    padding-right: 16px
}

button.no-arrow.small,
.button.no-arrow.small,
input[type="submit"].no-arrow.small {
    padding-top: 7px;
    padding-right: 11px
}

button.no-arrow.large,
.button.no-arrow.large,
input[type="submit"].no-arrow.large {
    padding-top: 16px;
    padding-right: 20px
}

button.no-arrow:after,
.button.no-arrow:after,
input[type="submit"].no-arrow:after {
    display: none
}

button:disabled,
.button:disabled,
input[type="submit"]:disabled {
    background-color: #65b582 !important;
    outline: none;
    cursor: default;
    opacity: 0.5
}

.sharing {
    margin-bottom: 16px
}

.sharing a {
    margin: 0 14px 14px 0;
    cursor: pointer
}

.sharing .more {
    position: relative;
    top: 1px;
    font-weight: 800;
    font-size: 16px;
    line-height: 1
}

.atm-f {
    display: none !important
}

.pagination {
    padding-top: 30px;
    border-top: 2px solid #ded4c7
}

.pagination a,
.pagination span {
    display: inline-block;
    vertical-align: middle
}

.pagination .prev,
.pagination .next {
    font-size: 32px
}

.pagination span.prev,
.pagination span.next {
    color: #ded4c7
}

.pagination .prev {
    margin: 0 15px 6px 0
}

.pagination .next {
    margin: 0 0 6px 15px
}

.pagination a.prev:hover,
.pagination a.prev:focus,
.pagination a.next:hover,
.pagination a.next:focus {
    color: #000
}

.pagination .page,
.pagination .current {
    margin: 0 6px 6px;
    padding-top: 5px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font: 700 17px/22px "Josefin Sans", sans-serif;
    text-align: center
}

.pagination .current {
    background: #65b582;
    color: #fff
}

.pagination .page {
    background: transparent;
    transition: all 0.2s linear
}

.pagination .page:hover,
.pagination .page:focus {
    background: #65b582;
    color: #fff
}

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

    .pagination .prev,
    .pagination .next {
        font-size: 26px
    }

    .pagination .prev {
        margin: 0 10px 6px 0
    }

    .pagination .next {
        margin: 0 0 6px 10px
    }

    .pagination .page,
    .pagination .current {
        margin: 0 4px 6px;
        padding-top: 2px;
        width: 26px;
        height: 26px;
        border-radius: 13px;
        font-size: 15px
    }
}

.flexslider {
    position: relative
}

.flexslider .flex-prev,
.flexslider .flex-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 44px;
    line-height: 1
}

.flexslider .flex-prev {
    left: 30px
}

.flexslider .flex-prev:before {
    content: "\e602"
}

.flexslider .flex-next {
    right: 30px
}

.flexslider .flex-next:before {
    content: "\e603"
}

@media screen and (min-width: 75em) {
    .flexslider .flex-prev {
        left: 60px
    }

    .flexslider .flex-next {
        right: 60px
    }
}

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

    .flexslider .flex-prev,
    .flexslider .flex-next {
        font-size: 32px
    }

    .flexslider .flex-prev {
        left: 15px
    }

    .flexslider .flex-next {
        right: 15px
    }
}

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

    .flexslider .flex-prev,
    .flexslider .flex-next {
        font-size: 30px
    }

    .flexslider .flex-prev {
        left: 10px
    }

    .flexslider .flex-next {
        right: 10px
    }
}

.columns {
    text-align: center;
}

.columns .column {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px
}

.columns .column h3 {
    margin: 0 0 12px;
    font-size: 17px;
    line-height: 1.2352941176;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #65b582
}

.columns .column p {
    margin: 0 0 1em;
    font-size: 18px;
    line-height: 1.5555555556
}

.columns .column .image {
    display: block;
    margin-bottom: 30px
}

.columns .column .photo img {
    width: 184px;
    border-radius: 92px
}

.columns .column .icon img,
.columns .column #author-list a:after img,
#author-list .columns .column a:after img,
.columns .column button:after img,
.columns .column .button:after img,
.columns .column input[type="submit"]:after img,
.columns .column .flexslider .flex-prev img,
.flexslider .columns .column .flex-prev img,
.columns .column .flexslider .flex-next img,
.flexslider .columns .column .flex-next img {
    width: 114px
}

.columns .column-break {
    display: none
}

.columns-3 .column {
    width: 33.033333%;
}

.columns-3 .column-3-1 {
    padding-left: 0;
    padding-right: 22px
}

.columns-3 .column-3-2 {
    padding-left: 16px;
    padding-right: 16px
}

.columns-3 .column-3-0 {
    padding-left: 22px;
    padding-right: 0
}

.columns-3 .br-3-0 {
    display: block
}

@media screen and (max-width: 46.8125em) {
    .columns-3 .column {
        width: 50%
    }

    .columns-3 .column-2-1 {
        padding-left: 0;
        padding-right: 15px
    }

    .columns-3 .column-2-0 {
        padding-left: 15px;
        padding-right: 0
    }

    .columns-3 .column-break {
        display: none
    }

    .columns-3 .br-2-0 {
        display: block
    }
}

@media screen and (max-width: 37.4375em) {
    .columns-3 .column {
        display: block;
        margin-bottom: 45px;
        width: auto;
        padding-left: 0;
        padding-right: 0
    }

    .columns-3 .column-break {
        display: block
    }
}

.columns-4 .column {
    width: 25%
}

.columns-4 .column-4-1 {
    padding-left: 0;
    padding-right: 24px
}

.columns-4 .column-4-2 {
    padding-left: 8px;
    padding-right: 16px
}

.columns-4 .column-4-3 {
    padding-left: 16px;
    padding-right: 8px
}

.columns-4 .column-4-0 {
    padding-left: 24px;
    padding-right: 0
}

.columns-4 .br-4-0 {
    display: block
}

@media screen and (max-width: 63.6875em) {
    .columns-4 .column {
        width: 50%
    }

    .columns-4 .column-2-1 {
        padding-left: 0;
        padding-right: 15px
    }

    .columns-4 .column-2-0 {
        padding-left: 15px;
        padding-right: 0
    }

    .columns-4 .column-break {
        display: none
    }

    .columns-4 .br-2-0 {
        display: block
    }
}

@media screen and (max-width: 37.4375em) {
    .columns-4 .column {
        display: block;
        margin-bottom: 45px;
        width: auto;
        padding-left: 0;
        padding-right: 0
    }

    .columns-4 .column-break {
        display: block
    }
}

.grid-4 .grid-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    width: 25%
}

.grid-4 .grid-item-4-1 {
    padding: 0 24px 0 0
}

.grid-4 .grid-item-4-2 {
    padding: 0 16px 0 8px
}

.grid-4 .grid-item-4-3 {
    padding: 0 8px 0 16px
}

.grid-4 .grid-item-4-0 {
    padding: 0 0 0 24px
}

.grid-4 .grid-break {
    display: none
}

.grid-4 .br-4-0 {
    display: block
}

@media screen and (max-width: 63.6875em) {
    .grid-4 .grid-item {
        width: 33.3333333333%
    }

    .grid-4 .grid-item-3-1 {
        padding: 0 20px 0 0
    }

    .grid-4 .grid-item-3-2 {
        padding: 0 10px 0 10px
    }

    .grid-4 .grid-item-3-0 {
        padding: 0 0 0 20px
    }

    .grid-4 .grid-break {
        display: none
    }

    .grid-4 .br-3-0 {
        display: block
    }
}

@media screen and (max-width: 37.4375em) {
    .grid-4 .grid-item {
        width: 50%
    }

    .grid-4 .grid-item-2-1 {
        padding: 0 15px 0 0
    }

    .grid-4 .grid-item-2-0 {
        padding: 0 0 0 15px
    }

    .grid-4 .grid-break {
        display: none
    }

    .grid-4 .br-2-0 {
        display: block
    }
}

@media screen and (max-width: 31.1875em) {
    .grid-4 .grid-item {
        padding: 0;
        width: 100%
    }

    .grid-4 .grid-break {
        display: block
    }
}

.grid-5 .grid-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    width: 20%
}

.grid-5 .grid-item-5-1 {
    padding: 0 24px 0 0
}

.grid-5 .grid-item-5-2 {
    padding: 0 16px 0 8px
}

.grid-5 .grid-item-5-3 {
    padding: 0 12px 0 12px
}

.grid-5 .grid-item-5-4 {
    padding: 0 8px 0 16px
}

.grid-5 .grid-item-5-0 {
    padding: 0 0 0 24px
}

.grid-5 .grid-break {
    display: none
}

.grid-5 .br-5-0 {
    display: block
}

@media screen and (max-width: 63.6875em) {
    .grid-5 .grid-item {
        width: 25%
    }

    .grid-5 .grid-item-4-1 {
        padding: 0 24px 0 0
    }

    .grid-5 .grid-item-4-2 {
        padding: 0 16px 0 8px
    }

    .grid-5 .grid-item-4-3 {
        padding: 0 8px 0 16px
    }

    .grid-5 .grid-item-4-0 {
        padding: 0 0 0 24px
    }

    .grid-5 .grid-break {
        display: none
    }

    .grid-5 .br-4-0 {
        display: block
    }
}

@media screen and (max-width: 46.8125em) {
    .grid-5 .grid-item {
        width: 33.3333333333%
    }

    .grid-5 .grid-item-3-1 {
        padding: 0 20px 0 0
    }

    .grid-5 .grid-item-3-2 {
        padding: 0 10px 0 10px
    }

    .grid-5 .grid-item-3-0 {
        padding: 0 0 0 20px
    }

    .grid-5 .grid-break {
        display: none
    }

    .grid-5 .br-3-0 {
        display: block
    }
}

@media screen and (max-width: 37.4375em) {
    .grid-5 .grid-item {
        width: 50%
    }

    .grid-5 .grid-item-2-1 {
        padding: 0 15px 0 0
    }

    .grid-5 .grid-item-2-0 {
        padding: 0 0 0 15px
    }

    .grid-5 .grid-break {
        display: none
    }

    .grid-5 .br-2-0 {
        display: block
    }
}

@media screen and (max-width: 31.1875em) {
    .grid-5 .grid-item {
        padding: 0;
        width: 100%
    }

    .grid-5 .grid-break {
        display: block
    }
}

.sidebar-form {
    position: relative;
    margin: 0 0 30px;
    width: 100%
}

.sidebar-form input[type="text"],
.sidebar-form input[type="email"] {
    display: block;
    padding: 0 50px 0 0;
    text-indent: 10px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #000;
    background: #efeae3;
    border: none;
    border-radius: 5px 10px 10px 5px
}

.sidebar-form input[type="text"]::-webkit-input-placeholder,
.sidebar-form input[type="email"]::-webkit-input-placeholder {
    color: gray;
    line-height: normal
}

.sidebar-form input[type="text"]::-moz-placeholder,
.sidebar-form input[type="email"]::-moz-placeholder {
    color: gray;
    line-height: normal
}

.sidebar-form input[type="text"]::placeholder,
.sidebar-form input[type="email"]::placeholder {
    color: gray;
    line-height: normal
}

.sidebar-form input[type="text"]:placeholder,
.sidebar-form input[type="email"]:placeholder {
    color: gray;
    line-height: normal
}

.sidebar-form button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 !important;
    width: 50px;
    height: 40px;
    border-radius: 0 5px 5px 0
}

.sidebar-form .icon-search {
    display: inline-block;
    padding-top: 2px
}

#menu-toggle {
    display: none
}

#masthead-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999999;
    background: #fff
}

#masthead {
    background: #fff
}

#logo {
    float: left;
    padding-top: 26px
}

#logo-25 {
    float: left;
    padding-top: 19px
}

#logo-25 img {
    width: 96px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

#logo-stacked-25 {
    float: left;
    padding-top: 16px
}

#logo-stacked-25 img {
    width: 135px
}

#masthead .container {
    position: relative
}

#global-search-toggle {
    position: absolute;
    right: 30px;
    top: 20px
}

#masthead-phone {
    position: absolute;
    right: 30px;
    top: 48px;
    font: 700 13px/1 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #A6A6A6
}

#masthead-phone:hover,
#masthead-phone:focus {
    color: #000
}

#nav {
    float: right
}

#nav>ul {
    padding: 68px 0 0
}

#nav>ul>li {
    position: relative;
    z-index: 1000;
    float: left;
    padding: 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700
}

#nav>ul a {
    display: block;
    padding: 18px 13px 33px 15px
}

#nav>ul>li:hover>a,
#nav>ul>li:focus>a {
    color: #000
}

#nav>ul>li:last-child a {
    padding-right: 0
}

#nav>ul>li.nav-button a {
    margin: 8px 0 0 15px;
    padding: 10px 12px 9px;
    border-radius: 3px;
    background: #65b582;
    color: #fff;
    transition: background-color 0.2s linear
}

#nav>ul>li.nav-button a:hover,
#nav>ul>li.nav-button a:focus {
    background-color: #478661
}

#nav li ul {
    position: absolute;
    left: -9999em;
    top: 100%;
    padding: 13px 0;
    min-width: 170px;
    background: #65b582;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.15s linear
}

#nav li ul a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
    color: #fff
}

#nav li ul a:hover,
#nav li ul a:focus {
    color: #000
}

#nav li:hover ul,
#nav li:focus ul {
    left: 0;
    opacity: 1
}

@media screen and (max-width: 71.8125em) {
    #nav>ul>li {
        font-size: 12px
    }

    #nav>ul a {
        padding: 20px 10px 31px 11px
    }

    #nav>ul>li:last-child a {
        padding-right: 0
    }
}

@media screen and (min-width: 64.0625em) {
    #nav {
        display: block !important
    }
}

@media screen and (max-width: 64em) {
    #masthead-wrapper {
        max-height: 100vh;
        overflow: auto
    }

    #masthead {
        padding: 30px 0 0;
        position: relative
    }

    #masthead>.container {
        position: static;
        padding: 0
    }

    #menu-toggle {
        position: absolute;
        right: 30px;
        top: 77px;
        display: block;
        width: 26px;
        height: 18px;
        cursor: pointer;
        border: 2px solid #65b582;
        border-width: 2px 0
    }

    #menu-toggle:after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        bottom: 50%;
        margin-bottom: -1px;
        width: 100%;
        height: 2px;
        background: #65b582
    }

    #logo {
        margin: 0 0 30px 30px;
        padding-top: 0
    }

    #logo img {
        height: 65px;
        width: auto
    }

    #logo-25 {
        margin: -9px 0 30px 30px;
        padding-top: 0
    }

    #logo-25 img {
        height: 75px;
        width: auto
    }

    #logo-stacked-25 {
        margin: -9px 0 24px 30px;
        padding-top: 0
    }

    #logo-stacked-25 img {
        height: 81px;
        width: auto
    }

    #nav {
        display: none;
        float: none;
        width: 100%;
        clear: both
    }

    #nav>ul {
        padding: 18px 0;
        background: #ded4c7
    }

    #nav>ul>li {
        float: none;
        padding: 0
    }

    #nav>ul a {
        padding: 18px 30px 18px;
        color: #000
    }

    #nav>ul>li.nav-button a {
        margin: 22px 18px 6px
    }

    #nav li ul {
        position: static;
        margin-bottom: 12px;
        white-space: normal;
        opacity: 1;
        font-size: 13px;
        background: #ebe5dd
    }

    #nav li ul a {
        color: #5b5b5b;
        padding: 9px 30px 9px 45px
    }

    #masthead-phone {
        position: static;
        display: block;
        padding: 0 30px 80px;
        background: #ded4c7;
        color: #000
    }
}

@media screen and (max-width: 37.4375em) {
    #masthead {
        padding: 20px 0 0
    }

    #logo {
        margin: 0 0 20px 15px
    }

    #logo img {
        height: 55px
    }

    #logo-25 {
        margin: -8px 0 20px 15px
    }

    #logo-25 img {
        height: 68px
    }

    #logo-stacked-25 {
        margin: -8px 0 15px 15px
    }

    #logo-stacked-25 img {
        height: 73px
    }

    #menu-toggle {
        right: 15px;
        top: 58px
    }

    #global-search-toggle {
        right: 15px
    }

    #nav>ul {
        padding: 12px 0
    }

    #nav>ul>li {
        font-size: 13px
    }

    #nav>ul a {
        padding: 15px;
        color: #000
    }

    #nav>ul>li.nav-button a {
        margin: 22px 12px 9px
    }

    #nav li ul a {
        padding: 9px 15px 9px 30px
    }

    #masthead-phone {
        padding-left: 15px;
        padding-right: 15px
    }
}

#global-search {
    display: none;
    background: #65b582;
    text-align: right
}

#global-search form {
    position: relative;
    height: 60px
}

#global-search .query {
    position: absolute;
    left: 30px;
    right: 150px;
    top: 10px;
    height: 40px
}

#global-search input[type="text"] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #000;
    text-align: right;
    padding-right: 12px;
    border: none;
    outline: none;
    background: #d9ede0;
    border-radius: 5px
}

#global-search button {
    padding: 0 0 0 20px;
    height: 100%;
    vertical-align: top;
    background: none;
    transition: color 0.2s linear
}

#global-search button:hover,
#global-search button:focus {
    color: #000
}

@media screen and (max-width: 37.4375em) {
    #global-search form {
        padding: 10px 10px 0;
        height: auto
    }

    #global-search .query {
        position: static;
        width: 100%
    }

    #global-search input[type="text"] {
        padding: 0;
        text-align: center
    }

    #global-search button {
        padding: 0;
        width: 100%;
        height: 50px
    }
}

#footer {
    padding: 50px 0
}

@media screen and (max-width: 37.4375em) {
    #footer {
        padding: 30px 0
    }
}

#footer-info,
#footer-copyright {
    float: left
}

#footer-info p,
#footer-copyright p {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.3846153846;
    color: rgba(0, 0, 0, 0.5)
}

#footer-info p a,
#footer-copyright p a {
    color: inherit
}

#footer-info p a:hover,
#footer-info p a:focus,
#footer-copyright p a:hover,
#footer-copyright p a:focus {
    color: #000
}

#footer-info p .separator,
#footer-copyright p .separator {
    padding: 0 4px
}

#footer-imprints img {
    display: inline-block;
    vertical-align: middle;
    margin: 15px 15px 25px 0;
    max-height: 54px;
    width: auto;
    opacity: 0.5
}

@media screen and (max-width: 37.4375em) {
    #footer-info {
        float: none
    }

    #footer-info p {
        margin-bottom: 18px
    }

    #footer-copyright {
        float: none
    }

    #footer-imprints img {
        margin-top: 20px;
        max-height: 40px
    }
}

#footer-extras {
    float: right
}

#footer-brochure {
    margin-bottom: 20px
}

#footer-signup .mc-embedded-subscribe-form {
    position: relative;
    width: 100%
}

#footer-signup .mce-EMAIL {
    display: block;
    padding: 0 50px 0 0;
    text-indent: 10px;
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #000;
    background: #fff;
    border: none;
    border-radius: 5px 10px 10px 5px
}

#footer-signup .mce-EMAIL::-webkit-input-placeholder {
    color: gray;
    line-height: normal
}

#footer-signup .mce-EMAIL::-moz-placeholder {
    color: gray;
    line-height: normal
}

#footer-signup .mce-EMAIL::placeholder {
    color: gray;
    line-height: normal
}

#footer-signup .mce-EMAIL:placeholder {
    color: gray;
    line-height: normal
}

#footer-signup .mc-embedded-subscribe {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 50px;
    height: 30px;
    border-radius: 0 5px 5px 0
}

.mce-response {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.2;
    font-style: italic;
    color: #6a3e48
}

#footer-social {
    margin: 40px 0 0;
    padding: 0;
    font-size: 25px;
    text-align: right;
    list-style: none
}

#footer-social li {
    display: inline-block;
    padding-left: 15px
}

#footer-social a {
    color: rgba(0, 0, 0, 0.5)
}

#footer-social a:hover,
#footer-social a:focus {
    color: #000
}

@media screen and (max-width: 63.6875em) {
    #footer-extras {
        float: left;
        clear: right
    }

    #footer-social {
        margin: 30px 0;
        text-align: left
    }

    #footer-social li {
        padding: 0 15px 0 0
    }
}

@media screen and (max-width: 37.4375em) {
    #footer-extras {
        float: none
    }

    #footer-brochure {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.search-results {
    padding: 30px 0 60px
}

.search-results h2 {
    margin: 0 0 30px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400
}

.search-results .result {
    padding: 20px 0;
    max-width: 970px;
    border-top: 2px solid #ded4c7
}

.search-results .result h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

.search-results .result h3 a:hover,
.search-results .result h3 a:focus {
    color: #478661
}

.search-results .result p {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 1.5
}

@media screen and (max-width: 37.4375em) {
    .search-results {
        padding-bottom: 40px
    }
}

.page-content {
    padding: 60px 0
}

.page-content .caption p {
    margin: 0 0 1em;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic
}

.page-content .caption p a {
    font-weight: 700;
    color: inherit
}

.page-content .caption p a:hover,
.page-content .caption p a:focus {
    color: #000
}

.page-content .anchor {
    height: 1px
}

@media screen and (max-width: 37.4375em) {
    .page-content {
        padding: 40px 0
    }
}

.page-content .wide-block {
    clear: both;
    margin: 0 auto;
    max-width: 970px
}

.page-content .wide-large-p p {
    margin: 0 0 20px;
    font-size: 28px;
    line-height: 1.5;
    color: #478661
}

.page-content .wide-large-p p a {
    font-weight: 700
}

.page-content .wide-large-p p a:hover,
.page-content .wide-large-p p a:focus {
    color: #000
}

.page-content .wide-regular-p {
    margin-bottom: 30px
}

.page-content .wide-regular-p p,
.page-content .wide-regular-p ul,
.page-content .wide-regular-p ol {
    margin: 0 0 1.5em;
    font-size: 17px;
    line-height: 1.6470588235
}

.page-content .wide-regular-p p a,
.page-content .wide-regular-p ul a,
.page-content .wide-regular-p ol a {
    font-weight: 700
}

.page-content .wide-regular-p p a:hover,
.page-content .wide-regular-p p a:focus,
.page-content .wide-regular-p ul a:hover,
.page-content .wide-regular-p ul a:focus,
.page-content .wide-regular-p ol a:hover,
.page-content .wide-regular-p ol a:focus {
    color: #478661
}

.page-content .columns-3 {
    clear: both;
    margin: 40px 0 0
}

.page-content .columns-3 .caption {
    color: #6a3e48
}

.page-content .content-break {
    width: 100%;
    clear: both
}

.page-content .hr {
    clear: both;
    margin: 0 0 50px;
    padding-top: 25px;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #ded4c7
}

@media screen and (max-width: 46.8125em) {
    .page-content .wide-large-p p {
        font-size: 24px
    }
}

@media screen and (max-width: 37.4375em) {
    .page-content .hr {
        margin: 0 0 40px;
        padding-top: 15px
    }
}

.page-content .content-block {
    width: 65.811965812%
}

.page-content .content-block .inner {
    width: 670px;
    max-width: 100%
}

.page-content .content-block img {
    display: block;
    margin-bottom: 1em !important
}

.page-content .content-block img[style*='float'] {
    max-width: 40%
}

.page-content .content-block img[style*='float:right'],
.page-content .content-block img[style*='float: right'] {
    margin-left: 27px !important
}

.page-content .content-block img[style*='float:left'],
.page-content .content-block img[style*='float: left'] {
    margin-right: 30px !important
}

.page-content .content-block h2,
.page-content .image-and-text h2 {
    margin: 0 0 1em;
    font-size: 18px;
    line-height: 1.5555555556;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #65b582
}

.page-content .content-block h3,
.page-content .image-and-text h3 {
    margin: 0 0 1em;
    font-size: 18px;
    line-height: 1.5555555556;
    font-weight: 700;
    color: #52606d
}

.page-content .content-block h4,
.page-content .image-and-text h4 {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #6a3e48
}

.page-content .content-block p,
.page-content .content-block ul,
.page-content .content-block ol,
.page-content .image-and-text p,
.page-content .image-and-text ul,
.page-content .image-and-text ol {
    font-size: 17px;
    line-height: 1.6470588235;
    margin: 0 0 1.5em
}

.page-content .content-block p a,
.page-content .content-block ul a,
.page-content .content-block ol a,
.page-content .image-and-text p a,
.page-content .image-and-text ul a,
.page-content .image-and-text ol a {
    font-weight: 700
}

.page-content .content-block p a:hover,
.page-content .content-block p a:focus,
.page-content .content-block ul a:hover,
.page-content .content-block ul a:focus,
.page-content .content-block ol a:hover,
.page-content .content-block ol a:focus,
.page-content .image-and-text p a:hover,
.page-content .image-and-text p a:focus,
.page-content .image-and-text ul a:hover,
.page-content .image-and-text ul a:focus,
.page-content .image-and-text ol a:hover,
.page-content .image-and-text ol a:focus {
    color: #478661
}

.page-content .content-block figure,
.page-content .image-and-text figure {
    margin: 0;
    padding: 0
}

.page-content .content-block .fluid-width-video-wrapper,
.page-content .image-and-text .fluid-width-video-wrapper {
    margin-bottom: 30px
}

.page-content .content-block .fluid-width-video-wrapper iframe,
.page-content .image-and-text .fluid-width-video-wrapper iframe {
    width: 100% !important;
    height: 100% !important
}

.page-content .content-block hr,
.page-content .image-and-text hr {
    margin: 0 0 25px
}

.page-content .content-block-Left {
    float: left;
    clear: left
}

.page-content .content-block-Left .inner {
    float: right
}

.page-content .content-block-Right {
    float: right;
    clear: right
}

.page-content .content-fine-print p {
    margin: 0 0 1.75em;
    font-size: 14px
}

.page-content .content-2-column .inner {
    overflow: hidden
}

.page-content .content-2-column .col-1 {
    float: left;
    padding-right: 15px;
    width: 50%
}

.page-content .content-2-column .col-2 {
    float: right;
    padding-left: 15px;
    width: 50%
}

.page-content .image-and-text {
    margin: 0 0 20px;
    display: flex;
    max-width: 870px
}

.page-content .image-and-text__image {
    padding: 0 2em 1.5em 0;
    width: 180px;
    flex-shrink: 0
}

@media screen and (max-width: 46.8125em) {
    .page-content .content-block {
        float: none;
        width: 100%
    }

    .page-content .content-block .inner {
        float: none;
        width: 100%
    }

    .page-content .image-and-text__image {
        width: 140px
    }
}

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

    .page-content .content-2-column .col-1,
    .page-content .content-2-column .col-2 {
        float: none;
        width: 100%;
        padding: 0
    }

    .page-content .image-and-text {
        display: block;
        margin-bottom: 40px
    }
}

.page-content .sidebar-block {
    margin: 0 0 30px;
    width: 31.6239316239%
}

.page-content .sidebar-block-Right {
    float: right;
    clear: right
}

.page-content .sidebar-block-Left {
    float: left;
    clear: left;
    padding-right: 10px;
    text-align: right
}

.page-content .sidebar-image .image {
    margin-bottom: 1em
}

.page-content .sidebar-image .caption {
    color: #478661
}

.page-content .sidebar-button {
    margin-bottom: 45px
}

.page-content .sidebar-text h3 {
    margin: 0 0 1em;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #000
}

.page-content .sidebar-text p {
    margin: 0 0 1em;
    font-size: 16px;
    line-height: 1.4375;
    color: #52606d
}

.page-content .sidebar-text p a {
    font-weight: 700
}

.page-content .sidebar-text p a:hover,
.page-content .sidebar-text p a:focus {
    color: #478661
}

.page-content .sidebar-quote .quote {
    padding: 15px 25px 1px;
    position: relative;
    color: #6a3e48;
    font-size: 20px;
    line-height: 1.5
}

.page-content .sidebar-quote .quote p {
    margin: 0 0 15px
}

.page-content .sidebar-quote .quote:before,
.page-content .sidebar-quote .quote:after {
    display: block;
    position: absolute;
    font-size: 40px;
    font-weight: 700;
    line-height: 1
}

.page-content .sidebar-quote .quote:before {
    content: "\201C";
    left: 0;
    top: 0;
    text-align: left
}

.page-content .sidebar-quote .quote:after {
    content: "\201D";
    right: 0;
    top: 100%;
    margin-top: -30px;
    text-align: right
}

.page-content .sidebar-quote .attribution {
    padding: 0 25px 16px;
    font-size: 16px;
    line-height: 1.4;
    color: #52606d
}

.page-content .sidebar-quote .attribution p {
    margin: 0
}

.page-content .sidebar-quote .attribution strong {
    font-family: "Josefin Sans", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.12em
}

.page-content .sidebar-quote-Right .attribution {
    text-align: right
}

.page-content .sidebar-quote-Left .quote {
    padding-top: 12px;
    text-align: center
}

.page-content .sidebar-quote-Left .quote:after {
    margin-top: -20px
}

.page-content .sidebar-quote-Left .attribution {
    text-align: center
}

.page-content .sidebar-highlight {
    color: #478661;
    font-size: 25px;
    line-height: 1.44
}

.page-content .sidebar-highlight p {
    margin: 0 0 20px
}

.page-content .sidebar-hightlight-Left {
    text-align: center
}

@media screen and (max-width: 46.8125em) {
    .page-content .sidebar-block {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .page-content .sidebar-block-Left {
        text-align: left
    }

    .page-content .sidebar-quote .quote {
        padding-top: 15px
    }

    .page-content .sidebar-quote .quote:after {
        margin-top: -30px
    }

    .page-content .sidebar-quote .attribution {
        text-align: right
    }

    .page-content .sidebar-text {
        padding: 25px 20px 10px;
        border: 2px solid #ded4c7;
        border-width: 2px 0
    }
}

#home-intro {
    position: relative;
    min-height: 490px
}

#home-intro .content {
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 30px 0;
    width: 100%
}

#home-intro .content.green {
    color: #fff;
    background: rgba(101, 181, 130, 0.8)
}

#home-intro .content h1 {
    margin: 0;
    font-size: 44px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 700
}

#home-intro .content h2 {
    margin: 0.8em 0 0;
    width: 50%;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400
}

#home-intro .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #bfbfbf;
    background-repeat: no-repeat;
    background-size: cover
}

#home-intro .bg.lg-top-left {
    background-position: 0 0
}

#home-intro .bg.lg-top-center {
    background-position: 50% 0
}

#home-intro .bg.lg-top-right {
    background-position: 100% 0
}

#home-intro .bg.lg-center-left {
    background-position: 0 50%
}

#home-intro .bg.lg-center-center {
    background-position: 50% 50%
}

#home-intro .bg.lg-center-right {
    background-position: 100% 50%
}

#home-intro .bg.lg-bottom-left {
    background-position: 0 100%
}

#home-intro .bg.lg-bottom-center {
    background-position: 50% 100%
}

#home-intro .bg.lg-bottom-right {
    background-position: 100% 100%
}

@media screen and (max-width: 64em) {
    #home-intro .bg.md-top-left {
        background-position: 0 0
    }

    #home-intro .bg.md-top-center {
        background-position: 50% 0
    }

    #home-intro .bg.md-top-right {
        background-position: 100% 0
    }

    #home-intro .bg.md-center-left {
        background-position: 0 50%
    }

    #home-intro .bg.md-center-center {
        background-position: 50% 50%
    }

    #home-intro .bg.md-center-right {
        background-position: 100% 50%
    }

    #home-intro .bg.md-bottom-left {
        background-position: 0 100%
    }

    #home-intro .bg.md-bottom-center {
        background-position: 50% 100%
    }

    #home-intro .bg.md-bottom-right {
        background-position: 100% 100%
    }
}

@media screen and (max-width: 37.4375em) {
    #home-intro .bg.sm-top-left {
        background-position: 0 0
    }

    #home-intro .bg.sm-top-center {
        background-position: 50% 0
    }

    #home-intro .bg.sm-top-right {
        background-position: 100% 0
    }

    #home-intro .bg.sm-center-left {
        background-position: 0 50%
    }

    #home-intro .bg.sm-center-center {
        background-position: 50% 50%
    }

    #home-intro .bg.sm-center-right {
        background-position: 100% 50%
    }

    #home-intro .bg.sm-bottom-left {
        background-position: 0 100%
    }

    #home-intro .bg.sm-bottom-center {
        background-position: 50% 100%
    }

    #home-intro .bg.sm-bottom-right {
        background-position: 100% 100%
    }
}

@media screen and (min-width: 100em) {
    #home-intro {
        min-height: 540px
    }
}

@media screen and (max-width: 74.9375em) {
    #home-intro {
        padding-bottom: 41%;
        min-height: 0;
        height: 0
    }
}

@media screen and (max-width: 63.6875em) {
    #home-intro {
        padding-bottom: 50%
    }

    #home-intro .content h2 {
        width: auto
    }
}

@media screen and (max-width: 46.8125em) {
    #home-intro {
        padding-bottom: 67%
    }

    #home-intro .content {
        padding: 20px 0
    }

    #home-intro .content h1 {
        font-size: 36px
    }

    #home-intro .content h2 {
        margin-top: .5em
    }
}

@media screen and (max-width: 31.1875em) {
    #home-intro {
        padding-bottom: 100%
    }

    #home-intro .content h1 {
        font-size: 32px
    }

    #home-intro .content h2 {
        font-size: 16px
    }
}

#home-columns {
    padding: 80px;
    text-align: center
}

@media screen and (max-width: 37.4375em) {
    #home-columns {
        padding: 60px 0
    }

    #home-columns .cta {
        margin-top: -15px
    }
}

.stats {
    padding: 100px 0 75px;
    text-align: center;
    background: #478661;
    color: #fff
}

.stats__number {
    display: block;
    font: 700 60px/1 "Josefin Sans", sans-serif
}

.stats__label {
    display: block;
    margin-top: 20px;
    font: 400 30px/1.333 "adobe-garamond-pro", serif;
    opacity: 0.67
}

@media screen and (max-width: 37.4375em) {
    .stats {
        padding: 70px 0
    }

    .stats__column:last-child {
        margin-bottom: 5px
    }

    .stats__number {
        font-size: 44px
    }

    .stats__label {
        margin-top: 16px;
        font-size: 22px
    }
}

#home-special-promos {
    background: #cae0db url(/img/blue-texture-lg.jpg) no-repeat 50% 50%;
    background-size: cover;
    text-align: center
}

#home-special-promos .flex-prev,
#home-special-promos .flex-next {
    color: #478661
}

#home-special-promos .flex-prev:hover,
#home-special-promos .flex-next:hover {
    color: #6a3e48
}

#home-special-promos li .container {
    padding-top: 70px;
    padding-bottom: 90px
}

.download-chapters .image {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    width: 280px
}

.download-chapters .content {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    max-width: 50%;
    text-align: left
}

.download-chapters .content h2 {
    margin: 0 0 24px;
    font: 400 36px/1.333 "adobe-garamond-pro", serif;
    color: #6a3e48
}

.download-chapters .content h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #000
}

.download-chapters .content h3 a {
    color: #478661;
    transition: color 0.2s linear
}

.download-chapters .content h3 a:hover,
.download-chapters .content h3 a:focus {
    color: #323232
}

.download-chapters .content .fields {
    margin-top: 40px
}

.download-chapters .content .fields input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    padding: 0;
    width: 320px;
    max-width: calc(100% - 140px);
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    text-align: left;
    text-indent: 12px;
    border: none;
    border-radius: 4px;
    background: #fff
}

.download-chapters .content .fields button {
    vertical-align: middle
}

.download-chapters .content .mce-response {
    margin-top: 20px;
    font-size: 17px;
    line-height: 1.3
}

.anniversary .desktop-image {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    width: 270px
}

.anniversary .mobile-image {
    display: none
}

.anniversary .content {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    max-width: 50%;
    text-align: left
}

.anniversary .content h2 {
    margin: 0 0 18px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #000
}

.anniversary .content p {
    margin: 0 0 1em;
    font-size: 20px;
    line-height: 1.6
}

.anniversary .cta {
    margin-top: 30px
}

.inc-original .desktop-image,
.fast-co .desktop-image,
.well-spirit .desktop-image,
.braintrust-ink .desktop-image {
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
    width: 320px
}

.inc-original .mobile-image,
.fast-co .mobile-image,
.well-spirit .mobile-image,
.braintrust-ink .mobile-image {
    display: none
}

.inc-original .content,
.fast-co .content,
.well-spirit .content,
.braintrust-ink .content {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    max-width: 50%;
    text-align: left
}

.inc-original .content h2,
.fast-co .content h2,
.well-spirit .content h2,
.braintrust-ink .content h2 {
    margin: 0;
    font: 700 38px/1.333 "adobe-garamond-pro", serif;
    color: #478661
}

.inc-original .content h3,
.fast-co .content h3,
.well-spirit .content h3,
.braintrust-ink .content h3 {
    margin: 0 0 20px;
    font: 400 30px/1.333 "adobe-garamond-pro", serif;
    color: #6a3e48
}

.inc-original .content p,
.fast-co .content p,
.well-spirit .content p,
.braintrust-ink .content p {
    margin: 0 0 1em;
    font-size: 20px;
    line-height: 1.6
}

.inc-original .cta,
.fast-co .cta,
.well-spirit .cta,
.braintrust-ink .cta {
    margin-top: 30px
}

.fast-co .desktop-image {
    vertical-align: top;
    padding-right: 50px;
    width: 240px
}

@media screen and (max-width: 64em) {
    #home-special-promos li .container {
        padding-top: 50px;
        padding-bottom: 70px
    }

    .download-chapters .image {
        display: block;
        margin-bottom: 20px;
        padding: 0 0 0 20px;
        width: 100%;
        text-align: center
    }

    .download-chapters .image img {
        width: 200px;
        max-width: 50%
    }

    .download-chapters .content {
        display: block;
        padding: 0 40px;
        max-width: 100%;
        text-align: center
    }

    .download-chapters .content h2 {
        font-size: 32px
    }

    .download-chapters .content .fields {
        margin-top: 35px
    }

    .download-chapters .content .fields input {
        max-width: calc(100% - 16px);
        text-align: center;
        text-indent: 0
    }

    .download-chapters .content .fields input,
    .download-chapters .content .fields button {
        margin: 0 8px 15px
    }

    .anniversary .desktop-image {
        display: none
    }

    .anniversary .mobile-image {
        display: block;
        margin-bottom: 30px
    }

    .anniversary .mobile-image img {
        width: 220px;
        max-width: 60%
    }

    .anniversary .content {
        display: block;
        padding: 0 40px;
        max-width: 100%;
        text-align: center
    }

    .inc-original .desktop-image,
    .fast-co .desktop-image,
    .well-spirit .desktop-image,
    .braintrust-ink .desktop-image {
        display: none
    }

    .inc-original .mobile-image,
    .fast-co .mobile-image,
    .well-spirit .mobile-image,
    .braintrust-ink .mobile-image {
        display: block;
        margin-bottom: 30px
    }

    .inc-original .mobile-image img,
    .fast-co .mobile-image img,
    .well-spirit .mobile-image img,
    .braintrust-ink .mobile-image img {
        width: 230px;
        max-width: 60%
    }

    .inc-original .content,
    .fast-co .content,
    .well-spirit .content,
    .braintrust-ink .content {
        display: block;
        padding: 0 40px;
        max-width: 100%;
        text-align: center
    }

    .fast-co .mobile-image img {
        width: 200px;
        max-width: 40%
    }
}

@media screen and (max-width: 46.8125em) {
    .download-chapters .content {
        padding: 0 35px
    }

    .download-chapters .content h2 {
        font-size: 29px
    }

    .download-chapters .content h3 {
        font-size: 18px
    }

    .anniversary .content {
        padding: 0 35px
    }

    .anniversary .content h2 {
        font-size: 32px
    }

    .anniversary .content p {
        font-size: 18px
    }

    .inc-original .content,
    .fast-co .content {
        padding: 0 35px
    }

    .inc-original .content h2,
    .fast-co .content h2 {
        margin-bottom: 4px;
        font-size: 34px
    }

    .inc-original .content h3,
    .fast-co .content h3 {
        font-size: 26px
    }

    .inc-original .content p,
    .fast-co .content p {
        font-size: 18px
    }
}

@media screen and (max-width: 37.4375em) {
    #home-special-promos li .container {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .download-chapters .content {
        padding: 0 32px
    }

    .download-chapters .content h2 {
        font-size: 25px
    }

    .download-chapters .content h3 {
        font-size: 17px
    }

    .download-chapters .content .fields input {
        padding: 0 5px;
        font-size: 15px
    }

    .anniversary .content h2 {
        font-size: 24px
    }

    .inc-original .content h2 {
        font-size: 30px
    }

    .inc-original .content h3 {
        font-size: 22px
    }
}

#home-contact {
    padding: 50px 0 48px;
    background: #ded4c7;
    text-align: center
}

#home-contact .header {
    margin-bottom: 40px
}

#home-contact .header h2 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .175em;
    color: #478661
}

#home-contact .header p {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.4
}

#home-contact .field {
    display: inline-block;
    margin: 0 10px 20px;
    vertical-align: top;
    width: 312px
}

#home-contact .field .heading {
    display: none
}

#home-contact .field .input {
    width: 100%
}

#home-contact .field input {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 41px;
    line-height: 41px;
    font-size: 18px;
    text-align: left;
    text-indent: 15px;
    border: none;
    border-radius: 5px;
    background: #fff
}

#home-contact .checkbox-field {
    margin: 4px 0 20px;
    font-size: 16px;
    line-height: 1.4
}

#home-contact .checkbox-field .heading {
    display: none
}

#home-contact .checkbox-field input {
    margin-right: 6px
}

#home-contact button {
    margin: 0 10px 20px;
    vertical-align: top
}

#home-contact .notifications p,
#home-contact .notifications ul {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #6a3e48;
    list-style: none
}

@media screen and (max-width: 63.6875em) {
    #home-contact .field {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 46.8125em) {
    #home-contact {
        padding-bottom: 30px
    }
}

@media screen and (max-width: 37.4375em) {
    #home-contact .field {
        width: auto
    }

    #home-contact .field input {
        text-indent: 0;
        text-align: center
    }
}

#home-bestsellers {
    padding: 50px 0 80px;
    background: #fff;
    text-align: center
}

#home-bestsellers .flex-prev,
#home-bestsellers .flex-next {
    color: #65b582
}

#home-bestsellers .flex-prev:hover,
#home-bestsellers .flex-prev:focus,
#home-bestsellers .flex-next:hover,
#home-bestsellers .flex-next:focus {
    color: #478661
}

#home-bestsellers .header {
    margin-bottom: 50px
}

#home-bestsellers .header .subhead {
    margin-bottom: 6px;
    font-size: 17px;
    font-weight: 700;
    color: #6a3e48
}

#home-bestsellers .header h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: #000
}

#home-bestsellers .book-row .inner {
    margin: 0 auto;
    padding: 0 100px;
    max-width: 1170px
}

#home-bestsellers .book {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 33.3333333333%;
    max-width: 100%;
    height: 132px;
    text-align: left
}

#home-bestsellers .book .image {
    position: absolute;
    z-index: 1;
    width: 132px;
    height: 132px;
    left: 0;
    bottom: 0
}

#home-bestsellers .book .image img {
    position: absolute;
    right: 0;
    bottom: 2px;
    max-height: 130px;
    max-width: 130px;
    width: auto;
    border-left: 1px solid #ded4c7;
    border-top: 1px solid #ded4c7;
    box-shadow: 2px 2px 0 #ded4c7
}

#home-bestsellers .book .text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 5px 0 142px;
    width: 100%
}

#home-bestsellers .book .text .title {
    margin-bottom: 3px;
    font-size: 20px;
    line-height: 1.2
}

#home-bestsellers .book .text .title a {
    color: #478661
}

#home-bestsellers .book .text .title a:hover,
#home-bestsellers .book .text .title a:focus {
    color: #000
}

#home-bestsellers .book .text .authors {
    font-size: 16px;
    line-height: 1.25
}

#home-bestsellers .book .text .authors a {
    color: #000
}

#home-bestsellers .book .text .authors a:hover,
#home-bestsellers .book .text .authors a:focus {
    color: #478661
}

@media screen and (max-width: 74.9375em) {
    #home-bestsellers .book-row .inner {
        padding: 0 90px
    }
}

@media screen and (max-width: 64em) {
    #home-bestsellers .book-row .inner {
        padding: 0 65px
    }
}

@media screen and (max-width: 63.6875em) {
    #home-bestsellers {
        padding-bottom: 20px
    }

    #home-bestsellers .header {
        margin-bottom: 40px
    }

    #home-bestsellers .book {
        display: block;
        margin: 0 auto 30px;
        width: 350px
    }
}

@media screen and (max-width: 46.8125em) {
    #home-bestsellers .header {
        margin-bottom: 30px
    }

    #home-bestsellers .book-row .inner {
        padding: 0 55px
    }

    #home-bestsellers .book {
        height: auto;
        text-align: center
    }

    #home-bestsellers .book .image {
        position: static;
        margin: 0 auto 15px;
        width: 107px;
        height: 107px
    }

    #home-bestsellers .book .image img {
        position: static;
        max-height: 105px;
        max-width: 105px
    }

    #home-bestsellers .book .text {
        position: static;
        padding: 0
    }

    #home-bestsellers .book .text .title {
        font-size: 18px
    }
}

#home-testimonials {
    color: #fff;
    text-align: center;
    background: #52606d
}

#home-testimonials .flex-prev,
#home-testimonials .flex-next {
    color: #a9b0b6
}

#home-testimonials .flex-prev:hover,
#home-testimonials .flex-prev:focus,
#home-testimonials .flex-next:hover,
#home-testimonials .flex-next:focus {
    color: #fff
}

#home-testimonials .testimonial .container {
    padding-top: 60px;
    padding-bottom: 60px
}

#home-testimonials .quote {
    position: relative;
    font-size: 24px;
    line-height: 1.5833333333
}

#home-testimonials .quote:before,
#home-testimonials .quote:after {
    display: block;
    position: absolute;
    width: 70px;
    font-size: 120px;
    font-style: italic;
    line-height: 1;
    color: #a9b0b6
}

#home-testimonials .quote:before {
    content: "\201C";
    right: 100%;
    top: 0;
    margin: -20px 15px 0 0;
    text-align: right
}

#home-testimonials .quote:after {
    content: "\201D";
    left: 100%;
    top: 100%;
    margin: -40px 0 0 -10px;
    text-align: left
}

#home-testimonials .attribution {
    margin-top: 30px
}

#home-testimonials .attribution strong {
    display: block;
    font: 700 18px/1.5 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px
}

#home-testimonials .attribution p {
    margin: 3px 0 0;
    font-size: 16px;
    line-height: 1.5
}

@media screen and (max-width: 64em) {
    #home-testimonials .testimonial .container {
        max-width: none;
        width: 100%;
        padding-left: 130px;
        padding-right: 130px
    }
}

@media screen and (max-width: 74.9375em) {
    #home-testimonials .testimonial .container {
        padding: 50px 65px
    }

    #home-testimonials .quote:before,
    #home-testimonials .quote:after {
        display: none
    }
}

@media screen and (max-width: 37.4375em) {
    #home-testimonials .testimonial .container {
        padding: 40px 55px
    }

    #home-testimonials .quote {
        font-size: 16px
    }

    #home-testimonials .attribution {
        margin-top: 16px
    }

    #home-testimonials .attribution strong {
        font-size: 16px
    }
}

#author-portal {
    padding: 60px 0
}

#author-portal .image {
    float: left;
    max-width: 23.0769230769%
}

#author-portal .content {
    float: right;
    width: 74.358974359%
}

#author-portal .content h1 {
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #000
}

#author-portal .content .text {
    float: left;
    width: 65.5172413793%
}

#author-portal .content .text p {
    margin: 0 0 1em;
    font-size: 20px;
    line-height: 1.6;
    color: gray
}

#author-portal .content .cta {
    float: right;
    width: 31.0344827586%;
    text-align: center
}

@media screen and (max-width: 63.6875em) {
    #author-portal {
        text-align: center
    }

    #author-portal .image {
        float: none;
        display: block;
        margin: 0 auto 30px;
        max-width: 270px
    }

    #author-portal .content {
        float: none;
        width: auto;
        max-width: 1230px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 63.6875em) and (max-width: 37.4375em) {
    #author-portal .content {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 63.6875em) {
    #author-portal .content .text {
        float: none;
        width: auto
    }

    #author-portal .content .cta {
        float: none;
        margin-top: 30px;
        width: auto
    }
}

@media screen and (max-width: 46.8125em) {
    #author-portal .image {
        max-width: 220px
    }

    #author-portal .content h1 {
        font-size: 32px;
        letter-spacing: 4px
    }

    #author-portal .content .text p {
        font-size: 18px
    }
}

@media screen and (max-width: 37.4375em) {
    #author-portal {
        padding: 40px 0
    }

    #author-portal .image {
        max-width: 170px
    }

    #author-portal .content h1 {
        font-size: 24px;
        letter-spacing: 3px
    }
}

.staff-template main {
    padding-bottom: 30px
}

#staff-intro {
    padding: 30px 0 20px
}

#staff-intro .large-green-intro {
    max-width: 970px
}

.staff-break {
    width: 100%;
    clear: both
}

.staff-member {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    padding-right: 40px;
    width: 50%
}

.staff-member .photo {
    float: left;
    margin-bottom: 25px;
    width: 150px
}

.staff-member .photo img {
    width: 100%
}

.staff-member.with-photo .bio {
    margin-left: 180px
}

.staff-member h3 {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    color: #000
}

.staff-member h4 {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #65b582
}

.staff-member .bio-text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5
}

.staff-member .bio-text p {
    margin: 0 0 1.4em
}

.staff-member .bio-text a {
    font-weight: 700
}

.staff-member .bio-text a:hover,
.staff-member .bio-text a:focus {
    color: #478661
}

.staff-member.featured {
    width: 100%;
    margin-bottom: 55px;
    padding: 40px 0 15px;
    border: 2px solid #ded4c7;
    border-width: 2px 0
}

.staff-member.featured .photo {
    width: 300px
}

.staff-member.featured.with-photo .bio {
    margin-left: 330px
}

@media screen and (max-width: 63.6875em) {
    .staff-member {
        display: block;
        padding-right: 0;
        width: 100%
    }

    .staff-member.featured {
        margin-bottom: 40px
    }
}

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

    .staff-member .photo,
    .staff-member.featured .photo {
        float: none;
        margin-bottom: 20px;
        width: 125px
    }

    .staff-member.with-photo .bio,
    .staff-member.featured.with-photo .bio {
        margin-left: 0
    }

    .staff-member.featured .photo {
        width: 250px
    }
}

.learning-nav-list,
.learning-topic-list {
    margin-bottom: 30px
}

.learning-nav-list .learning-nav-toggle,
.learning-topic-list .learning-nav-toggle {
    display: none
}

.learning-nav-list li,
.learning-topic-list li {
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.6666666667;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em
}

.learning-nav-list a,
.learning-topic-list a {
    color: #478661
}

.learning-nav-list a:hover,
.learning-nav-list a:focus,
.learning-nav-list a.active,
.learning-topic-list a:hover,
.learning-topic-list a:focus,
.learning-topic-list a.active {
    color: #000
}

.learning-topic-list li {
    font-style: italic
}

.learning-topic-list a {
    color: #6a3e48
}

.learning-topic-list a:hover,
.learning-topic-list a:focus {
    color: #000
}

@media screen and (max-width: 46.8125em) {
    .learning-nav-list {
        position: relative;
        z-index: 901;
        background: #efeae3;
        border-radius: 5px;
        cursor: pointer
    }

    .learning-nav-list .learning-nav-toggle {
        display: block;
        padding: 10px 14px 12px 16px;
        font: 700 15px / 1.2 "Verlag A", "Verlag B", sans-serif;
        background: url(/img/dropdown-arrow-dk-gray.svg) no-repeat 100% 50%
    }

    .learning-nav-list nav {
        display: none;
        position: absolute;
        margin: -5px 0 0;
        padding: 10px 16px;
        width: 100%;
        background: #efeae3;
        list-style: none;
        border-radius: 0 0 5px 5px
    }

    .learning-topic-list {
        margin-bottom: 20px
    }
}

.learning-article h1 {
    margin: 0 0 30px;
    font-size: 30px;
    line-height: 1.2666666667;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #000
}

.learning-article h1 a {
    color: #000
}

.learning-article h1 a:hover,
.learning-article h1 a:focus {
    color: #65b582
}

.learning-article .support-column {
    float: right
}

.learning-article .content-column {
    float: left
}

.learning-article .content-column h2 {
    margin: 0 0 24px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #6a3e48
}

.learning-article .content-column h3 {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #52606d
}

.learning-article .content-column h4 {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #6a3e48
}

.learning-article .content-column p,
.learning-article .content-column ul,
.learning-article .content-column ol {
    font-size: 17px;
    line-height: 1.6470588235;
    margin: 0 0 1.5em
}

.learning-article .content-column p a,
.learning-article .content-column ul a,
.learning-article .content-column ol a {
    font-weight: 700
}

.learning-article .content-column p a:hover,
.learning-article .content-column p a:focus,
.learning-article .content-column ul a:hover,
.learning-article .content-column ul a:focus,
.learning-article .content-column ol a:hover,
.learning-article .content-column ol a:focus {
    color: #478661
}

.learning-article .content-column blockquote {
    margin: 0 0 30px;
    padding: 0 30px;
    font-size: 20px;
    line-height: 1.4;
    color: #65b582
}

.learning-article .content-column img {
    display: block;
    margin-bottom: 1em !important
}

.learning-article .content-column img[style*='float'] {
    max-width: 40%
}

.learning-article .content-column img[style*='float:right'],
.learning-article .content-column img[style*='float: right'] {
    margin-left: 27px !important
}

.learning-article .content-column img[style*='float:left'],
.learning-article .content-column img[style*='float: left'] {
    margin-right: 30px !important
}

.learning-article .content-column .fluid-width-video-wrapper {
    margin-bottom: 30px
}

.learning-article .content-column .fluid-width-video-wrapper iframe {
    width: 100% !important;
    height: 100% !important
}

@media screen and (max-width: 63.6875em) {
    .learning-article .sharing {
        margin-bottom: 0
    }

    .learning-article h1 {
        font-size: 26px
    }
}

@media screen and (max-width: 37.4375em) {
    .learning-article h1 {
        margin-bottom: 20px;
        font-size: 22px
    }

    .learning-article .content-column h2 {
        margin: 0 0 20px;
        font-size: 21px
    }

    .learning-article .content-column h3 {
        margin: 0 0 20px;
        font-size: 19px
    }

    .learning-article .content-column blockquote {
        padding: 0 20px;
        font-size: 19px
    }
}

#learning-article {
    padding: 60px 0
}

.learning-article-page h1 {
    padding-right: 23.0769230769%
}

.learning-article-page .content-column {
    width: 74.358974359%
}

.learning-article-page .support-column {
    width: 23.0769230769%
}

@media screen and (max-width: 63.6875em) {
    #learning-article {
        padding: 40px 0
    }

    .learning-article-page h1 {
        padding-right: 0
    }

    .learning-article-page .content-column {
        width: 100%
    }

    .learning-article-page .support-column {
        width: 100%
    }
}

.file-download-subscribe {
    padding: 30px 0 10px;
    border-top: 1px solid #65b582
}

.file-download-subscribe label {
    display: block;
    padding-right: 0;
    margin: 0 0 16px;
    max-width: 500px;
    font: 700 17px/1.2 "Josefin Sans", sans-serif;
    color: #478661
}

.file-download-subscribe .download-fields {
    position: relative;
    max-width: 500px
}

.file-download-subscribe .download-fields input {
    width: 100%;
    max-width: 100%;
    height: 41px;
    font-size: 16px;
    line-height: 41px;
    text-indent: 8px;
    color: #000;
    border: none;
    border-radius: 5px;
    background: #efeae3
}

.file-download-subscribe .download-fields button {
    position: absolute;
    right: 0;
    top: 0;
    height: 41px;
    border-radius: 0 5px 5px 0
}

@media screen and (max-width: 37.4375em) {
    .file-download-subscribe .download-fields button::after {
        display: none
    }
}

#learning-section {
    padding: 60px 0
}

#learning-section .left-sidebar h3 {
    margin: 0 0 10px;
    font: 400 26px/1.2 "adobe-garamond-pro", serif;
    color: #000
}

#learning-section .left-sidebar h4 {
    margin: 0 0 10px;
    padding-top: 20px;
    font: 400 20px/1.2 "adobe-garamond-pro", serif;
    border-top: 2px solid #ded4c7;
    color: #000
}

.learning-article-section {
    margin: 0 0 45px;
    padding: 40px 0 0;
    border-top: 2px solid #ded4c7
}

.learning-article-section:first-child {
    padding: 0;
    border: none
}

.learning-article-section h1 {
    padding-right: 31.0344827586%
}

.learning-article-section .content-column {
    width: 65.5172413793%
}

.learning-article-section .support-column {
    width: 31.0344827586%
}

@media screen and (max-width: 63.6875em) {
    #learning-section {
        padding: 40px 0
    }

    .learning-article-section h1 {
        padding-right: 0
    }

    .learning-article-section .content-column {
        width: 100%
    }

    .learning-article-section .support-column {
        width: 100%
    }
}

@media screen and (max-width: 46.8125em) {
    #learning-section .left-sidebar h3 {
        font-size: 20px
    }

    #learning-section .left-sidebar .learning-nav-list {
        margin-bottom: 20px
    }

    #learning-section .left-sidebar h4,
    #learning-section .left-sidebar .sidebar-signup {
        display: none
    }
}

#learning-intro {
    margin: 0 auto;
    max-width: 1030px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 45px;
    font-size: 28px;
    line-height: 1.5;
    text-align: center;
    color: #6a3e48
}

@media screen and (max-width: 37.4375em) {
    #learning-intro {
        max-width: 1000px;
        padding-left: 15px;
        padding-right: 15px
    }
}

#learning-intro p {
    margin: 0 0 20px
}

#learning-columns {
    padding: 40px 0;
    text-align: center
}

#learning-columns .column {
    margin-bottom: 50px
}

#learning-columns h3 a:hover,
#learning-columns h3 a:focus {
    color: #478661
}

@media screen and (max-width: 46.8125em) {
    #learning-intro {
        font-size: 24px
    }
}

@media screen and (max-width: 37.4375em) {
    #learning-intro {
        padding-top: 30px;
        font-size: 20px
    }

    #learning-intro p {
        margin-bottom: 15px
    }

    #learning-columns {
        padding: 30px 0
    }
}

#book-listings {
    padding: 60px 0
}

@media screen and (max-width: 46.8125em) {
    #book-listings {
        padding: 40px 0
    }
}

#book-category-nav #book-category-toggle {
    display: none
}

#book-category-nav .top {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ded4c7
}

#book-category-nav li {
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.6666666667;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em
}

#book-category-nav a {
    color: #478661
}

#book-category-nav a:hover,
#book-category-nav a:focus {
    color: #000
}

#book-category-nav a.active {
    display: inline-block;
    padding: 3px 7px 2px 8px;
    background: #65b582;
    color: #fff;
    border-radius: 5px
}

@media screen and (max-width: 46.8125em) {
    #book-category-nav {
        position: relative;
        z-index: 901;
        background: #efeae3;
        border-radius: 5px;
        cursor: pointer
    }

    #book-category-nav #book-category-toggle {
        display: block;
        padding: 10px 14px 12px 16px;
        font: 700 15px / 1.2 "Verlag A", "Verlag B", sans-serif;
        background: url(/img/dropdown-arrow-dk-gray.svg) no-repeat 100% 50%
    }

    #book-category-nav nav {
        display: none;
        position: absolute;
        margin: -5px 0 0;
        padding: 10px 16px;
        width: 100%;
        background: #efeae3;
        list-style: none;
        border-radius: 0 0 5px 5px
    }
}

#book-listings .grid-4 {
    margin-top: 15px
}

.book-listings-group-title {
    margin: 0 0 20px;
    padding-top: 10px;
    font: 700 30px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #000
}

.book-listing .image {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 100%;
    height: 0
}

.book-listing .image img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    max-height: 100%;
    border: 1px solid #ded4c7;
    border-width: 1px 2px 2px 1px;
    transition: border-color 0.2s linear
}

.book-listing .image a:hover img,
.book-listing .image a:focus img {
    border-color: #65b582
}

.book-listing h4 {
    margin: 0 0 7px;
    font: 400 20px/1.1 "adobe-garamond-pro", serif;
    color: #000
}

.book-listing h4 a {
    color: #000
}

.book-listing h4 a:hover,
.book-listing h4 a:focus {
    color: #65b582
}

.book-listing .authors {
    margin: 0 0 7px;
    font: 400 italic 15px/1.2 "adobe-garamond-pro", serif;
    color: #478661
}

.book-listing .authors a {
    color: #478661
}

.book-listing .authors a:hover,
.book-listing .authors a:focus {
    color: #000
}

#book-entry {
    padding-top: 40px;
    padding-bottom: 60px
}

@media screen and (max-width: 46.8125em) {
    #book-entry {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

.book-cover {
    margin-bottom: 30px
}

.book-cover img {
    border: 1px solid #ded4c7;
    border-width: 1px 2px 2px 1px
}

.book-bestseller {
    margin: 18px 0 0;
    font: 700 15px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #6a3e48
}

@media screen and (max-width: 46.8125em) {
    .book-cover img {
        width: 350px
    }
}

.book-overview {
    float: left;
    width: 65.5172413793%
}

.book-overview h1 {
    margin: 0 0 8px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #000
}

.book-overview h2 {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: gray
}

.book-authors {
    margin-bottom: 15px;
    font-size: 20px;
    font-style: italic;
    line-height: 1.2;
    color: #65b582
}

.book-authors a:hover,
.book-authors a:focus {
    color: #478661
}

.book-description,
.author-description {
    margin-top: 35px;
    font-size: 17px;
    line-height: 1.6470588235
}

.book-description p,
.author-description p {
    margin: 0 0 1.6470588235em
}

.author-description {
    padding-top: 30px;
    border-top: 2px solid #ded4c7
}

@media screen and (max-width: 63.6875em) {
    .book-overview {
        width: 100%
    }
}

.book-sidebar {
    float: right;
    width: 31.0344827586%
}

.purchase-links {
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}

.purchase-links .button {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 8px;
    width: 100%;
    font-size: 14px
}

.book-details {
    margin: 0 0 30px;
    padding: 15px 20px;
    list-style: none;
    font-size: 15px;
    line-height: 1.3333333333;
    background: #ded4c7;
    color: #000
}

.book-details li {
    padding: 6px 0
}

.book-details strong {
    font-size: 12px;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #478661
}

.book-details a {
    color: #478661
}

.book-details a:hover,
.book-details a:focus {
    color: #000
}

.book-details a i {
    position: relative;
    top: 1px
}

@media screen and (max-width: 63.6875em) {
    .book-sidebar {
        width: 100%
    }
}

#author-directory {
    padding: 25px 0 20px;
    color: #bfbfbf;
    border-bottom: 2px solid #ded4c7
}

#author-directory a,
#author-directory .empty,
#author-directory .separator {
    margin-right: 5px;
    display: inline-block;
    padding: 6px 0;
    font: 700 18px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center
}

#author-directory a:hover,
#author-directory a:focus {
    color: #000
}

#author-directory a.active {
    padding-left: 10px;
    padding-right: 7px;
    background: #65b582;
    color: #fff;
    border-radius: 5px
}

#author-directory .separator {
    color: #ded4c7
}

#author-list {
    padding: 40px 0
}

#author-list a {
    font-size: 20px;
    line-height: 1.2;
    color: #000
}

#author-list a:hover,
#author-list a:focus {
    color: #478661
}

#author-list a:after {
    content: "\e601";
    display: inline-block;
    font-size: 80%;
    padding-left: 4px;
    position: relative;
    top: 2px;
    color: #65b582
}

#author-list .no-results {
    margin: 0 0 40px;
    font-size: 22px;
    line-height: 1.2;
    font-style: italic;
    color: gray
}

#author-entry {
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (max-width: 46.8125em) {
    #author-entry {
        padding-top: 20px
    }
}

.author-overview h1 {
    margin: 0 0 8px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 1px;
    color: #000
}

.author-overview .books {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 2px solid #ded4c7
}

.author-bio {
    margin-top: 30px;
    font-size: 17px;
    line-height: 1.6470588235
}

.author-bio p {
    margin: 0 0 1.6470588235em
}

.author-details {
    padding-top: 5px
}

.author-details .headshot {
    display: block;
    width: 270px;
    margin-bottom: 30px
}

.author-details .button {
    margin-bottom: 20px;
    width: 100%
}

#work-intro {
    margin: 0 auto;
    max-width: 1030px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 45px;
    font-size: 28px;
    line-height: 1.5;
    text-align: center;
    color: #6a3e48
}

@media screen and (max-width: 37.4375em) {
    #work-intro {
        max-width: 1000px;
        padding-left: 15px;
        padding-right: 15px
    }
}

#work-intro p {
    margin: 0 0 20px
}

#work-columns {
    padding: 40px 0 60px;
    text-align: center
}

#work-columns .column {
    margin-bottom: 50px
}

#work-columns .container {
    max-width: 1020px
}

#work-columns h3 a:hover,
#work-columns h3 a:focus {
    color: #478661
}

@media screen and (max-width: 46.8125em) {
    #work-intro {
        font-size: 24px
    }
}

@media screen and (max-width: 37.4375em) {
    #work-intro {
        padding-top: 30px;
        font-size: 20px
    }

    #work-intro p {
        margin-bottom: 15px
    }

    #work-columns {
        padding: 30px 0
    }
}

#press-intro {
    padding: 30px 0 0
}

#press-intro .large-green-intro {
    max-width: 970px
}

#press-intro .separator {
    height: 20px;
    border-bottom: 2px solid #ded4c7
}

#press-listings {
    padding: 60px 0
}

.press-article {
    padding-bottom: 10px !important
}

.press-article .image {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 50%;
    width: 67%;
    height: 0
}

.press-article .image img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    max-height: 100%
}

.press-article .date {
    margin-bottom: 10px;
    font: 700 12px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: gray
}

.press-article h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700
}

.press-article h3 a:hover,
.press-article h3 a:focus {
    color: #478661
}

.press-article p {
    margin: 0.8em 0 0;
    font-size: 15px;
    line-height: 1.4
}

@media screen and (max-width: 46.8125em) {
    #press-listings {
        padding: 40px 0
    }
}

#submission-form-intro {
    padding: 30px 0 20px
}

#submission-form-intro .large-green-intro {
    max-width: 970px
}

.quiz-score {
    margin: 0 -3px 35px;
    height: 18px;
    background: #d9d9d9;
    border-radius: 9px;
    overflow: hidden
}

.quiz-score-bar {
    height: 100%;
    background: #65b582
}

#submission-form {
    padding-bottom: 80px
}

.page-content+#submission-form {
    margin-top: -50px
}

@media screen and (max-width: 37.4375em) {
    .page-content+#submission-form {
        margin-top: -30px
    }
}

#submission-form .submit {
    padding: 0 15px
}

#submission-form .tab {
    margin-bottom: 30px
}

#submission-form .freeform-pages {
    margin-bottom: 20px;
    padding-bottom: 7px;
    font-weight: bold;
    color: #999;
    border-bottom: 2px solid #ded4c7
}

#submission-form .freeform-pages li {
    margin-bottom: 8px
}

#submission-form .freeform-pages li:not(:last-child) {
    border-right: 1px solid #ded4c7;
    margin-right: 12px;
    padding-right: 12px
}

#submission-form .freeform-pages li:last-child {
    margin-right: 0
}

#submission-form h3 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #6a3e48
}

#submission-form h3:first-of-type {
    margin-top: 0
}

#submission-form .freeform-row+.freeform-row h3 {
    padding-top: 30px
}

#submission-form p {
    margin-bottom: 1em;
    padding: 0;
    font-size: 16px;
    line-height: 1.4
}

#submission-form label {
    padding-right: 15px;
    font-size: 16px
}

#submission-form .heading label,
#submission-form .freeform-label {
    display: block;
    padding-right: 0;
    margin: 0 0 5px;
    font: 700 13px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #478661
}

#submission-form .heading label.freeform-required::after,
#submission-form .freeform-label.freeform-required::after {
    content: "*"
}

#submission-form .heading .instructions,
#submission-form .freeform-instructions {
    margin: 0 0 7px;
    font-size: 15px;
    line-height: 1.2;
    font-style: italic;
    color: #323232
}

#submission-form .freeform-form-has-errors {
    font-size: 24px;
    color: red
}

#submission-form .freeform-row {
    margin: 0 -15px
}

@media screen and (max-width: 37.4375em) {
    #submission-form .freeform-row {
        flex-wrap: wrap
    }
}

#submission-form .freeform-row .freeform-column label:not(.freeform-label) {
    display: inline
}

#submission-form .field,
#submission-form .freeform-column {
    padding: 0 15px 20px;
    margin: 0;
    max-width: 100%;
    flex: 1
}

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

    #submission-form .field,
    #submission-form .freeform-column {
        min-width: 100%
    }
}

#submission-form .field .freeform-errors,
#submission-form .freeform-column .freeform-errors {
    margin: 12px 0 5px 1.2em;
    padding: 0;
    color: red
}

#submission-form .field input[type="text"],
#submission-form .field input[type="email"],
#submission-form .freeform-column input[type="text"],
#submission-form .freeform-column input[type="email"] {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 1.2;
    text-indent: 8px;
    color: #000;
    border: none;
    background: #efeae3
}

#submission-form .field select,
#submission-form .freeform-column select {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 1.2;
    text-indent: 8px;
    color: #000;
    border: none;
    background: #efeae3
}

#submission-form .field textarea,
#submission-form .freeform-column textarea {
    width: 100%;
    height: 110px;
    font-size: 16px;
    line-height: 1.2;
    padding: 8px;
    color: #000;
    border: none;
    background: #efeae3
}

#submission-form .field input[type="file"],
#submission-form .freeform-column input[type="file"] {
    margin-top: 10px
}

#submission-form .field button,
#submission-form .freeform-column button {
    margin-top: 10px
}

#submission-form .field button::after,
#submission-form .freeform-column button::after {
    display: none
}

#submission-form .field.radiobuttons .field-input>div,
#submission-form .field.checkboxes .field-input>div,
#submission-form .freeform-column.radiobuttons .field-input>div,
#submission-form .freeform-column.checkboxes .field-input>div {
    display: inline-block;
    margin-right: 15px;
    font-size: 16px
}

#submission-form .field input[type="checkbox"],
#submission-form .field input[type="radio"],
#submission-form .freeform-column input[type="checkbox"],
#submission-form .freeform-column input[type="radio"] {
    margin: 0 4px 0 12px
}

#submission-form .field input[type="checkbox"]:first-child,
#submission-form .field input[type="radio"]:first-child,
#submission-form .freeform-column input[type="checkbox"]:first-child,
#submission-form .freeform-column input[type="radio"]:first-child {
    margin-left: 0
}

#submission-form .field.richtext .heading label,
#submission-form .field.richtext .field-input,
#submission-form .freeform-column.richtext .heading label,
#submission-form .freeform-column.richtext .field-input {
    display: none
}

#submission-form.stacked-radio .field label:not(.freeform-label),
#submission-form.stacked-radio .freeform-column label:not(.freeform-label) {
    position: relative;
    display: block;
    margin: 0 0 5px;
    padding: 2px 0 0 1.5em
}

#submission-form.stacked-radio .field label:not(.freeform-label) input[type="checkbox"],
#submission-form.stacked-radio .field label:not(.freeform-label) input[type="radio"],
#submission-form.stacked-radio .freeform-column label:not(.freeform-label) input[type="checkbox"],
#submission-form.stacked-radio .freeform-column label:not(.freeform-label) input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

#success-stories {
    padding: 60px 0
}

@media screen and (max-width: 63.6875em) {
    #success-stories {
        padding: 40px 0
    }
}

#success-stories .left-sidebar {
    width: 18.8034188034%
}

.success-nav-list {
    margin-bottom: 30px
}

.success-nav-list .success-nav-toggle {
    display: none
}

.success-nav-list li {
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.6666666667;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em
}

.success-nav-list a {
    color: #478661
}

.success-nav-list a:hover,
.success-nav-list a:focus,
.success-nav-list a.active {
    color: #000
}

@media screen and (max-width: 46.8125em) {
    #success-stories .left-sidebar {
        width: 100%;
        margin-bottom: 0
    }

    .success-nav-list {
        position: relative;
        z-index: 901;
        background: #efeae3;
        border-radius: 5px;
        cursor: pointer
    }

    .success-nav-list .success-nav-toggle {
        display: block;
        padding: 10px 14px 12px 16px;
        font: 700 15px / 1.2 "Verlag A", "Verlag B", sans-serif;
        background: url(/img/dropdown-arrow-dk-gray.svg) no-repeat 100% 50%
    }

    .success-nav-list nav {
        display: none;
        position: absolute;
        margin: -5px 0 0;
        padding: 10px 16px;
        width: 100%;
        background: #efeae3;
        list-style: none;
        border-radius: 0 0 5px 5px
    }
}

#success-stories .right-content {
    width: 78.6324786325%
}

.success-story {
    margin: 0 0 30px;
    padding: 40px 0 0;
    border-top: 2px solid #ded4c7
}

.success-story:first-child {
    padding: 0;
    border: none
}

.success-story h1 {
    margin: 0 0 30px;
    padding-right: 27.8350515464%;
    font-size: 30px;
    line-height: 1.2666666667;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #000
}

.success-story h1 a {
    color: #000
}

.success-story h1 a:hover,
.success-story h1 a:focus {
    color: #65b582
}

.success-story .support-column {
    float: right;
    margin-bottom: 30px;
    width: 27.8350515464%
}

.success-story .support-column .button {
    width: 100%
}

.success-story .content-column {
    float: left;
    width: 69.0721649485%
}

.success-story .content-column .headshot {
    float: left;
    margin: 0 30px 20px 0;
    max-width: 150px
}

.success-story .content-column p,
.success-story .content-column ul,
.success-story .content-column ol {
    font-size: 17px;
    line-height: 1.6470588235;
    margin: 0 0 1.5em
}

.success-story .content-column p a,
.success-story .content-column ul a,
.success-story .content-column ol a {
    font-weight: 700
}

.success-story .content-column p a:hover,
.success-story .content-column p a:focus,
.success-story .content-column ul a:hover,
.success-story .content-column ul a:focus,
.success-story .content-column ol a:hover,
.success-story .content-column ol a:focus {
    color: #478661
}

.success-story .content-column blockquote {
    margin: 0 0 30px;
    padding: 0 30px;
    font-size: 20px;
    font-style: italic;
    line-height: 1.4;
    color: #65b582
}

@media screen and (max-width: 63.6875em) {
    .success-story h1 {
        padding-right: 0;
        font-size: 26px
    }

    .success-story .content-column {
        width: 100%
    }

    .success-story .support-column {
        width: 100%
    }
}

@media screen and (max-width: 46.8125em) {
    #success-stories .right-content {
        width: 100%
    }
}

@media screen and (max-width: 37.4375em) {
    .success-story h1 {
        margin-bottom: 20px;
        font-size: 22px
    }

    .success-story .content-column blockquote {
        padding: 0 20px;
        font-size: 19px
    }

    .success-story .content-column .headshot {
        margin: 0 20px 15px 0;
        max-width: 110px
    }
}

.submissions-page {
    padding: 60px 0
}

.submission-block {
    padding: 40px 0 20px;
    text-align: center;
    border-top: 2px solid #ded4c7
}

.submission-block:first-child {
    padding-top: 0;
    border: none
}

.submission-block h2 {
    margin: 0 0 30px;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #6a3e48
}

.submission-block p,
.submission-block ul,
.submission-block ol {
    font-size: 17px;
    line-height: 1.6470588235;
    margin: 0 0 1.5em
}

.submission-block p a:not(.button),
.submission-block ul a:not(.button),
.submission-block ol a:not(.button) {
    font-weight: 700
}

.submission-block p a:not(.button):hover,
.submission-block p a:not(.button):focus,
.submission-block ul a:not(.button):hover,
.submission-block ul a:not(.button):focus,
.submission-block ol a:not(.button):hover,
.submission-block ol a:not(.button):focus {
    color: #478661
}

.submission-block .blocks {
    margin-bottom: 30px
}

.submission-block .blocks .block {
    display: inline-block;
    vertical-align: middle
}

.submission-block .blocks .left,
.submission-block .blocks .right {
    width: 45%
}

.submission-block .blocks .left p,
.submission-block .blocks .right p {
    margin: 0;
    text-align: left;
    line-height: 1.375
}

.submission-block .blocks .center {
    width: 10%;
    font: 700 50px/1 "Josefin Sans", sans-serif;
    color: #000
}

@media screen and (max-width: 46.8125em) {
    .submission-block h2 {
        font-size: 22px
    }

    .submission-block .blocks .block {
        display: block
    }

    .submission-block .blocks .left,
    .submission-block .blocks .right {
        width: 100%
    }

    .submission-block .blocks .left .button,
    .submission-block .blocks .right .button {
        width: 100%
    }

    .submission-block .blocks .left p,
    .submission-block .blocks .right p {
        text-align: center
    }

    .submission-block .blocks .center {
        padding: 10px 0 15px;
        width: 100%;
        font-size: 35px
    }
}

@media screen and (max-width: 37.4375em) {
    .submissions-page {
        padding: 30px 0
    }

    .submissions-page .button:after {
        display: none
    }

    .submission-block .blocks .left,
    .submission-block .blocks .right {
        width: 100%
    }
}

.submission-footnote {
    margin-top: 20px
}

.submission-footnote p,
.submission-footnote ul,
.submission-footnote ol {
    font-size: 17px;
    line-height: 1.6470588235;
    margin: 0 0 1.5em
}

.submission-footnote p a,
.submission-footnote ul a,
.submission-footnote ol a {
    font-weight: 700
}

.submission-footnote p a:hover,
.submission-footnote p a:focus,
.submission-footnote ul a:hover,
.submission-footnote ul a:focus,
.submission-footnote ol a:hover,
.submission-footnote ol a:focus {
    color: #478661
}

.next-book-quiz {
    padding-bottom: 80px
}

.next-book-section {
    text-align: center
}

.next-book-section.is-hidden {
    display: none
}

.next-book-section>.inner {
    padding: 40px 0 20px;
    border-top: 2px solid #ded4c7
}

.next-book-section:first-child>.inner {
    padding-top: 0;
    border: none
}

.next-book-section h2 {
    margin: 0 0 30px;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #6a3e48
}

.next-book-section p,
.next-book-section ul,
.next-book-section ol {
    font-size: 19px;
    line-height: 1.5789473684;
    margin: 0 0 1.5em
}

.next-book-section p a:not(.button),
.next-book-section ul a:not(.button),
.next-book-section ol a:not(.button) {
    font-weight: 700
}

.next-book-section p a:not(.button):hover,
.next-book-section p a:not(.button):focus,
.next-book-section ul a:not(.button):hover,
.next-book-section ul a:not(.button):focus,
.next-book-section ol a:not(.button):hover,
.next-book-section ol a:not(.button):focus {
    color: #478661
}

.next-book-section .button.is-selected {
    background-color: #478661
}

.next-book-section .blocks {
    display: flex;
    justify-content: space-between
}

.next-book-section .blocks .block {
    width: 47%
}

.next-book-section .blocks .button.large {
    margin-bottom: 30px;
    width: 100%
}

.next-book-section .sub-genre-buttons .button {
    margin: 0 15px 30px
}

.next-book-section .books {
    padding-top: 20px
}

.next-book-section .books .grid-break {
    display: none
}

.next-book-section .books .book-listing {
    margin: 0 15px 30px;
    display: inline-block;
    vertical-align: top;
    width: 244px
}

.next-book-section .books .book-listing .image img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 46.8125em) {
    .next-book-section h2 {
        font-size: 22px
    }

    .next-book-section .blocks {
        display: block
    }

    .next-book-section .blocks .block {
        width: 100%
    }
}

@media screen and (max-width: 37.4375em) {
    .next-book-quiz {
        padding-bottom: 50px
    }

    .next-book-section .sub-genre-buttons .button {
        margin: 0 15px 15px
    }
}

.prothink-template .main-intro .content h1 {
    color: #fff
}

.prothink-header {
    margin-bottom: 50px;
    text-align: center
}

.prothink-headline {
    margin: 0;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #000
}

.prothink-subhead {
    margin: 0;
    font: 400 30px/1.333 "adobe-garamond-pro", serif;
    color: #6a3e48
}

.prothink-headline+.prothink-subhead {
    margin-top: 0.5em
}

@media screen and (max-width: 46.8125em) {
    .prothink-headline {
        font-size: 32px;
        letter-spacing: 4px
    }

    .prothink-subhead {
        font-size: 24px
    }
}

@media screen and (max-width: 37.4375em) {
    .prothink-header {
        margin-bottom: 35px
    }

    .prothink-headline {
        font-size: 24px;
        letter-spacing: 3px
    }

    .prothink-subhead {
        font-size: 22px
    }
}

.prothink-orgs {
    padding-bottom: 75px
}

.prothink-logos {
    text-align: center
}

.prothink-logos img {
    display: inline-block;
    margin: 20px 30px;
    max-width: 160px
}

@media screen and (max-width: 46.8125em) {
    .prothink-orgs {
        padding-bottom: 50px
    }

    .prothink-logos img {
        margin: 20px;
        max-width: 135px
    }
}

.prothink-instructors {
    padding: 70px 0;
    background: #cae0db url(/img/blue-texture-lg.jpg) no-repeat 50% 50%;
    background-size: cover;
    text-align: center
}

.prothink-instructor-slider .flex-prev,
.prothink-instructor-slider .flex-next {
    color: #478661
}

.prothink-instructor-slider .flex-prev:hover,
.prothink-instructor-slider .flex-next:hover {
    color: #6a3e48
}

.prothink-instructor .content {
    margin: 0 auto;
    padding: 0 65px;
    max-width: 900px
}

.prothink-instructor-photo {
    position: relative;
    margin: 0 auto 24px;
    width: 240px;
    border-radius: 50%;
    overflow: hidden
}

.prothink-instructor-photo::after {
    content: '';
    display: block;
    height: 0;
    padding-bottom: 100%
}

.prothink-instructor-photo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.prothink-instructor h4 {
    margin: 0;
    font: 700 24px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #478661
}

.prothink-instructor h5 {
    margin: 0;
    font: 400 italic 20px/1.2 "adobe-garamond-pro", serif;
    color: #000
}

.prothink-instructor h4+h5 {
    margin-top: 5px
}

.prothink-instructor-bio {
    margin-top: 24px
}

.prothink-instructor-bio p {
    margin: 0 0 1em;
    font-size: 20px;
    line-height: 1.6
}

@media screen and (max-width: 37.4375em) {
    .prothink-instructors {
        padding: 50px 0
    }

    .prothink-instructor-photo {
        width: 180px
    }

    .prothink-instructor h4 {
        font-size: 20px;
        letter-spacing: 2px
    }

    .prothink-instructor-bio {
        margin-top: 18px
    }

    .prothink-instructor-bio p {
        font-size: 18px
    }
}

.prothink-courses {
    padding: 70px 0
}

.prothink-course {
    position: relative;
    display: block
}

.prothink-course::after {
    content: '';
    display: block;
    height: 0;
    padding-bottom: 57.14285%
}

.prothink-course::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(71, 134, 97, 0.7)
}

.prothink-course img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

a.prothink-course::before {
    transition: background-color 250ms linear
}

a.prothink-course:hover::before,
a.prothink-course:focus::before {
    background-color: rgba(71, 134, 97, 0.9)
}

.prothink-course-title {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
    width: 100%;
    font: 700 20px/1.2 "Josefin Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    text-align: center
}

.prothink-courses-grid .item {
    margin: 0 auto 30px;
    max-width: 400px
}

@media screen and (min-width: 46.875em) {
    .prothink-courses-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px
    }

    .prothink-courses-grid .item {
        margin: 0 0 30px;
        padding: 0 15px;
        width: 50%;
        max-width: none
    }
}

@media screen and (min-width: 75em) {
    .prothink-courses-grid .item {
        width: 33.333%
    }
}

.bulk-sales-intro {
    padding: 30px 0 80px
}

.bulk-sales-intro .large-green-intro {
    max-width: 970px
}

.large-green-intro+.bulk-sales-button {
    margin-top: 30px
}

@media screen and (max-width: 63.6875em) {
    .bulk-sales-intro {
        padding-bottom: 50px
    }
}

.bulk-sales-slider {
    padding: 80px 0 100px;
    background: #f2f2f2;
    text-align: center
}

.bulk-sales-slider .flex-prev,
.bulk-sales-slider .flex-next {
    color: #65b582
}

.bulk-sales-slider .flex-prev:hover,
.bulk-sales-slider .flex-prev:focus,
.bulk-sales-slider .flex-next:hover,
.bulk-sales-slider .flex-next:focus {
    color: #478661
}

.bulk-sales-slider .book-row .inner {
    margin: 0 auto;
    padding: 0 100px;
    max-width: 1170px
}

.bulk-sales-slider .book {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 33.3333333333%;
    max-width: 100%;
    height: 132px;
    text-align: left
}

.bulk-sales-slider .book .image {
    position: absolute;
    z-index: 1;
    width: 132px;
    height: 132px;
    left: 0;
    bottom: 0
}

.bulk-sales-slider .book .image img {
    position: absolute;
    right: 0;
    bottom: 2px;
    max-height: 130px;
    max-width: 130px;
    width: auto;
    border-left: 1px solid #ded4c7;
    border-top: 1px solid #ded4c7;
    box-shadow: 2px 2px 0 #ded4c7
}

.bulk-sales-slider .book .text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 5px 0 142px;
    width: 100%
}

.bulk-sales-slider .book .text .title {
    margin-bottom: 3px;
    font-size: 20px;
    line-height: 1.2
}

.bulk-sales-slider .book .text .title a {
    color: #478661
}

.bulk-sales-slider .book .text .title a:hover,
.bulk-sales-slider .book .text .title a:focus {
    color: #000
}

.bulk-sales-slider .book .text .authors {
    font-size: 16px;
    line-height: 1.25
}

.bulk-sales-slider .book .text .authors a {
    color: #000
}

.bulk-sales-slider .book .text .authors a:hover,
.bulk-sales-slider .book .text .authors a:focus {
    color: #478661
}

@media screen and (max-width: 74.9375em) {
    .bulk-sales-slider .book-row .inner {
        padding: 0 90px
    }
}

@media screen and (max-width: 64em) {
    .bulk-sales-slider .book-row .inner {
        padding: 0 65px
    }
}

@media screen and (max-width: 63.6875em) {
    .bulk-sales-slider {
        padding: 40px 0 20px
    }

    .bulk-sales-slider .book {
        display: block;
        margin: 0 auto 30px;
        width: 350px
    }
}

@media screen and (max-width: 46.8125em) {
    .bulk-sales-slider .book-row .inner {
        padding: 0 55px
    }

    .bulk-sales-slider .book {
        height: auto;
        text-align: center
    }

    .bulk-sales-slider .book .image {
        position: static;
        margin: 0 auto 15px;
        width: 107px;
        height: 107px
    }

    .bulk-sales-slider .book .image img {
        position: static;
        max-height: 105px;
        max-width: 105px
    }

    .bulk-sales-slider .book .text {
        position: static;
        padding: 0
    }

    .bulk-sales-slider .book .text .title {
        font-size: 18px
    }
}

/* imprint Carousel */
/* -------------------------------------------*/
#home-imprint {
    text-align: center;
    padding: 58px 0 20px;
}

#home-imprint h2 {
    margin: 0 0 0px;
    font: 400 46px/1.333 "adobe-garamond-pro", serif;
    color: #323232;
}

.logo-carousel {
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 20px 0;
}

.logo-track {
    display: flex;
    width: max-content;
    animation: scrollLogos 40s linear infinite;
}

.logo-item {
    flex: 0 0 auto;
    margin: 0 40px;
}

.logo-item img {
    max-height: 100px;
    width: auto;
    display: block;
    object-fit: contain;
}

@keyframes scrollLogos {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.logo-carousel:hover .logo-track {
    animation-play-state: paused;
}

.grey {
    background-color: #EFEFF0;
}

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

#thank-you {
    padding: 120px 0 48px;
    text-align: center;
    font-size: 1.40rem;
    line-height: 28px;
    min-height: 400px;
}

#thank-you p {
    max-width: 780px;
    margin: 0 auto;
}

/* !SHARING LINKS */
.sharing {
    display: inline-grid !important;
    grid-template-columns: auto 32px 32px 32px;
    grid-template-rows: auto auto;
    gap: 6px;
    align-items: center;
    margin-bottom: 16px;
}

.sharing .share-label {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: start;
    padding-top: 6px;
    font-family: "Josefin Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(100, 181, 130, 1);
}

.sharing a.share-icon {
    display: block;
    margin: 0;
    padding: 0;
}

.sharing .share-icon img {
    display: block;
    width: 32px;
    height: 32px;
}

.sharing a.share-icon:hover,
.sharing a.share-icon:focus {
    opacity: 0.85;
}

.sharing a.share-copy.copied {
    opacity: 1;
}

.sharing {
    overflow: visible;
}

.sharing a.share-copy {
    position: relative;
    overflow: visible;
}

.sharing .copied-tooltip {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 6px;
    padding: 4px 10px;
    font-family: "Josefin Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
    color: #fff;
    background: rgba(100, 181, 130, 1);
    border-radius: 4px;
    pointer-events: none;
    z-index: 10;
}

.sharing a.share-copy.copied .copied-tooltip {
    display: block;
}

/* Publishing Insights listing */
#publishing-insights-listing {
    padding: 60px 0;
}

#publishing-insights-listing>.container {
    max-width: 900px;
    margin: 0 auto;
}

#publishing-insights-listing .learning-article-section .support-column {
    width: 15%;
}

#publishing-insights-listing .learning-article-section .content-column {
    width: 85%;
}

@media all and (max-width: 768px) {

    #publishing-insights-listing .learning-article-section .support-column,
    #publishing-insights-listing .learning-article-section .content-column {
        float: none;
        width: 100%;
    }

    #publishing-insights-listing .learning-article-section .support-column {
        margin-bottom: 16px;
    }

    .sharing {
        grid-template-columns: auto 32px 32px 32px 32px 32px !important;
        grid-template-rows: auto !important;
    }

    .sharing .share-label {
        grid-row: 1 !important;
    }

    #publishing-insights-listing .pagination {
        text-align: center;
    }

    .publishing-insights-template .main-intro .bg,
    .learning-article-template .main-intro .bg {
        background-position: 75% center !important;
    }
}