/*
 Theme Name:   FTC
 Theme URI:    http://example.com/ftc/
 Description:  Divi Child Theme
 Author:       Sagehaus
 Author URI:   https://sageha.us
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ftc
*/

/*

Palette Colors: 


white:                  #FFFFFF
grey:                   #00000029
blue:                   #313D7F
brown:                  #39373A
light green:            #93D73B
graphite:               #737374
green:                  #487410
grey:                   #F4F4F4
white:                  #F5F5F5
grey:                   #D1D1D3
black:                  #343637
blue:                   #44AEC8
black (transparent):    #00000000

*/

/* Font Imports */
     

/* End Font Imports */

/* Common Tags */

body {
    font-family: 'Rubik', sans-serif;
}

h1, h2, h3, h4, h5, p, ul, ol, li, a {
    position: relative;
}

h1 {
    color: #313D7F;
    display: inline-block;
    font-family: 'Source Serif Pro', serif;
    font-size: 4rem;
    font-weight: 700;
    /* margin-bottom: 3rem; */
    margin-bottom: 0;
}

h2 {
    color: #313D7F;
    display: inline-block;
    font-family: 'Source Serif Pro', serif;
    font-size: 3.75rem !important;
    font-weight: 700;
    /* margin-bottom: 3rem; */
    margin-bottom: 0;
}

h1::after,
h2::after {
    content:  ' ';
    clear: left;
    position: absolute;
    left: 0;
    bottom: -5px;
    display: inline-block;
    background-color: #93D73B;
    width: 320px;
    height: 8px;
}

h3 {
    color: #313D7F;
    display: inline-block;
    font-family: 'Source Serif Pro', serif;
    font-size: 2.5rem !important;
    font-weight: 700;
    margin-bottom: 2rem;
}

h3::after {
    content:  ' ';
    clear: left;
    position: absolute;
    left: 0;
    bottom: -5px;
    display: inline-block;
    background-color: #93D73B;
    width: 120px;
    height: 8px;
}

h4 {
    color: #313D7F;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.625rem;
    font-weight: 700;
}

h4.larger-header {
    font-size: 2.125rem;
}

h5 {
    color: #313D7F;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.25rem !important;
    font-weight: 700;
}

h1.no-accent-line,
h2.no-accent-line,
h3.no-accent-line,
h4.no-accent-line,
h5.no-accent-line {
    margin-bottom: 0;
}

h1.no-accent-line::after,
h2.no-accent-line::after,
h3.no-accent-line::after,
h4.no-accent-line::after,
h5.no-accent-line::after {
    display: none;
}

.serif-header {
    
}

.teal-header {
    color: #44AEC8 !important;
    font-family: 'Rubik', sans-serif !important;
}

div, p {
    color: #39373A;
    font-size: 1.125rem;
    font-weight: 400;
}

div.reduced-size, p.reduced-size {
    font-size: 1rem;
}

.et_pb_bg_layout_dark p {
    color: #FFF;
}

ul {

}

ol {

}

li {

}

a {

}

a:hover {

}

iframe {
    
}

/* End Common Tags */

/* Begin Common Stylings */

#logo {
    max-height: initial;
    margin-top: -50px;
}


#et-main-area {
    overflow-x: hidden;
}

.background-white {
    background-color: #FFF;
}

.background-darkgreen {
    background-color: #487410;
}

.background-grey {
    background-color: #F3F3F3;
}

.background-blue {
    background-color: #313D7F;
}

.background-turquoise {
    background-color: #A0DBE944;
}

.background-graphite {
    background-color: #737374;
}

sup {
    top: 0;
}

.clip-overflow {
    overflow: hidden !important;
}

.cornered-cell {
    box-shadow: 0px 4px 15px #00000033;
    padding: 20px;
}

.cornered-cell > div {
    padding: 20px;   
}

.rounded-cell {
    border-radius: 25px;
    box-shadow: 0px 4px 15px #00000033;
    padding: 20px !important;
}

.rounded-cell-clipped {
    border-radius: 25px;
    box-shadow: 0px 4px 15px #00000033;
    padding: 20px !important;
    overflow: hidden;   
}

.slim-padded-cell {
    padding: 2rem !important;
}

.padded-cell {
    padding: 4rem !important;
}

.non-padded-cell {
    padding: 0 !important;   
}

.tabular-cell {
    border-radius: 0 0 25px 25px;
    box-shadow: 0px 4px 15px #00000033;
    padding: 20px !important;   
}

.tabular-cell:before {
    content:  ' ';
    clear: left;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-color: #93D73B;
    width: 100%;
    height: 8px;
}

.spacer-cell {
    min-height: 1rem;
}

.full-height-cell {
    height: 100%;
}

.full-image-cell img,
.logo-cell img {
    width: 100% !important;
}

.icon-tile img {
    min-height: 80px;
}

.icon-tile p {
    font-size: 1rem;
}

.rounded-row-wrapper {

}

.rounded-row-wrapper .rounded-row-top {
    border-radius: 25px 25px 0 0;
    box-shadow: 0px 4px 15px #00000033;
    clip-path: inset(-15px -15px 0px -15px);
    padding-top: 0;
    padding-bottom: 0;
}

.rounded-row-wrapper .rounded-row-mid {
    border-radius: 0;
    box-shadow: 0px 4px 15px #00000033;
    padding-top: 0;
    padding-bottom: 0;
}

.rounded-row-wrapper .rounded-row-bottom {
    border-radius: 0 0 25px 25px;
    box-shadow: 0px 4px 15px #00000033;
    clip-path: inset(0px -15px -15px -15px);
    padding-top: 0;
    padding-bottom: 0;
}

.entry-content ul ul {
    list-style-type: circle;
    padding-top: 1rem;
}

.logo-solo {
    margin-right: 40px !important;
}

.with-fair-trade-cert {
    display: block;
}

.without-fair-trade-cert {
    display: none;
}

.toggle-label {
    display: inline-block;
    font-size: 1.25rem;
}

.toggle-label.active-toggle-label {
    color: #93D73B;
    text-align: left;
}

.toggle-label.inactive-toggle-label {
    color: #737374;
    text-align: right;
}

.panel-toggle {
    display: inline-block;
    width: 100px;
    background-color: #737374;
    padding: 2px;
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    transition: .5s;
}

.panel-toggle.active {
    background-color: #93D73B;
    transition: .5s;
}

.panel-toggle .panel-toggle-knob {
    height: 40px;
    width: 40px;
    background-color: #FFF;
    border-radius: 20px;
    margin-left: 0;
    margin-right: auto;
    transition: .5s;
}

.panel-toggle.active .panel-toggle-knob {
    margin-left: auto;
    margin-right: 0;
    transition: .5s;
}

.dropdown .dropdown-menu {
    width: 100%;
    padding-left: 0;
}

.dropdown > .btn.dropdown-toggle:active {
}

.dropdown-label {
    text-transform: uppercase;
    font-weight: 700;
}

.dropdown > .btn.dropdown-toggle {
    color: #000;
    width: 100%;
    text-align: left;
    background-color: #FFF;
    border: none;
    border-bottom: 4px #93D73B solid;
    border-radius: 0;
}

.dropdown > .btn.dropdown-toggle::after {
    color: #93D73B;
    position: absolute;
    right: 10px;
    top: 50%;
}

.dropdown .dropdown-menu li {
    list-style-type: none;
}

.dropdown .dropdown-menu li a:hover {
    background-color: #93D73B;
}

div.large-number-row {
    margin-bottom: 1rem;
}

div.large-number > span {
    color: #737374;
    font-family: 'Source Serif Pro', serif;
    font-size: 5rem;
    font-weight: 400;
    line-height: 5rem;
    white-space: nowrap;
} 

div.large-number-text {
    margin: auto;
 }

.row-tile.et_pb_row {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

.row-tile-text {
    padding: 20px;
}

.row-tile-image {
    padding: 0 !important;
}

.photo-slice-divider {
    min-height: 400px;
}

.section-overlap-north {
    margin-top: -120px;
    z-index: 100;
}

.code-block {
    display: none !important;
}

/* End Common Stylings */

/* Start buttons */

a.et_pb_button.et_pb_bg_layout_dark,
form button.et_pb_button.et_pb_bg_layout_dark {
    color: #39373A !important;
    display: inline-block;
    border: 2px solid #93D73B;
    background: #93D73B 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 15px #00000033;
    font-size: 1rem;
    font-weight: 500;
    padding: .5rem 1rem;
    border-radius: 25px;
    opacity: 1;
    text-transform: uppercase;
    text-align: center;
    min-width: 200px;
    cursor: pointer;
}

body.smartling-es a.et_pb_button.et_pb_bg_layout_dark,
body.smartling-es form button.et_pb_button.et_pb_bg_layout_dark {
    font-size: .9rem;
}

a.et_pb_button.et_pb_bg_layout_light {
    color: #39373A !important;
    display: inline-block;
    border: 2px solid #93D73B;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 15px #00000033;
    border: 2px solid #93D73B;
    font-size: 1rem;
    font-weight: 500;
    padding: .5rem 1rem;
    border-radius: 25px;
    opacity: 1;
    text-transform: uppercase;
    text-align: center;
    min-width: 200px;
    cursor: pointer;
}

body.smartling-es a.et_pb_button.et_pb_bg_layout_light {
    font-size: .75rem;
}

a.et_pb_button.et_pb_bg_layout_dark:after,
form button.et_pb_button.et_pb_bg_layout_dark:after {
    display: none;
}

a.et_pb_button.et_pb_bg_layout_dark:hover,
form button.et_pb_button.et_pb_bg_layout_dark:hover {
    color: #FFF !important;
    background-color: #173B10;
    border: 2px solid #173B10;
    padding: .5rem 1rem;
}

a.et_pb_button.et_pb_bg_layout_dark:hover:after,
form button.et_pb_button.et_pb_bg_layout_dark:hover:after {
    display: none;
}

a.et_pb_button.et_pb_bg_layout_light:after {
    display: none;
}

a.et_pb_button.et_pb_bg_layout_light:hover {
    color: #FFF !important;
    background-color: #173B10;
    border: 2px solid #173B10;
    padding: .5rem 1rem;
}

a.et_pb_button.et_pb_bg_layout_light:hover:after {

    display: none;
}

/* End Buttons */


/* Utilities */

.nowrap-text {
    white-space: nowrap;
}

.fullwidth-image img {
    width: 100%;
}

.et-icon-menuitem {
    font-family: etmodules !important;
    cursor: pointer;
}

/* End Utilities */

/* Start Header */
body.error404 #page-container,
.page-template-template-news #page-container,
.page-template-template-blog #page-container,
.page-template-template-shop-fair-trade #page-container,
.page-template-default #page-container {
    padding-top: 80px !important;
}

#page-container > .logo_container {
    position: fixed;
    height: 120px;
    width: 80%;
    max-width: 1080px;
    margin-top: 0px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 900;
    pointer-events: none;
}

body.main-fixed-header #page-container > .logo_container {
    margin-top: 0px;
}

body #page-container > .logo_container img {
    /*height: 100%;
    transition: .25s;*/
}

body.main-fixed-header #page-container > .logo_container img {
    /*height: 90px;
    transition: .25s;*/
}

#page-container > .logo_container a {
    pointer-events: auto;
}

#page-container > .logo_container #desktop-logo {
    display: block !important;
    position: absolute;
    top: 50%;
}

#page-container > .logo_container #mobile-logo {
    display: none !important;
    position: absolute;
    top: 80px;
}

body #page-container > .logo_container #desktop-logo #logo {
    height: 132px;
}

body.main-fixed-header #page-container > .logo_container #desktop-logo #logo {
    height: 80px;
    transition: .5s;
}

body.main-fixed-header #page-container > .logo_container #mobile-logo {
    /* display: block !important; */
}

#page-container > .logo_container #mobile-logo {
    top: 55px;
}

div.logo_container span.logo_helper {
    height: 200px;
}

#page-container > #top-header {
    height: 40px;
    background-color: #FFF;
    font-weight: 600;
    z-index: 601;
}

#top-header a {
    color: #39373A;
}

#top-header > .container {
    height: 10px;
}

#page-container > #main-header {
    top: 0 !important;
    z-index: 600;
}

#main-header > .container {
    padding-left: 0;
}

#main-header > .container #et-top-navigation {
    padding-top: 22px;
}

#et_top_search.mobile-search-wrapper  {
    display: none;
    right: 22px !important;
}

/* End Header */

/* Menu Items */

#et-top-navigation {
    font-weight: 500;
}

#top-menu {

}

#top-menu li {

}

body #main-header {
    
}

body #top-header {
    transform: translateY(0);
    transition: .5s;
}

body.main-fixed-header #top-header {
    transform: translateY(-100%);
    transition: .5s;
}

body #main-header {
    top: 10px !important;
    height: 110px;
    transition: .5s;
}

body.main-fixed-header #main-header {
    top: 0 !important;
    height: 80px;
}

body #main-header > div.container {
    top: 30px;
    transition: .5s;
}

body.main-fixed-header #main-header > div.container {
    top: 0px;
}



#main-header nav > ul.ubermenu-nav > li {
    padding-bottom: 33px;
}

.et_header_style_left #main-header #et-top-navigation nav > ul.ubermenu-nav > li > a,
#main-header nav > ul.ubermenu-nav > li > a {
    font-size: 1rem;
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateY(-50%);
}

.et_header_style_left #main-header #et-top-navigation nav > ul.ubermenu-nav > li.ubermenu-item-has-children,
#main-header nav > ul.ubermenu-nav > li.ubermenu-item-has-children {
    padding-right: .1rem;
}

.et_header_style_left #main-header #et-top-navigation nav > ul.ubermenu-nav > li:last-child > a,
#main-header nav > ul.ubermenu-nav > li:last-child > a {
    color: #39373A !important;
    display: inline-block;
    border: 2px solid #93D73B;
    background: #93D73B 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 15px #00000033;
    font-size: 1rem;
    font-weight: 500;
    padding: .5rem 1.5rem;
    border-radius: 25px;
    opacity: 1;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transform: initial;
    margin-left: .5rem;
    transition: .25s;
}

.et_header_style_left #main-header #et-top-navigation nav > ul.ubermenu-nav > li:last-child > a:hover,
#main-header nav > ul.ubermenu-nav > li:last-child > a:hover {
    color: #FFF !important;
    background-color: #173B10;
    border: 2px solid #173B10;
    padding: .5rem 1.5rem;
}

.et_header_style_left #main-header #et-top-navigation nav > ul.ubermenu-nav > li:last-child > a:hover:after,
#main-header nav > ul.ubermenu-nav > li:last-child > a:hover:after {

    display: none;
}


body.et_fixed_nav #main-header {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000029;
    opacity: 1;
}

body.et_fixed_nav #main-header .ubermenu-target-title {
    font-size: 1rem;
}

body.et_fixed_nav.smartling-es #main-header .ubermenu-target-title {
    font-size: .75rem;
}

body.et_fixed_nav #main-header .ubermenu-target-with-image .ubermenu-target-title {
    color: #44AEC8;
    font-weight: 700;
}

#main-header nav > ul.ubermenu-nav li.ubermenu-active {
    
}

#main-header nav > ul.ubermenu-nav i.ubermenu-sub-indicator::before {
    color: #93D73B;
}

#main-header nav > ul.ubermenu-nav li.ubermenu-active:hover {
    
}

#main-header nav > ul.ubermenu-nav li.ubermenu-active i.ubermenu-sub-indicator {
    transition: transform .5s;
}

#main-header nav > ul.ubermenu-nav li.ubermenu-active:hover i.ubermenu-sub-indicator {
    transform: rotate(180deg);
    transition: transform .5s;
}

#main-header nav > ul.ubermenu-nav li.ubermenu-active:hover i.ubermenu-sub-indicator::before {
    color: #000;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    color: #93D73B;
}

.um-sub-left-column {
    padding-left: 40px !important;
}

.um-sub-right-column {
    padding-right: 40px !important;
}

.et_pb_menu_hidden #top-menu-nav {
    display: none;
    pointer-events: none;
}

button.ubermenu-responsive-toggle {
    display: none !important;
}

/* mobile menu styles */

.mobile_menu_bar_toggle {
    cursor: pointer;
}

nav#top-mobile-menu-nav {
    display: none;
}

.et_mobile_menu {
    overflow: scroll;
    max-height: 80vh;
}

.et_mobile_menu > li.menu-item {
    /* height: 58px; */
    border-bottom: 1px solid #D1D1D3;
}

.et_mobile_menu li.menu-item a {
    color: #39373A;
    font-size: 1rem;
}

.et_mobile_menu li.first-level > a {
    background-color: transparent;
    position: relative;
}
.et_mobile_menu li.first-level > a:after {
    font-family: 'ETmodules';
    content: '\33';
    color: #AADF64;
    font-weight: normal;
    position: absolute;
    font-size: 1.5rem;
    top: 13px;
    right: 10px;
}

.et_mobile_menu li.first-level > .icon-switch:after{
    content: '\32';
}


.et_mobile_menu li.second-level > a {
    background-color: transparent;
    position: relative;
    font-size: .75rem;
    font-weight: 500;
}

.et_mobile_menu li.capped-header {
    font-size: .75rem;
    text-transform: uppercase;
}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile_menu > li.menu-item > a {
    font-weight: 700;
}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile-menu > li.menu-item > ul.sub-menu > li.second-level.menu-item > a {

}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile_menu > li.menu-item > ul.sub-menu > li.second-level.menu-item > ul.sub-menu {
    padding-left: 0;
    margin-bottom: 2rem;
}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile_menu > li.menu-item > ul.sub-menu > li.second-level.menu-item > a {
    margin-top: 2rem;
}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile_menu > li.menu-item > ul.sub-menu > li.second-level.second-level-anchor.menu-item > a {
    margin-top: 0;
}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile_menu > li.menu-item > ul.sub-menu > li.second-level.menu-item > ul.sub-menu > li.third-level.menu-item {
    padding-left: 0;
}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile_menu > li.menu-item > ul.sub-menu > li.second-level.menu-item > ul.sub-menu > li.third-level.menu-item > a {
    font-size: 1rem;
    font-weight: 500;
    text-transform: none !important;
}

div#et_mobile_nav_menu > div.mobile_nav > ul#mobile_menu > li.menu-item > ul.sub-menu > li.second-level.menu-item > ul.sub-menu > li.third-level.menu-item > a:hover {
    color: #FFF;
    background-color: #93D73B;
    opacity: 1;
}

.second-level {
display: none;
}
/*
.third-level {
display: none;
}
*/
.reveal-items {
display: block;
}



/* end mobile styles */

.ubermenu.ubermenu-loc-secondary-menu .ubermenu-item.ubermenu-item-level-0 {
    vertical-align: initial;
    transform: translateY(-50%);
}

.ubermenu-sub-indicators.ubermenu-loc-primary-menu .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
    margin-top: -8px;
}

.mobile_menu_bar:before {
    color: #93D73B;
}

.mobile_menu_bar:hover:before {
    color: #487410;
}

.ubermenu-loc-primary-menu .ubermenu-submenu > ul > li:last-child {
    border-left: 1px solid #e3e3e3;
}

.et_mobile_menu {
    border-top: 0;
}

/* End Menu Items */

/* Start Search Items */

.et_search_outer {
    top: 42px;

}

#search_form_container.et_pb_search_visible {
    z-index: 900 !important;
}

#search_form_container.et_pb_search_visible form input {
    padding-left: 0px;
    right: 50px;
}

.et-search-form input {

}

#search_form_container_outer {
    position: fixed;
    z-index: 10001;
}

#search_form_container_outer > div {
    display: none;
}

#search_form_container_outer > div.et_pb_search_visible {
    display: block;
}



/*
.et_search_outer .et_search_form_container {
    height: 30px;
    opacity: 1;
}
*/
.et_search_outer .et_search_form_container form {
    background-color: #F2F2F2 !important;
    width: 940px;
    height: 100%;
    max-width: initial !important;
    margin-right: 0;
}

.et_search_outer .et_search_form_container form input {
    font-weight: 600;
}

.et_search_outer .et_search_form_container {
    height: 68px !important;
}

span.et_close_search_field {
    margin-right: 20px;
}

#et_search_icon:hover:before,
span.et_close_search_field:after {
    color: #93D73B;
}


span.et_close_search_field:hover:after {
    color: #487410
}



/* End Search Items */

/* Start Eyebrow Items */

#et-secondary-menu > ul > li > a {
    font-size: .75rem;
    font-weight: 600;
}


/* End Eyebrow Items */


/*  Start Ubermenu custom styles */

nav.ubermenu-main.ubermenu {
    height: 10px;
}

nav.ubermenu-main.ubermenu > ul {
    height: 10px;
}

nav.ubermenu-main.ubermenu-loc-primary-menu ul.ubermenu-nav .ubermenu-item div.ubermenu-submenu {
    margin-top: 16px;
    right: initial;
    left: 84px;
    border-radius: 0 0 25px 25px;
    border-top: 0;
}

nav.ubermenu-main.ubermenu-loc-primary-menu .main-menu-section-header {
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

nav.ubermenu-main.ubermenu-loc-primary-menu  a .ubermenu-target-title.ubermenu-target-text {
    font-size: 1rem;
    font-weight: 500;
}

nav.ubermenu-main.ubermenu-loc-primary-menu li.ubermenu-active > a.ubermenu-target:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 100%;
    left: 0;
    bottom: -30px;
    background-color: #93D73B;
}

nav.ubermenu-main.ubermenu-loc-secondary-menu li.ubermenu-item > a .ubermenu-target-title {
    font-weight: 600;
}

body.smartling-es nav.ubermenu-main.ubermenu-loc-secondary-menu li.ubermenu-item > a .ubermenu-target-title {
    font-size: .65rem;
}

nav.ubermenu-main.ubermenu-loc-secondary-menu li.ubermenu-active > a.ubermenu-target:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 100%;
    left: 0;
    bottom: 0px;
    background-color: #93D73B;
}

nav.ubermenu-main.ubermenu-loc-secondary-menu li > ul.ubermenu-submenu {
    right: 0;
    border-radius: 0 0 10px 10px;
}

nav.ubermenu-main.ubermenu-loc-secondary-menu li.ubermenu-active > ul.ubermenu-submenu {
    
    margin-top: 0px;
}

nav.ubermenu-main.ubermenu-loc-secondary-menu li.ubermenu-active .ubermenu-submenu {

}

/*  End Ubermenu custom styles */

/* Start section modules */

body.page-template-template-home #page-container {
    padding-top: 80px !important;
}

#home-header-area {
    
}

#hero-header {
    min-height: 600px;
}

#hero-header h1 {
    padding-top: 60px;
    margin-bottom: 0;
}

#hero-header-row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.hero-button-row {
    min-width: 415px;
    margin-bottom: 4rem !important;
}

.header-hero-image > div {
    position: absolute;
    bottom: 0;
}

 .composite-section {
    padding-top: 0;
 }

.composite-section .composite-section-image {
    
}

.composite-section .composite-section-image img {
    margin-left: -150px;
}

.composite-section .composite-section-text {
    position: absolute;
    display: inline-block;
    right: 5vw;
    top: 50%;
    transform: translateY(-50%);
    width: 75%;
    max-width: 940px;
    z-index: 700;
    float: right;
}

.composite-section .composite-section-text .fullwidth-image {
    padding-left: 30px;
}

.composite-section .composite-section-text .fullwidth-image span {
    width: 100%;
    text-align: center;
}

.without-fair-trade-cert,
.with-fair-trade-cert {
    margin-bottom: 0 !important;
}

#toggle-animation-row-3 {
    padding-top: 0;
}

#stories-carousel,
.stories-carousel {
    
}

#stories-carousel .stories-carousel-cell,
.stories-carousel .stories-carousel-cell {
    padding: 2rem;
}

#stories-carousel .stories-carousel-cell > div,
.stories-carousel .stories-carousel-cell > div {
    text-align: center;
}

.stories-carousel h5,
#stories-carousel h5 {
    text-align: center;
    padding-bottom: 0;
}

.stories-carousel img,
#stories-carousel img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.stories-carousel #stories-carousel-wrapper p,
#stories-carousel #stories-carousel-wrapper p {
    color: #39373A;
    font-size: 1rem;
    text-align: center;
    line-height: 125%;
}

.stories-carousel .person-descriptor,
#stories-carousel .person-descriptor {
    color: #487410;
    font-size: 1.125rem;
    text-align: center;
    padding: 1rem 0;
}

#thousands-of-products-section img,
#certification-overview-section .logo-image img {
    max-width: 120px;
}

.large-icon-image {

}

.large-icon-image > span {
    text-align: center;
}

.large-icon-label {
    color: #39373A;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.large-icon-label > div {
    text-align: center;   
}

div.partner-cell .partner-logo {
    vertical-align: middle;
    height: 80px;
}

div.partner-cell .partner-logo img {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.featured-post-preview-cell {
    padding: 0;
    overflow: hidden;
}

.featured-post-preview {

}

.featured-post-preview .featured-post-image {
    text-align: center;
    padding: 0;
}

.featured-post-preview .featured-post-image img {
    width: 100%;
}

.featured-post-preview .featured-post-text {
    padding: 2rem;
}

#success-stories-section {
    background-color: #F4F4F4;
}

#success-stories-section #stories-carousel {
    padding-bottom: 0;
}

#certify-icon-column > div {
    height: 100%;
    width: 100%;
}

#certify-icon-column > div > div {
    height: 100%;
    width: 100%;
}

#what-we-certify #certify-wheel {
    position: relative;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    
    
}

#what-we-certify #certify-wheel #certify-wheel-wrapper {
    position: relative;
    width: 100%;
    max-height: 500px;
    max-width: 500px;
    /* background-image: url(/wp-content/uploads/2022/03/certification-wheel.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    transform: translate(-50%,-50%);
    aspect-ratio: 1/1;
}

#what-we-certify #certify-wheel #certify-icon-1 {
    position: absolute;
    top: 14.5%;
    left: 50%;
}
#what-we-certify #certify-wheel #certify-icon-2 {
    position: absolute;
    top: 28.5%;
    left: 79%;
}
#what-we-certify #certify-wheel #certify-icon-3 {
    position: absolute;
    top: 60%;
    left: 86.5%;
}

#what-we-certify #certify-wheel #certify-icon-4 {
    position: absolute;
    top: 85.5%;
    left: 66.5%;
    
}

#what-we-certify #certify-wheel #certify-icon-5 {
    position: absolute;
    top: 85.5%;
    left: 34%;
}

#what-we-certify #certify-wheel #certify-icon-6 {
    position: absolute;
    top: 60%;
    left: 13.5%;
}

#what-we-certify #certify-wheel #certify-icon-7 {
    position: absolute;
    top: 28.5%;
    left: 20.75%;
}

/* #what-we-certify #certify-wheel */

.category-icon-group-wrapper {
    text-align: center;
}

.certify-icon-wrapper {
    display: inline-block;
    position: relative;
    width: 25%;
    height: 25%;
    background-color: #FFF;
    border-radius: 50%;
    border: #e3e3e3 solid 1px;
    padding: 20px;
    transform: translate(-50%,-50%);
    box-shadow: 0px 4px 15px #00000033;
    cursor: pointer;
}

.category-icon-wrapper {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 115px;
    background-color: #FFF;
    border-radius: 50%;
    border: #e3e3e3 solid 1px;
    padding: 20px;
    margin: 10px;
    
    box-shadow: 0px 4px 15px #00000033;
    cursor: pointer;
}

/* #what-we-certify #certify-wheel */
.category-icon-wrapper:hover,
.certify-icon-wrapper:hover,
.category-icon-wrapper.active,
.certify-icon-wrapper.active {
    color: #FFF;
    background-color: #313D7F;
    transition: .25s;
}

/* #what-we-certify #certify-wheel */
.category-icon-wrapper .certify-icon,
.certify-icon-wrapper .certify-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* #what-we-certify #certify-wheel */
.category-icon-wrapper:hover .certify-icon-image,
.certify-icon-wrapper:hover .certify-icon-image,
.category-icon-wrapper.active .certify-icon-image,
.certify-icon-wrapper.active .certify-icon-image {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(216deg) brightness(104%) contrast(102%);
    transition: .25s;
}

/* #what-we-certify */
.category-icon-wrapper .certify-icon-image,
.certify-icon-wrapper .certify-icon-image {
    text-align: center;
}

/* #what-we-certify */
.category-icon-wrapper .certify-icon-text,
.certify-icon-wrapper .certify-icon-text {
    text-align: center;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 0.625rem;
}

/* #what-we-certify */
.category-icon-wrapper:hover .certify-icon-text,
.certify-icon-wrapper:hover .certify-icon-text,
.category-icon-wrapper.active .certify-icon-text,
.certify-icon-wrapper.active .certify-icon-text  {
    color: #FFF !important;
    transition: .25s;
}


#what-we-certify #certify-wheel .certify-center-logo {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 51%;
}

#what-we-certify #certify-wheel .certify-center-logo .certify-icon {
    transform: translate(-50%,-50%);
}

#who-we-partner-with-section {
    background-position: right -220px top;
    background-size: initial;
}

#brands-sub-ui {
    display: none;
}

#brands-sub-ui .checkbox-panel {
    display: none;
    width: 100%;
}

#brands-sub-ui > div {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.brand-selector-check-bookend {
    width: auto;
    display: inline-block;
    flex-grow: 2;
}

.brand-selector-check {
    width: auto;
    display: inline-block;
    flex-grow: 1;
}

.brand-selector-check label {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}

.brand-tile {
    margin-bottom: 60px;
}

.brand-tile-title {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}

#brands-pagination-control {

}

#brands-pagination-control .pagination-control > a {
    display: inline-block;
}

#brands-pagination-control .pagination-control > div {
    display: inline-block;   
}



#brands-tile-content,
#brand-content,
#brand-tile-grid-wrapper {
    /* height: auto !important; */
}

.tile-content-wrapper {
    margin-bottom: 2rem;
}

#partner-tabs a.nav-link {
    color: #39373A;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

#partner-tabs a.nav-link.active {
    color: #39373A;
    background-color: transparent;
    border-bottom: 4px solid #93D73B;
    border-radius: 0;
}

.partner-tile {
    display: inline-block;
}

.partner-tile-wrapper {
    padding: 10px;
}

.partner-tile-cta {
    text-align: center;
    padding-top: 80px;
}

.partner-tile-image {
    text-align: center;
}

.partner-tile-label {
    text-align: center;
}

.impact-cell-content > div {
    text-align: center;
}

.impact-cell-content h2 {
    font-size: 3.75rem;
}

.impact-cell-content h4 {
    font-size: 1.625rem;
}

.impact-comparison-text {
    text-align: left;

}

.impact-comparison-text ul {
    padding-bottom: 0;
}


.impact-comparison-text li {
    color: #39373A;
    font-size: 1.375rem;
    font-weight: 300;
    padding-bottom: 50px;
    list-style-type: none;
    margin-left: 40px;
}

.impact-comparison-text .impact-negative li:before {
    content:  url(/wp-content/uploads/2022/05/impact-icon-negative.png);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: -60px;
 
}

.impact-comparison-text .impact-positive li:before {
    content:  url(/wp-content/uploads/2022/05/impact-icon-positive.png);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: -60px;
}

#where-we-work-map {
    height: 600px;
}

.tabular-tab {
    text-align: center;
}

#join-the-movement-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.resources-tile {

}

.resources-tile .resources-tile-image img {
    max-width: 100px;
}

.blog-post-grid {

}

.row .blog-post-grid-item {
    display: inline-block;
    margin-bottom: 2rem;
}

.blog-post-grid-item-content {
    text-align: center;
    min-height: 190px; 
}

.blog-post-grid-item-content-category {
    color: #487410;
    font-size: 1.125rem;
    font-weight: 400;
    padding-bottom: 20px;
}

.row .blog-post-grid-item .blog-post-grid-item-title {
    text-align: center;

}

.row .blog-post-grid-item .blog-post-grid-item-title a {

}

.blog-post-grid-item .blog-post-grid-item-author {
    font-family: 'Rubik', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
}


.row .blog-post-grid-item .blog-post-grid-item-image-wrapper img {
    width: 100%;
    aspect-ratio: 16/9;
}

article.blog-item {
    cursor: pointer;
}

article.blog-item div.blog-name-wrapper {
    text-align: center;
}

#timeline-wrapper {
            width: 100%;
        }

        #timeline-track {
            display: flex;
            flex-direction: row;
            width: 100%;
            border-bottom: 2px #737374 solid;
        }

        .timeline-item {
            flex-grow: 1;
            text-align: center;
            margin-bottom: -17px;
        }

        .timeline-item-shape {
            display: inline-block;
            height: 20px;
            width: 20px;
            border: 2px solid #737374;
            border-radius: 15px;
            background-color: #FFF;
            margin-left: auto;
            margin-right: auto;
            cursor: pointer;
        }

        .timeline-item:hover .timeline-item-shape {
            border: 2px solid #93D73B;
            background-color: #FFF;
        }

        .timeline-item.active .timeline-item-shape {
            border: 2px solid #93D73B;
            background-color: #93D73B;
        }

        .timeline-item-label {
            display: block;
            margin-top: 10px;
}

#timeline-slider-module .splide__track {
    padding-top: 80px;
}

#timeline-slider-module .splide__arrows {
    position: absolute;
    top: 170px;
    width: 100%;
}

#timeline-slider-module .splide__arrows .splide__arrow--prev {
    margin-left: -65px
}

#timeline-slider-module .splide__arrows .splide__arrow--next {
    margin-right: -65px;
}

.blog-filtering-row {
    z-index: 1000;
}

.blog-content-row {
    z-index: 999;
}

.blog-item .blog-thumbnail-wrapper {
    min-height: 235px;
}

.blog-item .blog-name-wrapper {
    min-height: 155px;
}

.blog-item .post-content-text {
    padding: 0 2rem;
    padding-bottom: 2rem;
    min-height: 14.5rem;
}

.blog-type-label {
    color: #487410;
    font-weight: 500;
    text-align: center;
}

#blog-list-target .isotope-pager {
    text-align: center;
}

.blog-thumbnail-wrapper img {
    width: 100%;
    aspect-ratio: 16/9;
}

#news-list-target .isotope-pager {
    text-align: center;
}

.isotope-pager a.pager {
    color: #39373A;
    font-weight: 500;
}

.isotope-pager a.pager.active {
    color: #93D73B;
}

.isotope-pager a.pager:hover {
    color: #93D73B;
}

.isotope-pager a.pager-arrow {
    color: #39373A;
    display: inline-block;
}

.isotope-pager a.pager-arrow:hover {
    color: #93D73B;
}


#get-started-options h3 {
  font-size: 1.8rem !important;
}
@media (min-width: 480px) and (max-width:610px) {
  #get-started-options h3 {
    font-size: 1.3rem !important;
  }
}
@media (min-width: 981px) and (max-width:1250px) {
  #get-started-options h3 {
    font-size: 1.3rem !important;
  }
}


#business-questions h3.alt {
  display:none;
} 
#get-started-options > div {
  border-radius: 25px;
  box-shadow: 0px 4px 15px #00000033;
  padding: 20px !important;
  cursor: pointer;
}
#get-started-options > div.selected,
#get-started-options > div:hover {
  background-color: #313D7F;
}
#get-started-options > div.selected h3,
#get-started-options > div.selected p,
#get-started-options > div:hover h3,
#get-started-options > div:hover p {
  color: #fff;
}

#business-questions .et_pb_module, 
#get-started-forms .et_pb_module {
  display:none;
}

#business-questions input[type="radio"] {
  width: 2em;
  height: 1em;
  margin: .2em 0 0 1em;
}
.getting-started-chkbox {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1em;
}



/* START this can all be deleted when we go live with new page */
#get-started-cell-business {
    cursor: pointer;
}

#get-started-cell-consumer {
    cursor: pointer;
}

#get-started-ui-consumer #get-started-cell-consumer {
    background-color: #313D7F;
}

#get-started-ui-consumer #get-started-cell-business {
    background-color: #FFF;   
}

#get-started-ui-consumer #get-started-cell-business h3 {
    color: #313D7F !important;
}

#get-started-ui-consumer #get-started-cell-business p {
    color: #39373A !important;
}

#get-started-ui-consumer #get-started-cell-consumer h3,
#get-started-ui-consumer #get-started-cell-consumer p {
    color: #FFF;
}

#get-started-ui-consumer #get-started-cell-consumer img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(339deg) brightness(102%) contrast(104%);
}

#get-started-ui-consumer #get-started-cell-business img {
    filter: invert(21%) sepia(72%) saturate(742%) hue-rotate(197deg) brightness(94%) contrast(93%);
}

#get-started-ui-consumer #get-started-cell-business:hover img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(339deg) brightness(102%) contrast(104%);
}

#get-started-ui-consumer #get-started-cell-business:hover {
    background-color: #313D7F;
}

#get-started-ui-consumer #get-started-cell-business:hover h3,
#get-started-ui-consumer #get-started-cell-business:hover p {
    color: #FFF !important;
}

#get-started-ui-business #get-started-cell-consumer:hover {
    background-color: #313D7F;
}

#get-started-ui-business #get-started-cell-consumer:hover h3,
#get-started-ui-business #get-started-cell-consumer:hover p {
    color: #FFF;
}

#get-started-ui-business #get-started-cell-consumer {
    background-color: #FFF;
}

#get-started-ui-business #get-started-cell-business h3,
#get-started-ui-business #get-started-cell-business p {
    color: #FFF;
}

#get-started-ui-business #get-started-cell-business {
    background-color: #313D7F;
}

#get-started-ui-business #get-started-cell-business img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(339deg) brightness(102%) contrast(104%);
}

#get-started-ui-business #get-started-cell-consumer img {
    filter: invert(21%) sepia(72%) saturate(742%) hue-rotate(197deg) brightness(94%) contrast(93%);
}

#get-started-ui-business #get-started-cell-consumer:hover img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(339deg) brightness(102%) contrast(104%);
}
/* END this can all be deleted when we go live with new page */




#news-list {
    
}

#news-list article {
    margin: 40px 0;
}

#news-list-content-area .isotope-pager {
    text-align: center;
}

#news-list-content-area .news-item {
    margin-bottom: 0;
}

#news-list-content-area .news-type-label {
    margin-bottom: 1.5rem;
}

#news-list-content-area .post-content-text {
    font-size: 1rem;
}

.news-type-label {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.news-type-label.type-news-article {
    color: #D35E28;
}

.news-type-label.type-press-release {
    color: #6B9D2B;
}

.news-item-type-meta {
    color: #707070;
}

.news-digest-more-link {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 20px;
}

div.stat-headline {
    color: #313D7F;
    font-size: 3rem;
    font-weight: 200;
    padding-bottom: 2rem;
}



.crosshatch-grid {

}

.crosshatch-grid-cell {

}

.crosshatch-grid-cell-image {
    text-align: center;
}

.crosshatch-grid-cell-image img {
    height: 170px;
    width: 170px;
}

.crosshatch-grid-cell-text {
    padding-left: 20px;
    padding-right: 20px;
}

.featured-product-cell {

}

.featured-product-link {
    padding: 30px;

}


.featured-product-brand {
    color: #39373A;
    min-height: 1.375rem;
    font-size: 1.375rem;
    font-weight: 200;
    text-align: center;
    margin-bottom: 1.375rem;
}

.featured-product-image {
    margin-bottom: 20px;
}

.featured-product-title {
    color: #44AEC8;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

.featured-product-description {
    color: #39373A;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 125%;
    text-align: center;
}

.person-bio-section {

}

.person-image {
    aspect-ratio: 1/1;
    width: 100%;
}

.team-tile {

}

.team-tile .et_pb_image {
    
}

.team-tile .et_pb_image_wrap {
    
}

.team-tile img {
    
}

html.pum-open .pum-theme-default-theme {
    background-color: #00000066;
}

.left-overlap-under {
    min-height: 450px;
    z-index: 49;
    background-position: left center;
    background-size: contain;
    padding: 0;
}

#join-the-movement-section h3,
#join-the-community-section h3 {
    margin-bottom: 0 !important;
}

.overlap-section-text-box {
    padding: 40px 20px !important;
    margin-top: 20px;
}

.pum-container .pum-content p {
    font-size: 1rem;
}

.pum-container .pum-content > div {
    padding-top: 0;
    padding-bottom: 0;
}

.pum-container .pum-content > div > div {
    width: 100%;
    padding: 0;
}

#join-the-movement-section .right-overlap-over {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 50;
    padding-top: 60px;
    padding-bottom: 60px;
}

#our-impacts-section {
    overflow: hidden;
}

#our-impacts-section::before {
    content: '';
    position: absolute;
    right: 0;
    top: -150px;
    width: 800px;
    height:  600px;
    background-image: url(/wp-content/uploads/2022/06/background-rose-top.png);
    background-position: top 0 right -300px;
    background-repeat: no-repeat;
}

#our-impacts-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -300px;
    width: 800px;
    height:  1400px;
    background-image: url(/wp-content/uploads/2022/06/background-rose-bottom.png);
    background-position: bottom 0 left -300px;
    background-repeat: no-repeat;
}

/* End section modules */

.featured-post-preview {

}

.ftc-form {
    
}

.ftc-form .row {
}
/*
.ftc-form .row:first-child {
    display: flex;
    flex-flow: row;
}

.ftc-form .row:first-child > div {
    display: inline-flex;
    flex-grow: 4;
}

.ftc-form .row:first-child > a {
    display: inline-flex;
    flex-grow: 1;
}
*/


.ftc-form .row:first-child {
    display: block;
    flex-flow: row;
}

.ftc-form .row:first-child > div {
    display: inline-block;
    margin-bottom: 10px;
}

.ftc-form .row:first-child  a {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.ftc-form input {
    color: #737374;
    width: 100%;
    font-size: 1rem;
    border-radius: 25px;
    padding: .5rem 1rem;
    margin-right: 20px;
}

disclaimer {
    display: inline-block;
    font-size: .75rem;
    line-height: 125%;
    padding-top: 10px;
}

.mini-font {
    font-size: .825rem;
}

.button-mini-font {
    padding-left: 20px;
}

#certification-overview-section .logo-image img {
    width: 100%;
}


#fair-trade-assets-section .tile-text-area {
    padding-bottom: 50px;
}

#fair-trade-assets-section .tile-button-area {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

#fair-trade-assets-section .tile-button-area a {
    width: 260px;
}

/* Begin home slick slider */

.slick-dots > li button:before {
    color: #737374;
    font-size: .5rem;
}

.slick-dots > li.slick-active button:before {
    color: #93D73B;
    font-size: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

/* End home slick slider */

#faq-accordion {

}

#faq-accordion h5 {
    color: #313D7F !important;
}


/* search results items */

.search-results-section .pagination {
    display: block;
}

.search-results-section article {
    margin-bottom: 1rem;
}

.search-results-section h2.entry-title {
    font-family: 'Rubik', sans-serif;
    font-size: 1.25rem !important;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 0;
    padding-bottom: 0;
}

.search-results-section h2:after {
    display: none;
}

/* end search results items */

/* Footer Items */

#main-footer {
    width: 100%;
    background-color: #F5F5F5;
}

#main-footer-module {
    width: 80%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#main-footer-module a.footer-link {
    color: #39373A;
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

body.smartling-es #main-footer-module a.footer-link {
    font-size: .75rem;
}

#main-footer-module .footer-link-button {
    min-width: initial;
    margin-left: -1rem;
    margin-bottom: .5rem;
}

#footer-primary-column-1 {
    padding-left: 20px;
    padding-right: 20px;
}

#footer-primary-column-2 h5 {
    padding-bottom: 0;
}

#footer-primary-column-2 {
    border-left: 1px solid #D1D1D3;
    padding-left: 20px;
    padding-right: 20px;
}

#footer-primary-column-2 form {
    display: flex;
}

#footer-primary-column-2 form input {
    border-radius: 25px;
    font-size: 1rem;
    padding: 0.75rem;
    border: none;
    flex: auto;
    box-shadow: inset 0px 4px 15px #00000033;
}

#footer-primary-column-2 form button {
    margin-left: 2rem;
}

#footer-primary-column-3 {
    border-left: 1px solid #D1D1D3;
}

#footer-primary-column-3 > div {
    text-align: center;
}

#footer-social-bar {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#main-footer-tail {
    padding-top: 3rem;
}

#main-footer-tail .footer-tail-left {
    color: #737374;
    text-align: left;
    font-size: 0.75rem;
}

#main-footer-tail .footer-tail-left a.footer-link {
    display: inline-block;
}

#main-footer-tail .footer-tail-right {
    color: #737374;
    text-align: right;
    font-size: 0.75rem;
}

#main-footer-tail .footer-tail-right a.footer-link {
    display: inline-block;
    font-size: 0.75rem;
    margin-left: 2rem;
    text-transform: uppercase;
}

a.footer-social-icon {
    color: #39373A;
    font-family: etmodules;
    margin-right: 1rem;
    cursor: pointer;
}

a.footer-social-icon:hover {
    color: #93D73B;
}

a.social-icon-insta:after {
    
}

/* All-encompasing mobile styles */

.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 30px;
}

/* End all-encompasing mobile styles */


/* End Footer Items */


@media (max-width: 1870px) {
    .composite-section .composite-section-text {
        float: none;
        margin-right: 10%;
        right: 0;
    }
}

/* end @media (max-width: 1870px) */

@media (max-width: 1330px) {
    
/*
    #main-header > .container #et-top-navigation {
        padding-top: 5px !important;
    }

*/
}


@media (max-width: 1315px) {

    div#top-header {
        display: none;
    }

    nav#top-menu-nav {
        display: none;
    }

    #et_mobile_nav_menu {
        display: block;
    }

    .mobile_menu_bar {
        display: block;
    }

    #page-container > .logo_container #desktop-logo {
        display: block !important;
    }

    #page-container > .logo_container #mobile-logo {
        display: none !important;

    }

    #page-container > .logo_container #mobile-logo img {
        height: 100%;
    }

    nav.main_menu > ul#top-menu {
        display: none;
    }

    #main-header > .container #et-top-navigation {
        padding-left: 0 !important;
    }

    #main-header > .container #et-top-navigation #et_mobile_nav_menu {
        float: none;
    }

    #et_top_search.mobile-search-wrapper {
        display: block;
        right: 10px;
        top: 32px;
        margin: 0 35px 0 0;
        float: right;
    }


    /* Start header */

    body #main-header {
        height: 80px;
    }

    body #main-header > div.container {
        top: 0;
    }

    #et_search_icon:before {
        top: 7px;
    }

    #search_form_container.et_pb_search_visible form input {
        padding-left: 40px;
        right: 50px;
    }

    #search_form_container_outer .et_pb_search_visible {
        position: fixed;
        top: 0;
        right: 0;
    }
    /* End header */

    /* start search */
/*
body #main-header > div.container {
        top: 15px;
    }
    
    .mobile_nav #mobile_menu {
        top: 80px;
    }
*/

nav#top-mobile-menu-nav {
    display: block;
}

#mobile_menu {
    top: 78px;
}

#main-header > .container #et-top-navigation {
    padding-left: 0 !important;
}

#et_top_search.mobile-search-wrapper {
        top: 25px;
    }

#et_top_search.mobile-search-wrapper {
    right: 10px;
    top: 24px;
    float: right;
}

.et_search_outer {
    top: 0;
}

.et_search_outer .et_search_form_container {
    height: 80px !important;
}

.et_search_outer .et_search_form_container form {
    width: 95% !important;
}

/* end search */


    #main-header .container #et-top-navigation {
        padding-top: 0;
    }

    .composite-section .composite-section-text {
        width: 55%;
    }

    /* Start menu */

.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 24px;
}

/* End menu */
}
/* end @media (max-width: 1315px) */

@media (max-width: 1240px) {
    #timeline-wrapper {
        display: none;
    }

    #timeline-slider-module .splide__arrows {
        top: 50%;
    }

    .composite-section {
        padding-top: 120px;
    }
}
/* end @media (max-width: 1240px) */

@media (max-width: 1024px) {
    .composite-section  {
        padding-top: 120px;
    }

    .composite-section .composite-section-text {
        width: 60%;
        margin-right: 1%;
    }

    .impact-comparison-text li {
        font-size: 1rem;
        font-weight: 400;
        padding-bottom: 1rem;
        line-height: 125%;
    }
}
/* end @media (max-width: 1024px) */


@media (max-width: 994px) {
    
}
/* end @media (max-width: 1006px) */

@media (max-width: 991px) {

    /* Start common elements */

    h1 {
        font-size: 3.125rem !important;
    }

    h2 {
        font-size: 2.5rem !important;
    }

    h1::after,
    h2::after {
        width: 163px;
    }

    h3 {

    }

    h4 {

    }

    .padded-cell {
        padding: 2rem !important;
    }

    .logo-solo {
        margin-bottom: 20px !important;
        margin-right: 20px !important;
    }

    /* End common elements */

    .post-hero {
        padding-top: 3rem;
    }

    .post-hero h1 {
        font-size: 2.5rem !important;
    }

    .header-hero-image > div {
        position: relative;
        bottom: 0;
    }

    /* Start Header */

    #page-container header#main-header {
        position: fixed;
        height: 80px;
    }

    #page-container header#main-header > div.container {
        top: 0;
        width: 95%;
        padding-left: 0;
        padding-right: 0;
    }

    #page-container > .logo_container {
        position: fixed;
        display: block;
        width: 95%;
    }

    #et_top_search.mobile-search-wrapper  {
        display: block;
    }

    /* End Header */

    body #page-container > .logo_container #desktop-logo {
        display: block !important;
        top: 5px;
    }

    body.main-fixed-header #page-container > .logo_container #desktop-logo {
        display: none;
    }

    body.main-fixed-header #page-container > .logo_container #desktop-logo #logo {
        height: 80px;
        transition: .5s;
    }


    body #page-container > .logo_container #desktop-logo img#logo {
        margin-top: 0;
        height: 80px;
        max-width: initial;
    }

    body #page-container > .logo_container #mobile-logo {

    }

    body.main-fixed-header #page-container > .logo_container #mobile-logo {

    }

    #mobile-logo img {
        height: 100px;
    }


    /* Start menu items */



    nav#top-menu-nav .ubermenu-mobile-view .ubermenu-nav {
        padding-top: 100px;
    }

    nav#top-menu-nav > button {
        text-align: right;
    }



    /* End menu items */

        /* Start buttons */

    a.et_pb_button.et_pb_bg_layout_dark,
    form button.et_pb_button.et_pb_bg_layout_dark {
        font-size: .75rem;
        font-weight: 500;
        min-width: 130px;
    }

    a.et_pb_button.et_pb_bg_layout_light {
        font-size: .75rem;
        font-weight: 500;
        min-width: 130px;
    }

    a.et_pb_button.et_pb_bg_layout_dark:after {
        display: none;
    }

    a.et_pb_button.et_pb_bg_layout_dark:hover {
        color: #FFF !important;
        background-color: #173B10;
        border: 2px solid #173B10;
    }

    a.et_pb_button.et_pb_bg_layout_dark:hover:after {
        display: none;
    }

    a.et_pb_button.et_pb_bg_layout_light:after {
        display: none;
    }

    a.et_pb_button.et_pb_bg_layout_light:hover {
        color: #FFF !important;
        background-color: #173B10;
        border: 2px solid #173B10;
    }

    a.et_pb_button.et_pb_bg_layout_light:hover:after {
        display: none;
    }

    /* End Buttons */

    /* Start section modules */

    .page-template-template-news #page-container,
    .page-template-template-blog #page-container,
    .page-template-template-shop-fair-trade #page-container,
    .page-template-default #page-container {
        padding-top: 30px !important;
    }


    div#page-container {
        /* padding-top: 40px !important; */
    }

    #who-we-partner-with-section {
        background-position: right -200px top;
        background-size: 50%;
    }

    .entry-content .page-section > .et_pb_row {
        width: 95%;
    }

    #home-header-area {
        padding-top: 80px;
    }

    #home-header-area > div.et_pb_row {

    }

    .composite-section {
        padding-top: 0;
    }

    #et-main-area .composite-section > .composite-section-image {
        width: 100%;
        margin-left: 0;
        padding-top: 2rem;
    }

    #et-main-area .composite-section > .composite-section-image img {
        margin-left: 0px;
    }

    .composite-section .composite-section-text {
        position: relative;
        width: 90%;
        right: initial;
        left: 50%;
        margin-top: -5rem;
        margin-bottom: -1rem;
        transform: translate(-50%,0);
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #what-we-certify #certify-wheel #certify-wheel-wrapper {
        transform: translate(-50%,0);
    }

    .brand-selector-check-bookend {
        width: 100%;
        display: none;
    }


    #footer-primary-column-1 > .row > div:first-child {
        text-align: center;
    }

    #footer-primary-column-2 {
        text-align: center;
        border-left: none;
        padding-top: 1.5rem;
    }

    #footer-primary-column-3 {
        text-align: center;
        border-left: none;
        padding-top: 1.5rem;
    }

    .left-overlap-under {
        width: 100%;
        padding-top: 200px;
        background-position: top center;

    }

    .overlap-section-text-box {
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none;
    }
    .et_pb_row .et_pb_column.et-last-child.overlap-section-text-box {
        margin-right: auto !important;
    }

    .overlap-section-text-box h3 {
        font-size: 2rem !important;
    }

    #certification-overview-section h2 {
        font-size: 2.75rem !important;
    }

    #certification-overview-section .certification-overview-cta {
        text-align: center;
    }

    #certification-overview-section .certification-overview-cta-button {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #certification-overview-section .certification-overview-cta-sub {
        display: block;
    }
/*
    #our-impacts-section::before {
        right: 0;
        top: -75px;
        width: 400px;
        height:  300px;
    }

    #our-impacts-section::after {
        left: 0;
        bottom: -150px;
        width: 400px;
        height:  700px;
    }
*/
    #our-impacts-section::before {
        right: -180px;
        top: -20px;
        width: 400px;
        height: 300px;
        background-size: contain;
        background-position: top right;
    }

    #our-impacts-section::after {
        left: -300px;
        bottom: -150px;
        width: 600px;
        height:  700px;
        background-size: contain;
        background-position: bottom left;
    }

/* End section modules */

    /* Start footer styles */

    #main-footer-module {
        width: 95%;
        padding-bottom: 1rem;
    }

    #main-footer-tail .footer-tail-left {
        text-align: center;
        order: 2;

    }

    .footer-tail-right {
        display: flex;
        order: 1;
    }

    .footer-tail-right a {
        margin: 0;
        width: 50%;
        text-align: center;
        margin: 0 !important;
    }
    /* End footer styles */

}
/* end @media (max-width: 991px) */

@media (max-width: 782px) {

}
/* end @media (max-width: 782px) */

@p (max-width: 660px) {

}
/* end @media (max-width: 660px) */

@media (max-width: 476px) {
    #what-we-certify .certify-icon-wrapper .certify-icon-text {
        font-size: 0.5rem;
    }


.toggle-label {
    display: inline-block;
    font-size: .875rem;
    line-height: .875rem;
}

.toggle-label.active-toggle-label {
    color: #93D73B;
    text-align: left;
}

.toggle-label.inactive-toggle-label {
    color: #737374;
    text-align: right;
}

.panel-toggle {
    display: inline-block;
    width: 60px;
    background-color: #737374;
    padding: 2px;
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    transition: .5s;
}

.panel-toggle.active {
    background-color: #93D73B;
    transition: .5s;
}

.panel-toggle .panel-toggle-knob {
    height: 20px;
    width: 20px;
    background-color: #FFF;
    border-radius: 20px;
    margin-left: 0;
    margin-right: auto;
    transition: .5s;
}

.panel-toggle.active .panel-toggle-knob {
    margin-left: auto;
    margin-right: 0;
    transition: .5s;
}

.dropdown > .btn.dropdown-toggle {
    color: #000;
    width: 100%;
    text-align: left;
    background-color: #FFF;
    border: none;
    border-bottom: 4px #93D73B solid;
    border-radius: 0;
}

}
/* end @media (max-width: 476px) */

/* Blog Post and Articles Styles */
.single-post #page-container {
    padding-top:  110px !important;
}
.et_post_meta_wrapper.custom {
    padding-top:  4%;
}
.post-hero {
    background-size:  cover;
    background-position:  center;
    background-repeat: no-repeat;
}
.post-hero .et_post_meta_wrapper {
    height:  475px;
}
.post-hero .post-hero-content {
    display: flex;
    align-items:  center;
    height:  100%;
    width:  100%;
}
/*
.post-meta-columns {
    width:  80%;
    margin:  0 auto;
    display: flex;
    justify-content: space-between;
}
.post-meta-columns > div {
}
*/
.post-meta-info {
    font-size:  14px;
}
.post-meta-info span {
    display:  block;
    font-weight:  500;
}
.post-hero .post-hero-content h1 {
    color:  #FFF;
}
/*
.post-content .et_pb_row {
    display: flex;
    justify-content: center;
}
.post-content .et_pb_row .et_pb_column {
    width:  80%;
}
.post-content h2 {
    line-height:  1.1em;
}
.post-content h3 {
    margin-bottom:  0.5rem;
}
.post-content h3:after {
    display:  none;
}
.post-content p:last-of-type {
    padding-bottom:  1em;
}
.post-content ol {
    padding-left:  20px !important;
    list-style-position:  unset !important;
}
.post-content ol li,
.post-content ul li {
    margin-bottom:  5px;
}*/