@charset "UTF-8";
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
/* fontawesome */
[class*=fontawesome-]:before {
font-family: "FontAwesome", sans-serif;
}
/* Updated Branding July 2019 */
.trm-product-ingredient-details .trm-product-ingredient-info a, .trm-product-no-review .trm-product-review-content a, .trm-product-review-carousel .trm-product-review-content a, .trm-product-details .trm-btn, .trm-sidebar-ppj-cta .trm-sidebar-ppj-cta-content a.btn, .trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-article a:last-child, .trm-sidebar-product-cta a, .trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-copy a, .trm-ppj-featured-rating .trm-ppj-featured-rating-content a, .trm-ppj-featured-collection .trm-ppj-collection-article a, .alternate .cta-btn, .trm-popular-tags ul li a, .trm-tag-heading, .trm-sidebar-review a, .tm-aag-row-button, .tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a:hover, .tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a.trm-current-page,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a:hover,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a.trm-current-page,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a:hover,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a.trm-current-page,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a:hover,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a.trm-current-page, .trm-qd_about-nav ul li a:hover, .trm-qd_about-nav ul li a.trm-current-page,
.trm-ppj-nav ul li a:hover,
.trm-ppj-nav ul li a.trm-current-page, .articlebutton {
background-color: #CEDC00;
color: #275D38;
}
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: "courier new", monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: "";
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
*overflow: visible;
/* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type=search] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
a:focus {
outline: none;
}
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
position: relative;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* fontawesome */
[class*=fontawesome-]:before {
font-family: "FontAwesome", sans-serif;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ----- HOME & GLOBAL ----- */
.ir {
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.msie body {
min-height: auto !important;
}
body {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #333333;
background-color: #ffffff;
}
div#body {
margin: 0 auto;
max-width: 1280px;
padding-top: 80px;
min-height: auto !important;
}
@media only screen and (max-width: 767px) {
div#body {
padding-top: 64px;
}
}
@media screen and (min-width: 1281px) {
div#body {
max-width: 90%;
}
}
.home div#body {
max-width: 100%;
}
.single-trme_product div#body {
max-width: 100%;
}
.at-a-glance div#body {
max-width: 100%;
}
.container {
overflow: hidden;
min-width: 320px;
background-position: top center;
background-color: transparent !important;
}
.fbIcon svg,
.twitterIcon svg,
.pinterestIcon svg,
.instagramIcon svg {
height: 22px;
width: 28px;
}
.fbIcon svg path,
.twitterIcon svg path,
.pinterestIcon svg path,
.instagramIcon svg path {
fill: #275D38;
transition: all 0.3s ease-in-out;
}
.fbIcon:hover svg path,
.twitterIcon:hover svg path,
.pinterestIcon:hover svg path,
.instagramIcon:hover svg path {
fill: #CEDC00;
}
#mainPageHeader {
position: fixed;
z-index: 10000;
width: 100%;
height: 64px;
background-color: #ffffff;
-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
}
#mainPageHeader .Level1Mobile {
position: relative;
height: 64px;
display: block;
}
#mainPageHeader .Level1Mobile .menuBTN,
#mainPageHeader .Level1Mobile .searchBTN {
position: absolute;
top: 50%;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
#mainPageHeader .Level1Mobile .menuBTN {
color: #275D38;
left: 5%;
width: 25px;
height: 25px;
background-image: url("../img/mainNavIcon.svg");
background-size: 25px 25px;
background-repeat: no-repeat;
background-position: left center;
font-weight: 700;
margin: -12px 0 0;
text-transform: uppercase;
}
#mainPageHeader .Level1Mobile .menuBTN span {
display: none;
}
#mainPageHeader .Level1Mobile .menuBTN.open {
background-image: url("../img/mainNavClose.svg");
padding-left: 30px;
width: auto;
}
#mainPageHeader .Level1Mobile .menuBTN.open span {
display: inline-block;
margin-top: 5px;
}
#mainPageHeader .Level1Mobile .searchBTN {
display: inline-block;
right: 5%;
width: 22px;
height: 22px;
background-image: url("../img/searchBTN-320.png");
background-size: contain;
margin: -12px 0 0;
}
#mainPageHeader .caLink a {
display: inline-block;
right: 5%;
width: 22px;
height: 16px;
background-image: url("../img/canadaBTN.png");
background-repeat: no-repeat;
background-size: contain;
margin: -12px 0 0;
}
#mainPageHeader #searchForm {
display: none;
position: absolute;
top: 63px;
background-color: #f3f3f3;
z-index: 10000;
width: 100%;
height: 110px;
padding: 20px 13px;
-moz-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
/* firefox 19+ */
/* ie */
}
#mainPageHeader #searchForm .closeForm {
cursor: pointer;
width: 100%;
height: 19px;
background-image: url("../img/mainNavClose.svg");
background-size: 19px 19px;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 1em;
}
#mainPageHeader #searchForm .closeForm span {
display: none;
}
#mainPageHeader #searchForm:after {
position: absolute;
content: "";
background-color: rgba(0, 0, 0, 0.45);
height: 2000px;
width: 100%;
left: 0;
top: 100%;
}
#mainPageHeader #searchForm input[type=text] {
border: 0px;
border-radius: 2px;
height: 28px;
min-width: 213px;
width: 73%;
padding-left: 10px;
font-size: 16px;
}
@media screen and (max-width: 320px) {
#mainPageHeader #searchForm input[type=text] {
min-width: auto;
}
}
#mainPageHeader #searchForm input[type=text]:active, #mainPageHeader #searchForm input[type=text]:focus {
outline: none !important;
}
#mainPageHeader #searchForm input[type=submit] {
background-color: #CEDC00;
border: 0;
color: #275D38;
float: right;
height: 28px;
text-transform: uppercase;
vertical-align: top;
padding: 2px 7px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#mainPageHeader #searchForm ::-webkit-input-placeholder {
color: #333333;
padding-left: 10px;
}
#mainPageHeader #searchForm ::-moz-placeholder {
color: #333333;
padding-left: 10px;
}
#mainPageHeader #searchForm :-ms-input-placeholder {
color: #333333;
padding-left: 10px;
}
#mainPageHeader #searchForm input:-moz-placeholder {
color: #333333;
padding-left: 10px;
}
#mainPageHeader #searchForm [placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
#mainPageHeader #searchFormBg {
display: none;
position: absolute;
top: 63px;
width: 100%;
background-color: rgba(0, 0, 0, 0.35);
z-index: 9999;
height: 2000px;
}
#mainPageHeader .showMenu {
display: block;
}
#mainPageHeader .hideMenu {
display: none;
}
#mainPageHeader .topNav {
display: none;
}
#mainPageHeader div.Level1Expanded {
-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15) inset;
background-color: #fcfaf3;
}
#mainPageHeader .collapsed > ul {
display: none;
}
#mainPageHeader .expanded > ul {
display: block;
}
#mainPageHeader ul.mainNav {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
width: 100%;
list-style-type: none;
position: absolute;
top: 64px;
padding: 35px 0 0;
margin: 0;
background-color: #fcfaf3;
text-align: center;
-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
}
#mainPageHeader ul.mainNav > li {
height: 44px;
background-image: url("../img/mainNavRightArrow.svg");
background-size: auto 35%;
background-repeat: no-repeat;
background-position: 95% center;
border-top: 1px solid #d1c6be;
}
#mainPageHeader ul.mainNav > li > a {
display: block;
font-size: 16px;
line-height: 14px;
padding-left: 5%;
text-transform: uppercase;
vertical-align: middle;
height: 44px;
color: #275D38 !important;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-decoration: none;
padding-top: 15px;
}
#mainPageHeader ul.mainNav > li > a.active {
position: relative;
}
#mainPageHeader ul.mainNav > li > a.active:after {
content: "";
width: calc(100% - 40px);
height: 3px;
background-color: #275D38;
position: absolute;
bottom: 5px;
left: 20px;
}
#mainPageHeader ul.mainNav > li.expanded > a {
display: inline;
}
#mainPageHeader ul.mainNav > li .secondLevelContainer {
display: none;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer {
display: block;
}
@media only screen and (max-width: 767px) {
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul {
position: absolute;
list-style-type: none;
width: 100%;
top: -32px;
padding: 0;
margin: 0;
background-color: #fcfaf3;
position: relative;
-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
list-style-type: none;
margin: 0px 0px 0px 0px;
vertical-align: middle;
/*
&.nav6Col {
width: 1024px;
-moz-column-count: 6;
-moz-column-gap: 33px;
-webkit-column-count: 6;
-webkit-column-gap: 33px;
column-count: 6;
column-gap: 33px;
&>li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
border-top: none;
padding: 0;
margin: 0;
ul {
padding: 0;
margin: 0;
li {
a {
display: block;
}
}
}
}
}
*/
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li {
border-top: 1px solid #d1c6be;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li > a {
display: block;
min-height: 44px;
font-size: 15px;
line-height: 15px;
padding-left: 5%;
text-transform: uppercase;
vertical-align: middle;
color: #662b14;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-decoration: none;
padding-top: 15px;
padding-bottom: 12px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li > a:hover {
color: #b2988e;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li.goBack {
background-image: url("../img/mainNavLeftArrow.svg");
background-size: auto 35%;
background-repeat: no-repeat;
background-position: 5% center;
padding-left: 30px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li.collapsedMobile {
background-image: url("../img/mainNavPlus.svg");
background-size: auto 35%;
background-repeat: no-repeat;
background-position: 95% center;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li.collapsedMobile > ul {
display: none;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li.expandedMobile {
background-image: url("../img/mainNavMinus.svg");
background-size: 15px auto;
background-repeat: no-repeat;
background-position: 95% 21px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li.expandedMobile > ul {
top: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li.expandedMobile > ul li {
padding: 0 0 0 10%;
border-top: none;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ul > li.expandedMobile > ul li > a {
display: block;
min-height: 30px;
font-size: 14px;
color: #275D38;
text-transform: none;
padding: 0 0 14px 0;
margin: 0;
}
}
#mainPageHeader ul.mainNav.hideCollapsed > li.collapsed {
display: none;
}
#mainPageHeader ul.mainNav .tm-menu-section {
display: inline-block;
position: relative;
}
#mainPageHeader ul.mainNav .tm-menu-section.hovered a {
background-color: #f3f3f3 !important;
background-image: none !important;
}
#mainPageHeader .homeBTN {
display: block;
position: absolute;
top: 25%;
left: 50%;
margin-left: -40px;
width: 90px;
height: 90px;
z-index: 10001 !important;
background-image: url("../img/logo.png");
background-size: cover;
background-repeat: no-repeat;
}
.svg #mainPageHeader .homeBTN {
background-image: url("../img/logo.svg");
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
#mainPageHeader .homeBTN {
background-image: url("../img/logo@2x.png");
}
}
@media (max-width: 1200px) {
#mainPageHeader .homeBTN {
left: 50% !important;
margin-left: -40px !important;
}
}
.trme_product_hh-template-default #mainPageHeader .homeBTN,
.page-template-hemp-and-herb #mainPageHeader .homeBTN {
background-image: url("../img/hemp-and-herb/logo--hh.png");
left: 0;
width: 335px;
}
@media screen and (max-width: 1281px) {
.trme_product_hh-template-default #mainPageHeader .homeBTN,
.page-template-hemp-and-herb #mainPageHeader .homeBTN {
width: 305px;
height: 118px;
}
}
@media screen and (max-width: 1024px) {
.trme_product_hh-template-default #mainPageHeader .homeBTN,
.page-template-hemp-and-herb #mainPageHeader .homeBTN {
width: 235px;
height: 90px;
top: 44%;
}
}
@media screen and (max-width: 1200px) {
.trme_product_hh-template-default #mainPageHeader .homeBTN,
.page-template-hemp-and-herb #mainPageHeader .homeBTN {
background-image: url("../img/hemp-and-herb/logo--hh--mobile.png");
left: 0 !important;
right: 0;
width: 220px;
height: 93px;
top: 25%;
margin: auto !important;
}
}
@media (max-width: 1500px) {
.trme_product_hh-template-default #mainPageHeader ul.mainNav,
.page-template-hemp-and-herb #mainPageHeader ul.mainNav {
text-align: right;
padding-right: 83px;
}
.trme_product_hh-template-default #mainPageHeader ul.mainNav .tm-menu-section,
.page-template-hemp-and-herb #mainPageHeader ul.mainNav .tm-menu-section {
margin: 0 10px 0 0;
}
.trme_product_hh-template-default #mainPageHeader ul.mainNav .tm-menu-section > a,
.page-template-hemp-and-herb #mainPageHeader ul.mainNav .tm-menu-section > a {
padding: 15px 10px 30px 10px !important;
}
}
@media (max-width: 900px) {
.trme_product_hh-template-default #mainPageHeader ul.mainNav,
.page-template-hemp-and-herb #mainPageHeader ul.mainNav {
padding-right: 40px;
}
}
#ppjSearch {
display: inline-flex;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
#ppjSearch {
padding: 20px 0;
}
}
#ppjSearch button {
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-style: normal;
font-size: 11px;
letter-spacing: 0px;
margin: 0px;
padding: 2px 0px 2px 0px;
float: left;
background: #275D38;
height: 20px;
width: 61px;
border: none;
font-weight: 700;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
#ppjSearch button {
background: #662b14;
}
}
#ppjSearch input {
border: none;
border-radius: 0;
float: left;
font-style: normal;
width: 120px;
padding: 2px 5px;
border: 1px solid #275D38;
}
#ppjSearch label {
display: none;
}
.trm-ppjsearch-title {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-size: 24px;
font-style: italic;
margin-bottom: 24px;
text-align: center;
}
.tm-top-menu {
display: none;
text-align: right;
padding: 6px 55px 0 0;
}
.tm-top-menu .trm-newsletter-cta-form-container,
.tm-top-menu .menu-top-nav-menu-container {
display: inline-block;
vertical-align: top;
text-align: left;
}
.tm-top-menu .trm-newsletter-header {
line-height: 0;
}
.tm-top-menu .trm-newsletter-header p {
line-height: 1;
display: inline-block;
vertical-align: super;
}
.tm-top-menu .trm-newsletter-header #headerSubscribe {
line-height: 1;
display: inline-block;
margin-top: 0;
}
.tm-top-menu .menu-top-nav-menu-container {
line-height: 0;
}
.marquee {
position: relative;
min-height: 165px;
color: #333333;
background-color: #fffbe8;
}
.marquee .slide {
display: none;
position: relative;
width: 100%;
}
.marquee .slide:first-child {
display: block;
}
.marquee .slide .image {
position: static;
height: 165px;
background-size: auto 100%;
background-position: center top;
background-repeat: no-repeat;
}
.marquee .slide .contentContainer {
padding-top: 15px;
padding-bottom: 20px;
padding-left: 38px;
padding-right: 38px;
margin: 0 auto;
}
.marquee .slide .content h1 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 36px;
line-height: 36px;
padding: 0;
margin: 0;
}
.marquee .slide .content p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 15px;
line-height: 22px;
}
.marquee .slide .content a {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
line-height: 12px;
color: #275D38;
}
.marquee .nav {
list-style: none;
}
.marquee .nav li.prev {
position: absolute;
z-index: 50;
top: 191px;
left: 9px;
}
.marquee .nav li.slideLink {
display: none;
}
.marquee .nav li.next {
position: absolute;
z-index: 50;
top: 191px;
right: 9px;
}
.marquee .nav li.prev svg, .marquee .nav li.next svg {
width: 19px;
height: 19px;
}
.marquee .nav li.prev svg polyline, .marquee .nav li.next svg polyline {
stroke: #275D38;
}
.marquee .nav li:hover {
cursor: pointer;
}
.marquee .nav li:hover.prev svg polyline, .marquee .nav li:hover.next svg polyline {
stroke: #662b14;
}
.homeContentBorder {
background-image: url("../img/border_shadow.png");
background-position: left top;
background-repeat: repeat-x;
width: 100%;
height: 8px;
margin-top: -8px;
z-index: 2000;
position: relative;
}
.homeContent {
overflow: visible;
width: 100%;
z-index: 1999;
position: relative;
padding-left: 38px;
padding-right: 38px;
}
.homeContent div.fourcol {
margin-top: 0px;
margin-bottom: 27px;
}
.homeContent .articleTitle {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 15px;
line-height: 14px;
padding-top: 5px;
margin-bottom: 13px;
}
.homeContent figure {
text-align: center;
width: 100%;
height: auto;
box-sizing: border-box;
position: relative;
display: block;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.homeContent figure img {
width: 100%;
height: auto;
}
.homeContent .articleCaption {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 11px;
line-height: 18px;
margin-top: 9px;
margin-bottom: 3px;
width: 90%;
}
.homeContent a.learnMore {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
line-height: 11px;
margin-top: 0px;
color: #275D38;
}
#mainPageFooter {
background-repeat: repeat;
width: 100%;
margin-top: -2px;
padding-left: 0px;
padding-bottom: 20px;
margin-left: 0px;
-moz-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.15);
}
.footerContentMobile {
display: block;
}
.footerContentWide {
display: none;
}
.footerContentMobile.footerNav {
display: block;
height: 76px;
width: 320px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-top: 22px;
position: relative;
}
.footerContentMobile.footerNav ul {
margin-left: 25px;
margin-right: 25px;
padding-left: 0px;
position: relative;
text-align: center;
}
.footerContentMobile.footerNav ul li {
margin-top: 0px;
padding-top: 0px;
display: inline-block;
margin-right: 11px;
margin-left: 15px;
height: 25px;
position: relative;
text-align: center;
}
.footerContentMobile.footerNav ul li a.footerLink {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
display: inline;
margin-top: 0px;
padding-top: 0px;
position: relative;
text-align: center;
color: #275D38;
}
.footerContentMobile.footerNav ul li a.footerLink:hover {
color: #af7e6b;
}
/*
.footerContentMobile.subscribe2newsletter {
clear: left;
display: block;
color: $footerLinkBrown;
margin: 38px auto 38px auto;
width: 246px;
padding-top: 26px;
position: relative;
p {
margin-top: 0px;
padding-top: 0px;
line-height: 0px;
}
input {
height: 38px;
margin-top: 5px;
}
input.newsletterInput {
width: 158px !important;
border: solid 1px #c8bda6;
padding-top: 1px;
padding-bottom: 1px;
margin-right: 0px;
color: #6d2b11 !important;
@include sansSerifMedium;
background-color: #f6f4ed;
}
input[type=button], input[type=submit] {
margin-left: -3px;
width: 86px;
background-color: $lightBrown;
color: #ffffff;
@include sansSerifBold;
font-size: 12.5px;
border: none;
text-align: center;
position: relative;
}
input[type=button]:hover, input[type=submit]:hover {
background-color: #C89D74;
color: #ffffff;
}
input[placeholder], [placeholder], *[placeholder], input::-webkit-input-placeholder {
color: #6d2b11 !important;
@include sansSerifMedium;
padding-left: 9px;
font-size: 10px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
outline: 0;
}
input:focus {
outline: 0;
}
}
*/
.footerContentMobile.socialLinks {
clear: both;
color: #275D38;
border: solid 1px #275D38;
font-size: 15px;
height: 44px;
text-align: center;
width: 246px;
margin-left: auto;
margin-right: auto;
padding-top: 11px;
padding-bottom: 15px;
margin-bottom: 0px;
}
.footerContentMobile.socialLinks span {
display: inline-block;
margin-right: 3px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
}
.footerContentMobile.socialLinks a,
.footerContentWide.socialLinks a {
text-align: left;
display: inline-block;
width: 28px;
height: 22px;
vertical-align: middle;
margin-left: 0px;
}
.footerContentMobile.socialLinks a.fbIcon,
.footerContentWide.socialLinks a.fbIcon {
width: 22px;
}
.footerContentMobile.disclaimerFDA {
display: block;
color: #275D38;
width: 246px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
margin: 26px auto 0px auto;
font-size: 9px;
position: relative;
line-height: 12px;
}
.footerContentMobile.copyright {
display: block;
width: 246px;
margin-left: auto;
margin-right: auto;
color: #275D38;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 13px;
font-size: 9px;
line-height: 12px;
position: relative;
}
.right {
float: right;
}
.left {
float: left;
}
.breadcrumbs {
display: none !important;
}
/* ----- COLLAPSIBLE CONTENT DEFAULT STYLES ----- */
.defaultCollapsible {
padding: 0;
margin: 0 auto;
}
.defaultCollapsible li {
list-style: none;
padding: 0;
margin: 0;
}
.defaultCollapsible .navLi {
display: table;
width: 100%;
height: 44px;
background-color: #fcfaf3;
background-image: url("../img/expandItem.png");
background-repeat: no-repeat;
background-position: 95% center;
border-top: 1px solid #d1c6be;
}
.defaultCollapsible .navLi.expanded {
background-image: url("../img/collapseItem.png");
}
.defaultCollapsible .navLi.expanded + .contentLi {
display: block;
}
.defaultCollapsible .navLi span {
display: table-cell;
width: 100%;
vertical-align: middle;
color: #662b14;
font-size: 14px;
line-height: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
padding-left: 5%;
cursor: pointer;
}
.defaultCollapsible .contentLi {
display: none;
background-color: #fcfaf3;
padding: 1px 5% 0;
}
.defaultCollapsible .contentLi h3 {
margin-bottom: 0px;
margin-top: 10px;
}
.defaultCollapsible .contentLi p {
margin-top: 3px;
padding-top: 0px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.defaultCollapsible .relatedProducts {
padding-left: 1em;
padding-right: 1em;
}
}
.defaultCollapsible .relatedProducts ul {
display: inline-table;
width: 100%;
list-style: none;
padding: 0 10%;
margin: 12px 0 0 0;
}
.defaultCollapsible .relatedProducts ul li {
display: inline-block;
width: 30%;
min-width: 96px;
text-align: center;
padding: 0;
margin: 0 3.3% 0 0;
vertical-align: top;
}
.defaultCollapsible .relatedProducts ul li a {
display: block;
color: #662b14;
text-decoration: none;
padding-bottom: 15px;
}
.defaultCollapsible .relatedProducts ul li a:hover {
color: #b27e6b;
}
.defaultCollapsible .relatedProducts ul li a figure .imgWidth {
width: 96px;
margin: 0 auto;
}
.defaultCollapsible .relatedProducts ul li a figure .imgWidth .img {
min-height: 130px;
}
.defaultCollapsible .relatedProducts ul li a figure .img {
background-size: 100% auto;
background-repeat: no-repeat;
padding-top: 134.375%;
}
.defaultCollapsible .relatedProducts ul li a figure figcaption {
color: #275D38;
font-size: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
padding-top: 20px;
}
/* ----- GENERIC CONTENT (BLOG POST) ----- */
.WYSIWYG p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
line-height: 1.6;
margin: 15px auto 15px auto;
width: 100%;
}
.WYSIWYG p:first-child {
margin-top: 0;
}
.WYSIWYG a {
color: #275D38 !important;
}
.WYSIWYG a:hover {
color: #275D38;
}
.WYSIWYG .wp-caption.alignleft {
float: left;
margin-right: 3%;
}
.WYSIWYG .wp-caption.alignright {
float: right;
margin-left: 3%;
}
.WYSIWYG figure.wp-image .img {
background-size: 100% auto;
background-repeat: no-repeat;
}
.WYSIWYG figure.wp-image figcaption {
text-align: left;
padding-top: 5px;
padding-bottom: 12px;
}
.WYSIWYG figure.wp-image.alignleft {
float: left;
margin-right: 3%;
}
.WYSIWYG figure.wp-image.alignright {
float: right;
margin-left: 3%;
}
.page-template-page-destini_locator #body h1,
.page-template-page-destini_locator #body .h1 {
text-align: center;
}
article.genericContent header,
.page-template-page-destini_locator #body header {
padding: 55px 0 0;
}
article.genericContent h1,
article.genericContent .h1,
.page-template-page-destini_locator #body h1,
.page-template-page-destini_locator #body .h1 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 30px;
margin: 5px 38px 0px 38px;
}
article.genericContent header.withoutImage,
.page-template-page-destini_locator #body header.withoutImage {
padding-bottom: 0;
margin-bottom: -10px;
}
article.genericContent header.withoutImage h1,
article.genericContent header.withoutImage .h1,
.page-template-page-destini_locator #body header.withoutImage h1,
.page-template-page-destini_locator #body header.withoutImage .h1 {
color: #275D38;
}
article.genericContent {
min-height: 130px;
}
article.genericContent header figure {
display: none;
}
article.genericContent header p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
color: #333333;
font-size: 13px;
line-height: 1.6;
margin: 11px 38px 0px 38px;
}
article.genericContent header.withImage {
background-color: #333333;
position: relative;
padding: 0 0 20px;
overflow: hidden;
-moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
}
article.genericContent header.withImage figure {
background-size: cover;
background-position: right top;
text-align: center;
width: 100%;
height: 167px;
z-index: 5 !important;
position: relative;
display: block;
overflow: hidden;
margin-left: auto;
margin-right: 0px;
opacity: 0.5;
}
article.genericContent header.withImage h1 {
font-size: 36px;
margin-top: 14px;
color: white;
}
article.genericContent header.withImage p {
font-size: 15px;
line-height: 18px;
color: white;
}
article.genericContent .columnsWrapper {
padding: 30px 0;
}
article.genericContent section {
padding: 0 38px;
}
article.genericContent section h3,
article.genericContent section h4,
article.genericContent section h5 {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
article.genericContent section .shareThisStory {
margin: 20px 0 0 0;
line-height: 22px;
}
article.genericContent aside {
padding: 38px;
}
article.genericContent aside h2 {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin-bottom: 0px;
font-size: 16px;
}
article.genericContent aside div {
padding-bottom: 13px;
}
article.genericContent aside div hr {
border-color: #662b14;
color: #662b14;
}
article.genericContent aside div figure {
text-align: center;
width: 100%;
height: auto;
box-sizing: border-box;
position: relative;
display: block;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
article.genericContent aside div figure img {
width: 100%;
height: auto;
}
article.genericContent aside div p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
text-align: left;
}
article.genericContent aside div a.learnMore {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
line-height: 11px;
margin-top: 0px;
color: #275D38;
text-align: left !important;
}
/* ----- DISCONTINUED PRODUCTS PAGE ---- */
article.genericContent.discontinued-products header.withImage figure {
background-position: center 71%;
}
article.genericContent.discontinued-products header.withImage .copyContainer h1 {
width: auto;
}
article.genericContent.discontinued-products header.withImage .copyContainer h1:after {
content: "";
display: block;
height: 1px;
width: 30%;
margin-top: 13px;
background-color: white;
}
article.genericContent.discontinued-products header.withImage .copyContainer p {
width: auto;
}
article.genericContent.discontinued-products section.WYSIWYG {
margin: auto;
width: 100%;
float: none;
}
article.genericContent.discontinued-products .disco-section {
margin-top: 2em;
}
article.genericContent.discontinued-products .disco-section h2 {
background-color: #aaa;
color: #fff;
padding: 0.2em 0.5em;
margin-bottom: 0;
font-weight: 400;
text-transform: uppercase;
}
article.genericContent.discontinued-products .disco-section.disco-herbal h2 {
background-color: #285E39;
}
article.genericContent.discontinued-products .disco-section.disco-green-teas h2 {
background-color: #63AC45;
background-color: #4C8334;
}
article.genericContent.discontinued-products .disco-section.disco-womens h2 {
background-color: #D35B73;
background-color: #CD425D;
}
article.genericContent.discontinued-products .disco-section.disco-seasonal h2 {
background-color: #BA1F31;
}
article.genericContent.discontinued-products .disco-section.disco-laxative h2 {
background-color: #7E4C9E;
}
article.genericContent.discontinued-products .disco-section.disco-single-serve h2 {
background-color: #285E39;
}
article.genericContent.discontinued-products .disco-section.disco-other h2 {
background-color: #285E39;
}
article.genericContent.discontinued-products .disco-section .disco-list {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
@media screen and (max-width: 572px) {
article.genericContent.discontinued-products .disco-section .disco-list {
justify-content: center;
}
}
article.genericContent.discontinued-products .disco-section .disco-item {
flex: 1 1 19%;
/* width: 21%; */
min-width: 200px;
max-width: 236px;
margin: 0 2em 2em;
text-align: center;
align-self: stretch;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
}
article.genericContent.discontinued-products .disco-section .disco-item p {
color: #285E39;
font-style: italic;
font-weight: bold;
font-size: 14px;
}
article.genericContent.discontinued-products .disco-section .disco-item a {
display: block;
color: #285E39;
font-size: 14px;
margin-bottom: 6px;
}
article.genericContent.discontinued-products .disco-section .disco-item .disco-item-header {
display: flex;
flex-flow: column;
min-height: 6.4em;
justify-content: flex-end;
}
article.genericContent.discontinued-products .disco-section .disco-item .disco-item-header h3 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-size: 1.5em;
width: 100%;
}
article.genericContent.discontinued-products .disco-section .disco-item .disco-item-header h3:after {
content: "";
display: block;
height: 2px;
width: 100%;
margin-top: 8px;
background-color: #285E39;
}
.disco-other {
margin-bottom: 80px;
}
/* ----- PLANT PAGES ----- */
article.plantPage header .plantHeaderBG {
width: 100%;
height: auto;
background-size: cover;
background-position: center top;
-moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
padding-top: 49.21875%;
}
article.plantPage header .inner {
width: 100%;
margin: 0 auto;
}
article.plantPage header h1 {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
padding: 25px 38px 0;
margin: 0;
}
article.plantPage header h1 span {
font-size: 40px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
}
article.plantPage header p {
width: 100%;
font-size: 18px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
padding: 25px 38px;
margin: 0;
}
article.plantPage header .plantImage {
width: 100%;
max-width: 290px;
padding: 0 38px;
margin: 20px auto;
}
article.plantPage header .plantImage div {
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
}
article.plantPage header .shareThisStory {
margin: 0 auto 38px;
}
article.plantPage section .plantDetailCollapsible {
border-bottom: 1px solid #d1c6be;
}
article.plantPage section .plantDetailCollapsible .contentLi .video {
display: block;
width: 293px;
height: 177px;
margin-bottom: 16px;
}
article.plantPage section .relatedProductsItems ul {
list-style: none;
}
article.plantPage section .relatedProductsItems ul li {
display: inline-block;
}
article.plantPage section .relatedProductsItems ul li a {
color: #662b14;
text-decoration: none;
}
article.plantPage section .relatedProductsItems ul li a:hover {
color: #b27e6b;
}
article.plantPage section .relatedProductsItems ul li a figure .imgWidth {
width: 96px;
margin: 0 auto;
}
article.plantPage section .relatedProductsItems ul li a figure .imgWidth .img {
min-height: 130px;
}
article.plantPage section .relatedProductsItems ul li a figure .img {
background-size: 100% auto;
background-repeat: no-repeat;
padding-top: 134.375%;
}
article.plantPage section .relatedProductsItems ul li a figure figcaption {
color: #662b14;
font-size: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
padding-top: 20px;
}
article.plantPage section .relatedProductsItems.wp-gallery.loaded {
margin-left: 38px;
margin-right: 38px;
}
article.plantPage section .relatedProductsItems.wp-gallery.loaded .slider {
padding: 0;
margin: 0;
}
article.plantPage section .relatedProductsItems.wp-gallery.loaded .slider .wp-gallery-item {
width: 135px;
margin-left: 20px;
margin-right: 20px;
}
article.plantPage section .relatedProductsItems.wp-gallery.loaded .leftArrow,
article.plantPage section .relatedProductsItems.wp-gallery.loaded .rightArrow {
width: 13px;
height: 50px;
margin-top: -25px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
filter: alpha(opacity=100);
zoom: 1;
}
article.plantPage section .relatedProductsItems.wp-gallery.loaded .leftArrow {
left: 0px;
background-image: url("../img/productDetailMobile_arrowBack.png");
background-position: center;
}
article.plantPage section .relatedProductsItems.wp-gallery.loaded .rightArrow {
right: 0px;
background-image: url("../img/productDetailMobile_arrowNext.png");
background-position: center;
}
article.plantPage section .otherPlants {
padding: 0 38px;
margin-bottom: 60px;
}
article.plantPage section .otherPlants h2 {
color: #275D38;
text-transform: uppercase;
padding: 0;
margin: 15px 0;
}
article.plantPage section .otherPlants .wp-gallery-container {
border-top: 2px solid #95776e;
border-bottom: 2px solid #95776e;
}
article.plantPage section .otherPlants .wp-gallery ul {
list-style: none;
}
article.plantPage section .otherPlants .wp-gallery ul li {
display: inline-block;
}
article.plantPage section .otherPlants .wp-gallery ul li a {
display: block;
color: #95776e;
text-decoration: none;
}
article.plantPage section .otherPlants .wp-gallery ul li a:hover, article.plantPage section .otherPlants .wp-gallery ul li a.currentPlant {
color: #275D38;
}
article.plantPage section .otherPlants .wp-gallery ul li a:hover figure, article.plantPage section .otherPlants .wp-gallery ul li a.currentPlant figure {
background-color: rgba(149, 119, 110, 0.1);
}
article.plantPage section .otherPlants .wp-gallery ul li a figure .imgWidth {
width: 107px;
margin: 0 auto;
}
article.plantPage section .otherPlants .wp-gallery ul li a figure .imgWidth .img {
min-height: 130px;
}
article.plantPage section .otherPlants .wp-gallery ul li a figure .img {
background-size: auto 100%;
background-repeat: no-repeat;
padding-top: 84.5%;
}
article.plantPage section .otherPlants .wp-gallery ul li a figure figcaption {
display: table-cell;
width: 107px;
height: 38px;
vertical-align: middle;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
padding: 3px 4px;
}
article.plantPage section .otherPlants .wp-gallery.loaded {
margin-left: 38px;
margin-right: 38px;
}
article.plantPage section .otherPlants .wp-gallery.loaded .slider {
padding: 0;
margin: 0;
}
article.plantPage section .otherPlants .wp-gallery.loaded .slider .wp-gallery-item {
width: 107px;
height: 128px;
}
article.plantPage section .otherPlants .wp-gallery.loaded .leftArrow,
article.plantPage section .otherPlants .wp-gallery.loaded .rightArrow {
width: 13px;
height: 50px;
margin-top: -25px;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
filter: alpha(opacity=50);
zoom: 1;
}
article.plantPage section .otherPlants .wp-gallery.loaded .leftArrow {
left: 0px;
background-image: url("../img/productDetailMobile_arrowBack.png");
background-position: center;
}
article.plantPage section .otherPlants .wp-gallery.loaded .rightArrow {
right: 0px;
background-image: url("../img/productDetailMobile_arrowNext.png");
background-position: center;
}
article.genericContent .shareThisStory,
article.plantPage .shareThisStory {
display: table;
width: 290px;
height: 44px;
color: #275D38;
font-size: 15px;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
background-color: #ffffff;
border: solid 1px #275D38;
padding: 0 5px 0 0;
margin: 0;
}
article.genericContent .shareThisStory span,
article.plantPage .shareThisStory span {
display: table-cell;
vertical-align: middle;
line-height: normal;
margin-right: 0px;
padding-left: 2px;
font-size: 13.5px;
}
article.genericContent .shareThisStory span .hideOnTinyScreen,
article.plantPage .shareThisStory span .hideOnTinyScreen {
display: inline;
}
article.genericContent .shareThisStory a,
article.plantPage .shareThisStory a {
display: table-cell;
vertical-align: middle;
padding-top: 5px;
}
article.genericContent .shareThisStory a.fbIcon img,
article.plantPage .shareThisStory a.fbIcon img {
margin-left: 0px;
margin-right: 0px;
}
article.genericContent .shareThisStory a.twitterIcon img,
article.plantPage .shareThisStory a.twitterIcon img {
margin-left: 0px;
margin-right: 0px;
}
article.genericContent .shareThisStory a.pinterestIcon img,
article.plantPage .shareThisStory a.pinterestIcon img {
margin-left: 0px;
padding-right: 5px;
}
article.genericContent .shareThisStory a.instagramIcon img,
article.plantPage .shareThisStory a.instagramIcon img {
margin-left: 0px;
padding-right: 5px;
}
@media only screen and (max-width: 365px) {
article.genericContent .shareThisStory,
article.plantPage .shareThisStory {
display: inline-block;
width: auto;
max-width: 290px;
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
article.genericContent .shareThisStory span .hideOnTinyScreen,
article.plantPage .shareThisStory span .hideOnTinyScreen {
display: none;
}
}
#youtubeModal {
display: none;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.35);
}
#youtubeModal .titleBar {
position: absolute;
z-index: 10;
top: 0px;
left: 0px;
right: 0px;
width: 90%;
height: 30px;
background-color: #fffbe8;
margin: 0 auto;
}
#youtubeModal .titleBar .closeButton {
position: absolute;
top: 5px;
right: 16px;
width: 19px;
height: 19px;
background-image: url("../img/mainNavClose.svg");
background-size: 19px 19px;
background-position: center right;
background-repeat: no-repeat;
cursor: pointer;
}
#youtubeModal .iframeContainer {
position: relative;
width: 90%;
height: 90%;
background-color: #000000;
margin: 2.5% auto;
}
#youtubeModal .iframeContainer iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
/* ----- SEARCH RESULTS ----- */
#searchResults a.searchResult {
display: block;
color: #275D38;
text-decoration: none;
border-top: 1px solid #275D38;
padding-top: 20px;
margin-top: 20px;
}
#searchResults a.searchResult:first-child {
border-top: none;
padding-top: 0;
margin-top: 0;
}
#searchResults a.searchResult:hover h2 {
color: #CEDC00;
}
#searchResults a.searchResult h2 {
text-transform: uppercase;
padding: 0;
margin: 0 0 0.85em 0;
}
#searchResults a.searchResult img {
display: none;
}
#searchResults a.searchResult .terms {
display: block;
font-size: 11px;
padding: 5px 0 0;
}
#searchResults .paging-navigation {
border-top: 1px solid #275D38;
padding-top: 20px;
margin-top: 20px;
}
#searchResults .paging-navigation .page-numbers {
display: inline-block;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
padding: 0 6px 0 0;
}
#searchResults .paging-navigation a {
color: #275D38;
text-decoration: none;
}
#searchResults .paging-navigation a:hover {
color: #CEDC00;
}
/* ----- PRODUCT LISTING ----- */
.productListingPage {
background: url("../img/backgroundTexture.jpg");
background-color: #fffae8;
}
.productListSideNav {
display: none;
}
.productIntro {
width: 76.875%;
margin-right: auto;
margin-left: auto;
}
.productIntro h1 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
font-size: 25px;
padding-top: 20px;
padding-bottom: 0px;
margin: 30px 0px 0px 0px;
}
.productIntro .productSymbol {
width: 37px;
display: block;
position: relative;
height: 35px;
float: right;
background-size: contain;
background-repeat: no-repeat;
background-position: center bottom;
margin: 15px 0px 0px 0px;
}
.productIntro .productSymbol.default {
background-image: url("../img/allProductsSymbolDefault.png");
}
.productIntro p {
margin: 0 0 30px;
}
div.categoryItems {
width: 76.875%;
height: auto;
overflow: hidden;
margin: 15px auto 20px auto;
position: relative;
text-align: center;
}
div.categoryItems ul {
width: 100%;
list-style-type: none;
padding: 0px;
}
div.categoryItems ul li {
display: inline-block;
list-style-type: none;
float: left;
width: 110px;
height: 207px;
margin: 0;
margin-right: 5%;
}
div.categoryItems ul li a {
display: block;
}
div.categoryItems ul li a,
div.categoryItems ul li a h2 {
color: #662b14;
font-size: 14px;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
font-weight: 500;
text-align: left;
text-decoration: none !important;
}
div.categoryItems ul li a:hover,
div.categoryItems ul li a:hover h2 {
color: #b27e6b;
}
div.categoryItems ul li a .productThumb {
width: 92px;
margin: 0 auto 0 0;
}
div.categoryItems ul li a .productThumb div {
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: left bottom;
}
div.categoryItems ul li.k-cup a .productThumb {
width: 100%;
}
div.categoryItems ul li.k-cup a .productThumb div {
padding-top: 112% !important;
}
/* ----- PRODUCT DETAIL ----- */
.productDetailPage {
background: url("../img/mainRepeating_light.jpg");
background-color: #fff9e9;
}
/*.productDetailContent {
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
background: none;
// Shadow z-index fix
position: relative;
z-index: 100;
@media screen and (min-width: 320px){
background: none !important;
}
}*/
.productDetailMain h1 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
font-size: 28px;
padding-top: 50px;
margin-top: 0px;
text-align: center;
margin-bottom: 5px;
color: #275D38;
}
@media screen and (max-width: 768px) {
.productDetailMain h1 {
margin-bottom: 10px;
}
}
.productDetailMain h1 sup {
top: 0.3em;
left: 0.1em;
font-size: 21px;
line-height: 1;
vertical-align: text-top;
margin-right: 0.1em;
}
.productDetailMain h1 + h1 {
margin-top: 0;
padding-top: 0;
}
@media screen and (min-width: 769px) and (max-width: 875px) {
.productDetailMain .tm-product-carousel-container {
position: relative;
top: 0;
margin: 2em auto 0;
}
}
@media screen and (max-width: 768px) {
.productDetailMain .tm-product-carousel-container {
position: static;
margin: 0 auto;
width: 100%;
}
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-large-photo img {
margin: 0 auto;
max-height: 408px;
max-width: 348px;
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.productDetailMain .tm-product-carousel-container .tm-product-carousel-large-photo {
max-width: 260px;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-large-photo img {
margin: 0 auto;
max-height: 260px;
max-width: 221px;
}
}
@media screen and (max-width: 768px) {
.productDetailMain .tm-product-carousel-container .tm-product-carousel-large-photo {
max-width: 240px;
margin: 0 auto;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-large-photo img {
margin: 0 auto;
max-height: 240px;
max-width: 204px;
}
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-large-photo a {
display: block;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails {
padding: 2em 0;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails:hover .slick-arrow:not(.slick-disabled) {
opacity: 1;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-arrow {
transition: opacity 0.2s ease;
opacity: 0;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-disabled {
opacity: 0;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-prev,
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-next {
border: 0;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
height: 1em;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-prev {
left: -1em;
background-image: url("/wp-content/themes/trme/img/icon-arrow-left-green.svg");
transform: translateY(-50%);
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-next {
right: -1em;
background-image: url("/wp-content/themes/trme/img/icon-arrow-left-green.svg");
transform: translateY(-50%) rotateZ(180deg);
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-slide {
opacity: 0.65;
padding: 0 5px;
transition: all 0.1s ease;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-slide.slick-current, .productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnails .slick-slide.slick-active {
opacity: 1;
}
.productDetailMain .tm-product-carousel-container .tm-product-carousel-thumbnail img {
max-height: 66px;
}
.productDetailMain figure {
width: 156px;
margin: 0 auto 20px auto;
}
.productDetailMain figure .img {
background-repeat: no-repeat;
background-size: 100% auto;
padding-top: 133.6206%;
}
.productDetailMain figure.k-cup {
width: 270px;
height: 220px;
}
.productDetailMain figure.k-cup + figure {
margin: -50px auto -20px;
}
.productDetailMain figure.k-cup + figure .img {
background-position: center top;
padding-top: 100%;
}
.productDetailMain #BVRRSummaryContainer {
width: 320px;
margin: 0 auto;
position: relative;
left: 55px;
}
.productDetailMain #BVRRSummaryContainer .bv-cleanslate [class*=bv-core-container] .bv-summary-bar .bv-rating.bv-text-link,
.productDetailMain #BVRRSummaryContainer .bv-cleanslate [class*=bv-core-container] .bv-primarySummary-rating-container .bv-rating-ratio-count,
.productDetailMain #BVRRSummaryContainer .bv-cleanslate [class*=bv-core-container] .bv-summary-bar-minimalist .bv-write-container .bv-submission-button {
font-family: "Gotham SSm A", "Gotham SSm B" !important;
}
.productDetailMain #BVRRSummaryContainer .bv-cleanslate [class*=bv-core-container] .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars {
line-height: 1.2em !important;
}
.productDetailMain .productDetailCollapsible {
border: none;
margin: 0;
}
.productDetailMain .productDetailCollapsible .navLi span {
color: #662b14;
}
.productDetailMain .productDetailCollapsible .contentLi {
background-color: #fcfaf3;
padding: 1px 5% 20px;
}
.productDetailMain .productDetailCollapsible .contentLi a.magnificationLink {
display: inline-block;
position: relative;
margin-bottom: 22px;
}
.productDetailMain .productDetailCollapsible .contentLi a.magnificationLink .magnifyingGlass {
position: absolute;
bottom: -12px;
right: -12px;
width: 35px;
height: 35px;
background-image: url("../img/productIngredientMagnify.svg");
background-repeat: no-repeat;
background-size: 100%;
}
.productDetailMain .productDetailActions.top {
margin: 15px 0px 25px 0px;
text-align: right;
}
.productDetailMain .productDetailActions.bottom {
display: none;
}
.productDetailMain .productDetailActions .buyNow {
float: left;
width: 135px;
height: 44px;
color: #ffffff;
font-size: 15px;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
vertical-align: middle;
background-color: #275D38;
padding: 14px 0px 16px 0px;
margin-left: 6%;
}
.productDetailMain .productDetailActions .buyNow a {
width: 135px;
height: 44px;
margin-top: 20px;
font-size: 14px;
text-decoration: none;
color: #ffffff;
background-color: #275D38;
text-align: center;
}
.productDetailMain .productDetailActions .shareNow {
float: right;
margin-right: 6%;
text-align: center;
width: 135px;
height: 44px;
color: #275D38;
font-size: 15px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
background-color: #fcfaf3;
border: 1px solid #275D38;
padding-right: 5px;
display: table;
vertical-align: middle;
}
.productDetailMain .productDetailActions .shareNow span {
display: none;
vertical-align: middle;
}
.productDetailMain .productDetailActions .shareNow a {
display: table-cell;
vertical-align: middle;
padding-top: 5px;
}
.productDetailMain .productDetailActions .shareNow img {
padding: 10px 2px 14px 2px;
margin-left: 0px;
}
.productDetailMain .productDetailActions.noBuyNow .shareNow {
float: none;
padding: 0;
margin: 0 auto;
}
@media screen and (min-width: 1281px) {
.productDetailMain {
max-width: 90%;
}
}
.productDetailRelated {
padding-top: 0px;
position: relative;
z-index: 200;
-moz-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1024px) {
.productDetailRelated {
padding: 0 80px 0;
}
}
@media screen and (max-width: 768px) {
.productDetailRelated {
padding: 0;
}
}
@media screen and (min-width: 320px) {
.productDetailRelated {
box-shadow: none;
padding-top: 0 !important;
}
}
@media screen and (max-width: 768px) {
.productDetailRelated .innerPadding {
padding: 0 1em;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.productDetailRelated.noRelatedContent.legacy-content .relatedProducts {
padding: 0 1em;
}
}
.productDetailRelated .relatedProducts {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
min-height: 230px;
}
.productDetailRelated .relatedProducts h2 {
text-align: left;
padding-bottom: 22px;
padding: 0 0 1.5em 1em;
padding: 0 0 1.5em 0;
margin-top: 20px;
}
.productDetailRelated .relatedProducts .arrows320 {
/*
* Just list the first three until we have time to add in x-scrolling support
*/
display: none;
position: absolute;
z-index: 5000 !important;
width: 92%;
margin-left: 4%;
margin-right: 4%;
margin-bottom: auto;
top: 50%;
}
.productDetailRelated .relatedProducts .arrows320 a.arrowBack {
float: left;
position: relative;
}
.productDetailRelated .relatedProducts .arrows320 a.arrowBack img {
width: 13px;
top: 50%;
height: 19px;
}
.productDetailRelated .relatedProducts .arrows320 a.arrowNext {
float: right;
}
.productDetailRelated .relatedProducts .arrows320 a.arrowNext img {
width: 13px;
top: 50%;
height: 19px;
}
.productDetailRelated .relatedProducts ul {
display: inline-table;
width: 100%;
list-style: none;
padding: 0 10%;
margin: 12px 0 0 0;
}
.productDetailRelated .relatedProducts ul li {
display: inline-block;
width: 30%;
width: 20%;
text-align: center;
padding: 0;
margin: 0 0 1.5em 0;
vertical-align: top;
}
.productDetailRelated .relatedProducts ul li a {
color: #662b14;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.productDetailRelated .relatedProducts ul li a:hover {
color: #275D38;
}
.productDetailRelated .relatedProducts ul li a:hover figure figcaption {
color: #275D38;
}
.productDetailRelated .relatedProducts ul li a figure {
display: inline-block;
}
.productDetailRelated .relatedProducts ul li a figure .imgWidth {
width: 96px;
max-width: 96px;
display: inline-block;
margin: 0 auto;
}
.productDetailRelated .relatedProducts ul li a figure .imgWidth .img {
min-height: 130px;
}
.productDetailRelated .relatedProducts ul li a figure .img {
background-size: 100% auto;
background-repeat: no-repeat;
padding-top: 134.375%;
background-position: left bottom;
}
.productDetailRelated .relatedProducts ul li a figure figcaption {
color: inherit;
font-size: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
padding: 20px 10px 0 10px;
transition: inherit;
}
.productDetailRelated .relatedProducts ul li a figure figcaption:hover {
color: inherit;
}
.productDetailRelated .relatedProducts .wp-gallery.loaded {
margin-left: 38px;
margin-right: 38px;
}
.productDetailRelated .relatedProducts .wp-gallery.loaded .slider {
padding: 0;
margin: 0;
}
.productDetailRelated .relatedProducts .wp-gallery.loaded .slider .wp-gallery-item {
width: 135px;
margin-left: 20px;
margin-right: 20px;
}
.productDetailRelated .relatedProducts .wp-gallery.loaded .leftArrow,
.productDetailRelated .relatedProducts .wp-gallery.loaded .rightArrow {
width: 13px;
height: 50px;
margin-top: -25px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
filter: alpha(opacity=100);
zoom: 1;
}
.productDetailRelated .relatedProducts .wp-gallery.loaded .leftArrow {
left: 0px;
background-image: url("../img/productDetailMobile_arrowBack.png");
background-position: center;
}
.productDetailRelated .relatedProducts .wp-gallery.loaded .rightArrow {
right: 0px;
background-image: url("../img/productDetailMobile_arrowNext.png");
background-position: center;
}
.productDetailRelated.noRelatedContent .relatedProducts {
margin-bottom: 30px;
}
.productDetailRelated .relatedContent {
padding-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.productDetailRelated .relatedContent {
padding-left: 1em;
padding-right: 1em;
}
}
@media screen and (max-width: 768px) {
.productDetailRelated .relatedContent {
padding-left: 0;
padding-right: 0;
}
}
.productDetailRelated .relatedContent h2 {
text-align: left;
padding: 0 0 1.5em 1em;
padding: 0 0 1.5em 0;
}
.productDetailRelated .relatedContent .tm-product-related-content {
width: 49.5%;
float: left;
}
@media screen and (max-width: 768px) {
.productDetailRelated .relatedContent .tm-product-related-content {
float: none;
width: 100%;
}
}
.productDetailRelated .relatedContent .tm-product-related-content.left-column .mainboxes {
float: none;
padding-top: calc(31.2331378% * 2);
padding-bottom: calc(31.2331378% * 2);
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.productDetailRelated .relatedContent .tm-product-related-content.left-column .mainboxes {
padding-bottom: 0%;
}
}
.productDetailRelated .relatedContent .tm-product-related-content.left-column .mainboxes.half {
width: 100%;
}
.productDetailRelated .relatedContent .tm-product-related-content.left-column .mainboxes .hoverable {
display: block;
width: 100%;
height: 100%;
}
.productDetailRelated .relatedContent .tm-product-related-content.left-column .mainboxes .hoverable .cellular {
display: table;
border: 0;
border-collapse: collapse;
height: 100%;
width: 100%;
}
.productDetailRelated .relatedContent .tm-product-related-content.left-column .mainboxes .hoverable .cellular .table-fix {
display: table-cell;
vertical-align: middle;
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column {
margin: 0 0 0 1%;
}
@media screen and (max-width: 768px) {
.productDetailRelated .relatedContent .tm-product-related-content.right-column {
margin: 2% 0 0 0;
}
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes {
float: none;
padding-bottom: 30.7331378%;
}
@media screen and (max-width: 768px) {
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes {
padding-bottom: 0;
}
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes:first-child {
margin: 0 0 2% 0;
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes:last-child {
margin: 0 0 0 0;
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes.half {
width: 100%;
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes .hoverable {
display: block;
width: 100%;
height: 100%;
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes .hoverable .cellular {
display: table;
border: 0;
border-collapse: collapse;
height: 100%;
width: 100%;
}
.productDetailRelated .relatedContent .tm-product-related-content.right-column .mainboxes .hoverable .cellular .table-fix {
display: table-cell;
vertical-align: middle;
}
.productDetailRelated .relatedContent .articleBlurb {
margin: 0 38px 30px 38px;
}
.productDetailRelated .relatedContent .articleBlurb h3 {
text-align: left;
}
.productDetailRelated .relatedContent .articleBlurb a {
text-align: left;
padding-bottom: 15px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
color: #275D38;
display: block;
border-bottom: 1px solid #662b14;
}
.productDetailRelated .relatedContent .articleBlurb p {
text-align: left;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
}
.productDetailRelated .relatedContent .arrows320 {
/*
* Just listing all of the content vertically for now, until we have time to add in x-scrolling support
*/
display: none;
position: absolute;
z-index: 5000 !important;
width: 92%;
margin-left: 4%;
margin-right: 4%;
margin-bottom: auto;
top: 50%;
}
.productDetailRelated .relatedContent .arrows320 a.arrowBack {
float: left;
position: relative;
}
.productDetailRelated .relatedContent .arrows320 a.arrowBack img {
width: 13px;
top: 50%;
height: 19px;
}
.productDetailRelated .relatedContent .arrows320 a.arrowNext {
float: right;
}
.productDetailRelated .relatedContent .arrows320 a.arrowNext img {
width: 13px;
top: 50%;
height: 19px;
}
@media screen and (min-width: 1281px) {
.productDetailRelated .innerPadding {
max-width: 90%;
}
}
/* ----- STORE FINDER ----- */
.storeFinderContent,
.contactContent {
margin: 0 auto;
padding-bottom: 50px;
}
.storeFinderContent form label {
display: block;
}
.storeFinderContent form input[type=text] {
width: 100px;
margin-right: 2em;
height: 25px;
padding: 0 0.5em;
}
.storeFinderContent form .formSelect {
position: relative;
height: 25px;
margin-bottom: 2em;
}
.storeFinderContent form .formSelect select {
position: absolute;
opacity: 0;
top: 0;
width: 100%;
z-index: 10;
cursor: pointer;
height: 25px;
border: 1px;
}
.storeFinderContent form .formSelect span {
background-color: #a58d79;
cursor: pointer;
width: 100%;
display: inline-block;
position: relative;
}
.storeFinderContent form .formSelect span:after {
top: 50%;
content: "";
position: absolute;
right: 1em;
border-top: 5px solid white;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
margin-top: -3px;
}
.storeFinderContent form #productSelection select,
.storeFinderContent form #productSelection span {
display: none;
}
.storeFinderContent form #productSelection.empty {
height: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.storeFinderContent table {
margin-top: 3em;
width: 100%;
}
.storeFinderContent table th {
text-align: left;
padding: 0 2em 2em 0;
}
.storeFinderContent table td {
vertical-align: top;
padding: 0 1em 1em 0;
}
.wp-gallery {
position: relative;
}
.wp-gallery .leftArrow,
.wp-gallery .rightArrow {
display: none;
}
.wp-gallery.loaded {
overflow: hidden;
}
.wp-gallery.loaded .slider {
position: relative;
top: 0px;
left: 0px;
width: 10000px;
}
.wp-gallery.loaded .slider .wp-gallery-slide {
float: left;
}
.wp-gallery.loaded .wp-gallery-item {
float: left;
}
.wp-gallery.loaded .leftArrow,
.wp-gallery.loaded .rightArrow {
display: block;
position: absolute;
top: 50%;
width: 26px;
height: 38px;
background-image: url("../img/galleryShortcodeArrows.png");
background-repeat: no-repeat;
margin-top: -19px;
cursor: pointer;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 60 ")";
filter: alpha(opacity=60);
zoom: 1;
-webkit-transition-property: compact(opacity, false, false, false, false, false, false, false, false, false);
-moz-transition-property: compact(opacity, false, false, false, false, false, false, false, false, false);
-o-transition-property: compact(opacity, false, false, false, false, false, false, false, false, false);
transition-property: compact(opacity, false, false, false, false, false, false, false, false, false);
-webkit-transition-duration: compact(1s, false, false, false, false, false, false, false, false, false);
-moz-transition-duration: compact(1s, false, false, false, false, false, false, false, false, false);
-o-transition-duration: compact(1s, false, false, false, false, false, false, false, false, false);
transition-duration: compact(1s, false, false, false, false, false, false, false, false, false);
}
.wp-gallery.loaded .leftArrow:hover,
.wp-gallery.loaded .rightArrow:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
filter: alpha(opacity=100);
zoom: 1;
}
.wp-gallery.loaded .leftArrow {
left: 10px;
background-position: center 0px;
}
.wp-gallery.loaded .rightArrow {
right: 10px;
background-position: center -38px;
}
/* ----- Contact page ----- */
.gform_wrapper {
margin: 0 !important;
}
.gform_wrapper .ginput_container {
position: relative;
}
.gform_wrapper .ginput_container span {
position: relative;
}
.gform_wrapper .ginput_container select {
position: absolute;
opacity: 0;
top: 0;
width: 100%;
z-index: 10;
cursor: pointer;
height: 28px;
border: 1px;
}
.gform_wrapper .ginput_container select + label {
background-color: #a58d79;
cursor: pointer;
width: 95%;
display: inline-block;
position: relative;
color: white;
padding: 0.5em 1em;
text-decoration: none;
border: 0;
height: 28px;
white-space: nowrap;
}
.gform_wrapper .ginput_container select + label:after {
top: 50%;
content: "";
position: absolute;
right: 1em;
border-top: 5px solid white;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
margin-top: -3px;
}
.gform_wrapper .emailField {
float: left;
width: 50%;
}
.gform_wrapper .emailField input {
width: 95% !important;
}
.gform_wrapper .phoneField {
clear: none !important;
float: right;
width: 49%;
}
.gform_wrapper .phoneField input {
width: 95% !important;
}
.gform_wrapper .formQuestionComment {
position: relative;
}
.gform_wrapper .formQuestionComment label {
background-color: #a58d79;
cursor: pointer;
width: 99%;
display: inline-block;
position: relative;
color: white;
padding: 0.5em 1em;
text-decoration: none;
border: 0;
height: 28px;
white-space: nowrap;
}
.gform_wrapper .formQuestionComment label:after {
top: 50%;
content: "";
position: absolute;
right: 1em;
border-top: 5px solid white;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
margin-top: -3px;
}
.gform_wrapper .formQuestionComment .ginput_container {
position: absolute;
top: 0;
width: 100%;
height: 25px;
}
.gform_wrapper input[type=submit] {
text-transform: uppercase;
}
.gform_wrapper input[type=submit]:after {
content: "»";
}
.gform_wrapper .top_label .gfield_label {
text-transform: uppercase;
}
.gform_wrapper .top_label .gfield_label:first-of-type {
margin-top: 0;
}
.gform_wrapper ul li.gfield {
margin-bottom: 6px;
}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
text-transform: uppercase;
margin-bottom: 15px !important;
}
.nameField > div {
padding-bottom: 0 !important;
}
.addressForm select + label {
margin-top: 0 !important;
}
.gform_footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ----- buttons ----- */
.button {
text-decoration: none;
border: 0;
white-space: nowrap;
}
.loading {
background-image: url(../img/495.GIF);
min-height: 100px;
background-position: center center;
background-repeat: no-repeat;
}
.error {
color: red;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/*
* Additional Styles for Brand Publishing System
* October 2014
*/
.articlewrap {
width: 80%;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 1281px) {
.articlewrap {
width: 90%;
}
}
.articlewrap .articlewrap {
width: 100% !important;
}
@media (max-width: 900px) {
.articlewrap--products {
width: 90%;
}
}
.tagline {
background-color: #CEDC00;
font-size: 16px;
position: absolute;
padding: 0.25em 0.75em;
top: 25px;
left: 0;
z-index: 5;
}
.tagline a {
color: #275D38;
text-decoration: none;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-size: 12px;
font-style: normal;
text-transform: uppercase;
}
.tagline {
background-color: #CEDC00;
font-size: 16px;
position: absolute;
padding: 0.25em 0.75em;
top: 25px;
left: 0;
z-index: 5;
}
.tagline a {
color: #275D38;
text-decoration: none;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-size: 12px;
font-style: normal;
text-transform: uppercase;
}
.articlebutton {
font-size: 12px;
display: inline-block;
text-decoration: none;
margin-top: 15px;
padding: 0.75em 1.5em;
text-transform: uppercase;
font-weight: 500;
}
.articledateline,
body.single-article .overlay-cell span {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
font-style: normal;
}
.mobileshare {
display: block;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 13px;
color: #502715;
margin-bottom: 30px;
}
.mobileshare img {
width: 30px;
height: auto;
margin-right: 5px;
}
.mainboxes {
cursor: pointer;
background-size: cover;
padding-top: 30.7331378%;
position: relative;
float: left;
margin-bottom: 1%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.mainboxes {
padding-top: 45%;
}
}
.mainboxes.full {
width: 100%;
}
.mainboxes.full .articletitle {
font-size: 40px;
line-height: 1;
margin-bottom: 0.25em;
}
.mainboxes.full .articletitle.articletitle-pushdown {
margin-top: 75px;
}
.single .mainboxes.full .articletitle, .single-trme_product .mainboxes.full .articletitle {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
}
.mainboxes.full .articledateline {
font-size: 16px;
margin-top: 0.75em;
max-width: 60%;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.mainboxes.full .articledateline {
max-width: 100%;
}
}
.mainboxes.half {
width: 49.5%;
margin-right: 1%;
}
.mainboxes.half.nopad {
width: 49.5%;
margin-right: 0%;
}
.mainboxes.half .articletitle {
font-size: 26px;
margin-bottom: 0.5em;
line-height: 1;
}
.mainboxes.half .articletitle.articletitle-pushdown {
margin-top: 75px;
}
.home .mainboxes.half .articletitle, .at-a-glance .mainboxes.half .articletitle {
font-size: 28px;
margin: 0 0 0.5em 0;
line-height: 1;
}
.single-trme_product .mainboxes.half .articletitle {
font-size: 30px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
}
.mainboxes.half .articledateline {
font-size: 16px;
margin-top: 0.75em;
line-height: 1.2;
}
.home .mainboxes.half .articledateline {
margin: 0.75em 0 0 0;
}
@media screen and (max-width: 520px) {
.home .mainboxes.half .articledateline {
display: none;
}
}
.mainboxes.twothirds {
width: 66%;
margin-right: 1%;
}
.mainboxes.twothirds .articletitle {
font-size: 26px;
margin-bottom: 0.5em;
max-width: 75%;
line-height: 1;
}
@media screen and (max-width: 768px) {
.mainboxes.twothirds .articletitle {
max-width: 100%;
}
}
.mainboxes.twothirds .articletitle.articletitle-pushdown {
margin-top: 75px;
}
.single .mainboxes.twothirds .articletitle, .single-trme_product .mainboxes.twothirds .articletitle {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
}
.home .mainboxes.twothirds .articletitle, .at-a-glance .mainboxes.twothirds .articletitle {
font-size: 32px;
margin: 0 0 0.5em 0;
line-height: 1;
}
.mainboxes.twothirds .articledateline {
font-size: 16px;
margin-top: 0.75em;
max-width: 75%;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.mainboxes.twothirds .articledateline {
max-width: 100%;
}
}
.home .mainboxes.twothirds .articledateline {
margin: 0.75em 0 0 0;
}
@media screen and (max-width: 520px) {
.home .mainboxes.twothirds .articledateline {
display: none;
}
}
.mainboxes.onethird {
width: 33%;
}
.mainboxes.onethird .articletitle {
font-size: 26px;
line-height: 1;
margin-bottom: 0.5em;
}
.mainboxes.onethird .articletitle.articletitle-pushdown {
margin-top: 75px;
}
.single .mainboxes.onethird .articletitle, .single-trme_product .mainboxes.onethird .articletitle {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
}
.mainboxes.onethird .articledateline {
font-size: 16px;
margin-top: 0.75em;
line-height: 1.2;
}
body.post-type-archive-article .articletitle,
body.post-type-archive-article .archive-title,
body.single-article .archive-title,
body.single-article .overlay-cell h1,
body.single-article .overlay-cell h2,
body.home .articletitle,
body.at-a-glance .articletitle,
body.search .archive-title,
body.search .articletitle,
body.tag .archive-title,
body.tag .articletitle {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
}
.articlewrap,
.articlewrap p,
.article-left,
.article-right {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 22px;
}
.articlewrap h1,
.articlewrap h2,
.articlewrap p h1,
.articlewrap p h2,
.article-left h1,
.article-left h2,
.article-right h1,
.article-right h2 {
color: #275D38;
}
.articlewrap img.aligncenter,
.articlewrap p img.aligncenter,
.article-left img.aligncenter,
.article-right img.aligncenter {
margin: 0 auto;
display: block;
}
.trm-legacy-article-content,
.trm-updated-article {
margin: 2em 0 0;
}
.trm-legacy-article-content p:last-of-type:after {
content: url(../img/trm-article-leaf-mug.png);
margin-left: 2px;
}
.trm-updated-article > div:last-of-type > div:not(.trm-right-column-quote):not(.trm-left-featured-product):not(.trm-left-column-quote):not(.trm-right-featured-product):not(.trm-right-download-content):not(.trm-left-download-content) > p:last-of-type:after {
content: url(../img/trm-article-leaf-mug.png);
margin-left: 4px;
}
.trm-updated-article div:last-of-type.trm-single-column-content > p:last-of-type:after {
content: url(../img/trm-article-leaf-mug.png);
margin-left: 4px;
}
.articlewrap .trm-legacy-article-content p {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.articlewrap .trm-legacy-article-content p img {
width: 100%;
height: auto;
}
.articlewrap .trm-legacy-article-content p img.trm-inline-image {
max-width: 100px !important;
height: 80px !important;
}
.articlewrap .trm-legacy-article-content p a {
color: #275D38;
text-decoration: none;
}
.articlewrap .trm-legacy-article-content p a img.trm-inline-image {
max-width: 100px !important;
height: 80px !important;
}
.hoverable {
width: 100%;
height: 100%;
display: table;
color: #FFF;
font-size: 42px;
padding-left: 20px;
padding-right: 20px;
background-color: rgba(45, 44, 44, 0.5);
text-decoration: none;
}
@media screen and (max-width: 768px) {
.hoverable > div {
display: table-cell;
vertical-align: middle;
}
}
.cellular {
display: table-cell;
vertical-align: middle;
transition: all 0.25s ease-in-out;
}
.placement {
position: absolute;
top: 0;
left: 0;
z-index: 4;
width: 100%;
height: 100%;
}
.hoverable hr {
width: 33%;
margin: 0;
}
@media screen and (max-width: 520px) {
.hoverable hr {
display: none;
}
}
.mainboxes .hoverable {
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
text-decoration: none !important;
}
.mainboxes .hoverable .tagline a {
text-decoration: none !important;
color: #275D38;
}
.tm-landing-wrapper .trm-related-product a {
text-decoration: none;
}
.mainboxes:hover .hoverable {
background-color: rgba(51, 51, 51, 0.75);
}
.mainboxes:hover .hoverable .cellular {
box-shadow: rgba(0, 0, 0, 0.25);
}
.hovermenu {
position: fixed;
top: 120px;
left: 0px;
min-height: 160px;
min-width: 145px;
z-index: 9999;
}
.trm-ppj-nav-container {
position: relative;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.trm-ppj-nav-container {
max-width: 320px;
}
}
.trm-ppj-nav-container span {
vertical-align: middle;
display: table-cell;
width: 100%;
height: auto;
text-align: center;
}
.trm-ppj-nav-container .trm-ppj-nav-close {
position: absolute;
top: 0;
right: -50px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
background-color: #275D38;
color: #662b14;
width: 50px;
height: 50px;
display: table;
opacity: 0;
cursor: pointer;
font-size: 24px;
transition: all 0.3s ease-in-out;
}
.trm-ppj-nav-container .trm-ppj-nav-close.trm-ppj-nav-open {
opacity: 1;
top: -50px;
right: 0;
}
.trm-qd_about-nav,
.trm-ppj-nav {
width: 100%;
max-width: 1012px;
margin: 0 auto 2em;
}
.trm-qd_about-nav:focus,
.trm-ppj-nav:focus {
outline: none;
}
.trm-qd_about-nav *:focus,
.trm-ppj-nav *:focus {
outline: none;
}
.single .trm-qd_about-nav,
.single .trm-ppj-nav {
margin: 6em auto 2em;
}
@media screen and (max-width: 768px) {
.single .trm-qd_about-nav,
.single .trm-ppj-nav {
margin: 5em auto 2em;
}
}
.trm-qd_about-nav span,
.trm-ppj-nav span {
display: none;
}
.trm-qd_about-nav ul,
.trm-ppj-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
transition: all 0.3s ease-in-out;
}
.trm-qd_about-nav ul li,
.trm-ppj-nav ul li {
display: inline-block;
margin: 0 0.5% 1.5% 0.5%;
}
@media screen and (max-width: 970px) {
.trm-qd_about-nav ul li,
.trm-ppj-nav ul li {
margin: 0 0.2% 1.2% 0.2%;
}
}
@media screen and (max-width: 835px) {
.trm-qd_about-nav ul li,
.trm-ppj-nav ul li {
margin: 0;
}
}
.trm-qd_about-nav ul li:first-child,
.trm-ppj-nav ul li:first-child {
margin: 0 0.5% 0 0;
}
@media screen and (max-width: 970px) {
.trm-qd_about-nav ul li:first-child,
.trm-ppj-nav ul li:first-child {
margin: 0 0.2% 0 0;
}
}
.trm-qd_about-nav ul li:last-child,
.trm-ppj-nav ul li:last-child {
margin: 0 0 0 0.5%;
}
@media screen and (max-width: 970px) {
.trm-qd_about-nav ul li:last-child,
.trm-ppj-nav ul li:last-child {
margin: 0 0 0 0.2%;
}
}
@media screen and (max-width: 835px) {
.trm-qd_about-nav ul li:last-child,
.trm-ppj-nav ul li:last-child {
margin: 0;
}
}
.trm-qd_about-nav ul li a,
.trm-ppj-nav ul li a {
text-decoration: none;
font-size: 16px;
padding: 0.5em 0.75em;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
background-color: transparent;
color: #275D38;
text-transform: uppercase;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
@media screen and (max-width: 960px) {
.trm-qd_about-nav ul li a,
.trm-ppj-nav ul li a {
font-size: 15px;
padding: 0.5em 0.6em;
}
}
@media screen and (max-width: 835px) {
.trm-qd_about-nav ul li a,
.trm-ppj-nav ul li a {
padding: 0.5em 0.4em;
}
}
@media screen and (max-width: 768px) {
.trm-qd_about-nav ul li a,
.trm-ppj-nav ul li a {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.trm-qd_about-nav,
.trm-ppj-nav {
max-width: 320px;
position: relative;
margin: 0 auto 2em;
background: #275D38;
outline: none;
color: #CEDC00;
padding: 10px;
z-index: 8000;
cursor: pointer;
}
.trm-qd_about-nav:after,
.trm-ppj-nav:after {
content: " ";
width: 0;
height: 0;
position: absolute;
right: 16px;
top: 45%;
border-top: solid 6px #ffffff;
border-right: solid 6px transparent;
border-bottom: solid 6px transparent;
border-left: solid 6px transparent;
}
.trm-qd_about-nav.active:after,
.trm-ppj-nav.active:after {
border-top: solid 6px transparent;
border-right: solid 6px transparent;
border-bottom: solid 6px #ffffff;
border-left: solid 6px transparent;
top: 32%;
}
.trm-qd_about-nav.active ul,
.trm-ppj-nav.active ul {
background: #275D38;
opacity: 1;
pointer-events: all;
}
.trm-qd_about-nav.active ul li a:hover,
.trm-ppj-nav.active ul li a:hover {
background: #CEDC00;
color: #275D38;
}
.trm-qd_about-nav span,
.trm-ppj-nav span {
font-size: 18px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
text-transform: uppercase;
display: block;
}
.trm-qd_about-nav ul,
.trm-ppj-nav ul {
position: absolute;
z-index: 8000;
top: 100%;
left: 0;
right: 0;
opacity: 0;
pointer-events: none;
}
.trm-qd_about-nav ul li,
.trm-ppj-nav ul li {
display: block;
margin: 0;
position: relative;
z-index: 8000;
}
.trm-qd_about-nav ul li:first-child, .trm-qd_about-nav ul li:last-child,
.trm-ppj-nav ul li:first-child,
.trm-ppj-nav ul li:last-child {
margin: 0;
}
.trm-qd_about-nav ul li a,
.trm-ppj-nav ul li a {
position: relative;
z-index: 8000;
display: block;
color: #ffffff;
}
}
@media screen and (max-width: 320px) {
.trm-qd_about-nav,
.trm-ppj-nav {
max-width: 280px;
left: -7px;
}
}
.trm-qd_about-nav {
margin: 6em auto 2em;
}
@media screen and (max-width: 768px) {
.trm-qd_about-nav {
margin: 5em auto 2em;
}
}
.hovermenu .menu_abbr,
.hovermenu .menu_full {
padding: 5px 10px;
background-color: #C36E2C;
font-size: 18px;
font-style: italic;
color: #FFF;
position: absolute;
top: 0;
left: 0;
z-index: 20;
height: 32px;
white-space: nowrap;
cursor: pointer;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
}
.hovermenu .menu_body {
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.53);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.53);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.53);
background-color: #FFF;
width: 120px;
padding: 20px;
padding-top: 40px;
position: absolute;
top: 8px;
left: 0;
z-index: 19;
}
.hovermenu .menu_body a {
text-decoration: none;
text-transform: uppercase;
color: #7F3210;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
font-style: normal;
}
.hovermenu .menu_body a:hover {
color: #C36E2C;
}
.hovermenu .menu_body ul {
padding-left: 0px;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
}
.hovermenu .menu_body ul li {
margin-top: 0;
width: 100px;
}
.innerbod {
position: relative;
}
.article-left {
width: 49%;
margin-right: 2%;
float: left;
}
.article-right {
width: 49%;
float: left;
}
.breadcrumb_article {
display: block;
margin-top: 50px;
float: left;
margin-left: 10%;
color: #C57D55;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
.breadcrumb_article a {
color: #C57D55;
}
.article-hero {
width: 100%;
height: auto;
}
.hero-wrap {
position: relative;
height: auto;
}
.hero-wrap h1 {
/*display:inline;*/
}
.hero-wrap .hero-title {
text-align: center;
}
.hero-wrap .hero-title h1 {
color: #275D38;
font-size: 45px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
line-height: 1;
margin: 0.5em 0;
}
@media screen and (max-width: 480px) {
.hero-wrap .hero-title h1 {
font-size: 48px;
}
}
.hero-wrap .hero-title h1 + p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
font-style: italic;
color: #662b14;
font-size: 14px;
}
.hero-wrap .hero-title h1 + p a {
color: #275D38;
text-decoration: none;
}
@media screen and (max-width: 510px) {
.hero-wrap .hero-title .trm-article-heading--social-sharing ul li {
display: block;
}
}
.hero-wrap .hero-title .trm-article-heading--social-sharing ul {
list-style-type: none;
margin: 0 0 2em 0;
text-align: center;
padding: 0;
}
.hero-wrap .hero-title .trm-article-heading--social-sharing ul li {
display: inline-block;
margin: 0 0.5em;
}
@media screen and (max-width: 510px) {
.hero-wrap .hero-title .trm-article-heading--social-sharing ul li {
font-size: 10px;
margin: 1em;
}
}
.hero-wrap .hero-title .trm-article-heading--social-sharing ul li:first-child {
margin: 0 0.5em 0 0;
}
.hero-wrap .hero-title .trm-article-heading--social-sharing ul li:last-child {
margin: 0 0 0 0.5em;
}
.hero-wrap .hero-title .trm-article-heading--social-sharing ul li a {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
color: #275D38;
font-size: 14px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.hero-wrap .hero-title .trm-article-heading--social-sharing ul li a img {
cursor: pointer;
}
.overlay-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-decoration: none;
background-color: rgba(45, 44, 44, 0.5);
}
.overlay-tbl {
width: 100%;
height: 100%;
display: table;
}
.overlay-cell {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #FFFFFF;
height: 100%;
}
.overlay-cell h1 {
color: #FFF;
margin: 0 auto;
font-size: 42px;
}
.overlay-cell i {
font-size: 20px;
}
.overlay-cell h2 {
font-size: 28px;
margin: 0 auto;
}
.overlay-cell hr {
width: 65%;
margin: 0px auto 5px auto;
}
.overlay-cell span {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.template3push {
width: 78%;
margin: 0 auto;
}
.post_wrap {
width: 97%;
margin-left: 1.5%;
margin-right: 1.5%;
padding-top: 20.269005848%;
float: left;
position: relative;
}
.orangeline {
border-top: 1px solid #C57D55;
height: 1px;
margin-top: 0;
margin-bottom: 15px;
}
.orangetitle {
color: #C57D55;
font-size: 18px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}
.article-slider div {
min-height: 200px;
}
.single-article .archive-header .archive-title {
margin: 0 0 0 0;
font-size: 36px;
font-weight: normal;
}
.post-type-archive-article .archive-header h1.archive-title {
font-size: 36px;
font-weight: normal;
color: #275D38;
}
.post-type-archive-article .archive-header span {
padding: 0 20px;
}
body.search .archive-header h1.archive-title {
font-size: 36px;
font-weight: normal;
}
body.tag .archive-header h1.archive-title {
font-size: 36px;
font-weight: normal;
}
.article-h1 {
display: inline;
}
.show_desktop {
display: block;
}
.show_mobile {
display: none;
}
.no-banner {
width: 100%;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 13px;
color: #502715;
}
.no-banner img {
width: 25px;
height: auto;
margin: 5px;
cursor: pointer;
}
.social-hover {
position: absolute;
bottom: 15px;
right: 15px;
}
.social-hover img {
width: 20px;
height: auto;
margin-left: 5px;
cursor: pointer;
}
.callout-line {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 1.8em;
line-height: 1em;
}
.callout-body {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 500;
font-style: normal;
}
object#solar_widget {
width: 100%;
}
@media (max-width: 768px) {
.page-id-1091 object {
display: none;
}
.social-hover {
display: none;
}
.show_desktop {
display: none;
}
.show_mobile {
display: block;
}
.tagline {
display: none;
}
.mainboxes {
padding-top: 67.7215189873%;
padding-top: 85%;
}
.mainboxes .hoverable {
opacity: 1;
}
.full,
.half,
.twothirds,
.onethird {
width: 100% !important;
margin-right: 0 !important;
}
.mainboxes.full .hoverable,
.mainboxes.half .hoverable,
.mainboxes.twothirds .hoverable,
.mainboxes.onethird .hoverable {
padding-top: 0% !important;
}
.articletitle {
margin-top: 0px !important;
font-size: 20px !important;
line-height: 20px !important;
}
.articledateline {
font-size: 18px !important;
line-height: 18px !important;
}
.article-left,
.article-right {
width: 100%;
margin-right: 0;
float: none;
}
.template3push {
width: 100%;
}
.overlay-cell h1 {
font-size: 36px;
font-weight: normal;
}
.overlay-cell i {
font-size: 14px;
}
.post_wrap {
padding-top: 12.269005848%;
}
.breadcrumb_article {
display: inline-block;
margin-top: 40px;
float: none;
width: 80%;
text-align: center;
color: #C57D55;
font-family: Arial, Helvetica, sans-serif;
}
.breadcrumb_article a {
color: #C57D55;
}
.hero-wrap .overlay-wrap {
display: none;
}
}
@media screen and (max-width: 480px) {
.articledateline {
font-size: 15px !important;
line-height: 18px !important;
}
}
.trm-back-to-top {
cursor: pointer;
right: 28px;
top: 0;
opacity: 0;
z-index: 1000;
}
@media screen and (max-width: 480px) {
.trm-back-to-top {
display: none;
}
}
.trm-back-to-top img {
display: block;
width: 65%;
max-width: 46px;
margin: 0 auto 0.25em;
}
.trm-back-to-top p {
color: #275D38;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-size: 18px;
font-weight: 700;
margin: 0;
text-align: center;
}
.trm-related-articles--heading {
font-size: 34px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
color: #662b14;
line-height: 1;
text-align: center;
margin: 1.5em 0 1.25em;
}
.trm-newsletter-cta {
margin: 1% 0;
float: none;
clear: both;
width: 100%;
}
.single .trm-newsletter-cta {
margin: 5% 0 3.5%;
}
.single-trme_product .trm-newsletter-cta {
margin: 1% 0 3.5% 0;
}
@media screen and (max-width: 768px) {
.single-trme_product .trm-newsletter-cta {
margin: 2% 0 3.5% 0;
}
}
.trm-newsletter-cta:after {
content: "";
display: table;
clear: both;
}
.trm-newsletter-cta .trm-newsletter-cta-container {
min-height: 95px;
}
@media screen and (max-width: 768px) {
.trm-newsletter-cta .trm-newsletter-cta-container {
height: auto;
}
}
.trm-newsletter-cta .trm-newsletter-cta-container:after {
content: "";
display: table;
clear: both;
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy,
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form {
width: 50%;
display: inline-block;
float: left;
color: #ffffff;
}
@media screen and (max-width: 768px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy,
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form {
float: none;
width: 100%;
display: block;
}
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy {
background: #275D38;
display: table;
height: 100%;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy {
padding: 2% 4.5% 2.5%;
}
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy .trm-newletter-cta-copy-aligner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy h2,
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy p {
margin: 0;
color: inherit;
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy h2 {
font-family: inherit;
font-size: 18px;
font-weight: 700;
margin: 0 0 0.25em 0;
text-transform: none;
padding: 0;
text-align: center;
}
@media screen and (max-width: 480px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy h2 {
font-size: 16px;
}
}
@media screen and (max-width: 320px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy h2 {
font-size: 14px;
}
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-copy p {
font-family: inherit;
font-size: 12px;
font-weight: 400;
padding: 0;
text-align: center;
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form {
background: url("../img/trm-newsletter-bg.jpg") no-repeat;
display: table;
background-size: cover;
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container {
padding: 2rem 3rem;
width: 100%;
max-width: 100%;
display: table-cell;
vertical-align: middle;
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form label {
font-size: 0;
visibility: hidden;
text-indent: -9999px;
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form input[type=email] {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
line-height: 1;
padding: 1em 0.5em 1em 1em;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
vertical-align: middle;
width: 77%;
}
@media screen and (max-width: 1024px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form input[type=email] {
width: 74%;
}
}
@media screen and (max-width: 905px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form input[type=email] {
width: 70%;
}
}
@media screen and (max-width: 785px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form input[type=email] {
width: 68%;
}
}
@media screen and (max-width: 768px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form input[type=email] {
width: 100%;
}
}
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form button[type=submit] {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background: #275D38;
color: #ffffff;
line-height: 1;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-weight: 700;
padding: 16px 1.5em;
vertical-align: middle;
width: 80px;
}
.home .trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form button[type=submit], .at-a-glance .trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form button[type=submit], .single-trme_product .trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form button[type=submit] {
padding: 13.5px 1.5em;
}
@media screen and (max-width: 768px) {
.trm-newsletter-cta .trm-newsletter-cta-container .trm-newsletter-cta-form .trm-newsletter-cta-form-container form button[type=submit] {
width: 100%;
}
}
.trm-newsletter-header button {
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-style: normal;
font-size: 11px;
letter-spacing: 0px;
margin: 0px;
padding: 2px 0px 2px 0px;
float: left;
background: #275D38;
height: 20px;
width: 61px;
border: none;
font-weight: 700;
text-transform: uppercase;
}
.trm-newsletter-header input {
border: none;
border-radius: 0;
float: left;
font-style: normal;
width: 195px;
padding: 2px 5px;
color: #275D38;
background-color: #ffffff;
border: 1px solid #275D38;
border-right: 0;
}
.trm-newsletter-header ::placeholder {
color: #333333;
}
.trm-newsletter-header label {
display: none;
}
.trm-newsletter-header p {
color: #275D38;
font-size: 11px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
margin: 0;
margin-bottom: 10px;
text-transform: uppercase;
text-decoration: none;
}
.trm-newsletter-header p .hide {
display: none;
}
.trm-newsletter-header #headerSubscribe {
margin-top: 2px;
}
.trm-mobile-share-tab {
background-color: #275D38;
color: #ffffff;
padding: 6px 12px 6px 6px;
border-radius: 0 8px 8px 0;
max-width: 36px;
position: fixed;
top: 100px;
cursor: pointer;
z-index: 500;
transition: all 0.3s ease-in-out;
}
.trm-mobile-share-tab.tab-active {
background-color: #CEDC00;
}
@media screen and (min-width: 769px) {
.trm-mobile-share-tab {
opacity: 0;
}
}
@media screen and (max-width: 768px) {
.trm-mobile-share-tab {
opacity: 1;
}
}
.trm-mobile-share-tab i {
font-size: 18px;
}
.trm-scrolling-share {
max-width: 60px;
cursor: pointer;
left: 48px;
top: 0;
opacity: 0;
z-index: 1000;
}
@media screen and (max-width: 960px) {
.trm-scrolling-share {
left: 28px;
}
}
@media screen and (max-width: 768px) {
.trm-scrolling-share {
transition: all 0.3s ease-in-out;
left: -40px;
}
}
@media screen and (max-width: 480px) {
.trm-scrolling-share {
padding: 16px 12px 16px 10px;
left: -56px;
background-color: #fffcf4;
border-radius: 0 5px 5px 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
}
.trm-scrolling-share.sharing-active {
left: 0px;
}
.trm-scrolling-share p {
text-align: center;
color: #275D38;
font-size: 1em;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-weight: 700;
margin: 0 0 1em 0;
}
.trm-scrolling-share ul {
text-align: center;
list-style-type: none;
padding: 0;
margin: 0;
}
.trm-scrolling-share ul li {
margin: 1em 0;
}
.trm-scrolling-share ul li:first-child {
margin: 0 0 1em 0;
}
.trm-scrolling-share ul li:last-child {
margin: 1em 0 0 0;
}
.trm-scrolling-share ul li a {
display: block;
cursor: pointer;
}
.trm-scrolling-share ul li a img {
cursor: pointer;
width: 40px;
}
.trm-scrolling-share-locator {
margin-bottom: 20px;
text-decoration: none;
text-align: center;
width: 100%;
}
.trm-scrolling-share-locator span:before {
color: #275D38;
line-height: 1;
font-family: FontAwesome;
font-size: 36px;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "";
}
.trm-newsletter-overlay {
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11000;
display: none;
}
.trm-newsletter-modal .trm-newsletter-content > div {
padding: 4em 5em;
}
@media screen and (min-width: 481px) and (max-width: 910px) {
.trm-newsletter-modal .trm-newsletter-content > div {
padding: 3.5em 3.5em;
}
}
@media screen and (max-width: 480px) {
.trm-newsletter-modal .trm-newsletter-content > div {
padding: 3em 1em;
}
}
.trm-newsletter-product-modal .trm-newsletter-content {
padding: 4em 5em;
}
@media screen and (min-width: 481px) and (max-width: 910px) {
.trm-newsletter-product-modal .trm-newsletter-content {
padding: 3.5em 3.5em;
}
}
@media screen and (max-width: 480px) {
.trm-newsletter-product-modal .trm-newsletter-content {
padding: 3em 1em;
}
}
.trm-newsletter-modal,
.trm-newsletter-product-modal {
box-shadow: 0 0 100px 1px rgba(0, 0, 0, 0.5);
position: absolute;
top: 10%;
left: 20%;
z-index: 12000;
width: 90%;
max-width: 800px;
height: auto;
min-height: 550px;
background: #275D38;
padding: 30px;
display: none;
}
@media screen and (max-width: 480px) {
.trm-newsletter-modal,
.trm-newsletter-product-modal {
width: 90%;
left: 5%;
top: 5%;
}
}
.trm-newsletter-modal .trm-newsletter-content,
.trm-newsletter-product-modal .trm-newsletter-content {
border: 2px solid #ffffff;
width: 100%;
height: auto;
min-height: 490px;
position: relative;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
}
.trm-newsletter-modal .trm-newsletter-content .trm-modal-image,
.trm-newsletter-product-modal .trm-newsletter-content .trm-modal-image {
width: 100%;
height: auto;
}
.trm-newsletter-modal .trm-newsletter-content .trm-modal-close,
.trm-newsletter-product-modal .trm-newsletter-content .trm-modal-close {
width: 30px;
height: 30px;
background: url("../img/trm-newsletter-close.png") center center/30px 30px no-repeat;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
z-index: 1000;
}
.trm-newsletter-modal .trm-newsletter-content .h2,
.trm-newsletter-modal .trm-newsletter-content p,
.trm-newsletter-modal .trm-newsletter-content input,
.trm-newsletter-modal .trm-newsletter-content button,
.trm-newsletter-product-modal .trm-newsletter-content .h2,
.trm-newsletter-product-modal .trm-newsletter-content p,
.trm-newsletter-product-modal .trm-newsletter-content input,
.trm-newsletter-product-modal .trm-newsletter-content button {
font-family: inherit;
}
.trm-newsletter-modal .trm-newsletter-content .h2,
.trm-newsletter-modal .trm-newsletter-content p,
.trm-newsletter-modal .trm-newsletter-content button,
.trm-newsletter-product-modal .trm-newsletter-content .h2,
.trm-newsletter-product-modal .trm-newsletter-content p,
.trm-newsletter-product-modal .trm-newsletter-content button {
color: #ffffff;
}
.trm-newsletter-modal .trm-newsletter-content .h2,
.trm-newsletter-modal .trm-newsletter-content p,
.trm-newsletter-product-modal .trm-newsletter-content .h2,
.trm-newsletter-product-modal .trm-newsletter-content p {
text-align: center;
}
.trm-newsletter-modal .trm-newsletter-content .h2,
.trm-newsletter-product-modal .trm-newsletter-content .h2 {
font-weight: 700;
font-size: 28px;
font-style: normal;
margin: 0 0 0.5em 0;
}
@media screen and (min-width: 481px) and (max-width: 910px) {
.trm-newsletter-modal .trm-newsletter-content .h2,
.trm-newsletter-product-modal .trm-newsletter-content .h2 {
font-size: 22px;
}
}
@media screen and (max-width: 480px) {
.trm-newsletter-modal .trm-newsletter-content .h2,
.trm-newsletter-product-modal .trm-newsletter-content .h2 {
font-size: 20px;
}
}
.trm-newsletter-modal .trm-newsletter-content p,
.trm-newsletter-product-modal .trm-newsletter-content p {
font-weight: 400;
margin: 0;
font-size: 16px;
}
@media screen and (min-width: 481px) and (max-width: 910px) {
.trm-newsletter-modal .trm-newsletter-content p,
.trm-newsletter-product-modal .trm-newsletter-content p {
font-size: 15px;
}
}
@media screen and (max-width: 480px) {
.trm-newsletter-modal .trm-newsletter-content p,
.trm-newsletter-product-modal .trm-newsletter-content p {
font-size: 14px;
}
}
.trm-newsletter-modal .trm-newsletter-content p.trm-newsletter-opt-out,
.trm-newsletter-product-modal .trm-newsletter-content p.trm-newsletter-opt-out {
font-size: 14px;
font-style: italic;
margin: 1em 0 0 0;
cursor: pointer;
}
.trm-newsletter-modal .trm-newsletter-content form,
.trm-newsletter-product-modal .trm-newsletter-content form {
width: 70%;
margin: 1.5em auto;
}
.trm-newsletter-modal .trm-newsletter-content form label,
.trm-newsletter-product-modal .trm-newsletter-content form label {
font-size: 0;
visibility: hidden;
text-indent: -9999px;
}
.trm-newsletter-modal .trm-newsletter-content form input[type=email],
.trm-newsletter-product-modal .trm-newsletter-content form input[type=email] {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
line-height: 1;
padding: 1em 0.5em 1em 1em;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
vertical-align: middle;
width: 77%;
}
@media screen and (max-width: 768px) {
.trm-newsletter-modal .trm-newsletter-content form input[type=email],
.trm-newsletter-product-modal .trm-newsletter-content form input[type=email] {
width: 100%;
}
}
.trm-newsletter-modal .trm-newsletter-content form button[type=submit],
.trm-newsletter-product-modal .trm-newsletter-content form button[type=submit] {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background: #CEDC00;
color: #275D38;
line-height: 1;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-weight: 700;
padding: 14px 1.5em 13px 1.5em;
vertical-align: middle;
width: 80px;
}
@media screen and (max-width: 768px) {
.trm-newsletter-modal .trm-newsletter-content form button[type=submit],
.trm-newsletter-product-modal .trm-newsletter-content form button[type=submit] {
width: 100%;
}
}
.trm-newsletter-modal .trm-newsletter-content input,
.trm-newsletter-product-modal .trm-newsletter-content input {
font-weight: 400;
}
.trm-newsletter-modal .trm-newsletter-content button,
.trm-newsletter-product-modal .trm-newsletter-content button {
font-weight: 700;
}
.trm-three-column {
margin: 1em auto 1em;
}
.trm-three-column:after {
content: "";
display: table;
clear: both;
}
.trm-three-column .trm-left-column-quote {
margin-bottom: 1em;
min-height: 1px;
}
@media screen and (max-width: 780px) {
.trm-three-column .trm-left-column-quote {
margin: 0 1.5em 0 0;
}
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-left-column-quote {
float: none;
width: 100%;
margin: 1.5em 0 1em;
}
}
.trm-three-column .trm-left-column-quote p {
border-top: 2px solid #275D38;
border-bottom: 2px solid #275D38;
font-size: 33px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
line-height: 1.25;
margin: 0;
padding: 0.5em 0;
color: #275D38;
}
.trm-three-column .trm-left-column-quote p:after {
content: "" !important;
}
@media screen and (max-width: 780px) {
.trm-three-column .trm-right-column-quote {
margin: 0 1.5em 0 0;
}
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-right-column-quote {
float: none;
width: 100%;
margin: 1.5em 0 1em;
}
}
.trm-three-column .trm-right-column-quote p {
border-top: 2px solid #275D38;
border-bottom: 2px solid #275D38;
font-size: 33px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
line-height: 1.25;
margin: 0;
padding: 0.5em 0;
color: #275D38;
}
.trm-three-column .trm-right-column-quote p:after {
content: "" !important;
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-center-column-article-content {
width: 100%;
float: none;
}
}
.trm-three-column .trm-center-column-article-content ol,
.trm-three-column .trm-center-column-article-content ul {
padding: 0 0 0 16px;
}
.trm-three-column .trm-center-column-article-content ol li a,
.trm-three-column .trm-center-column-article-content ul li a {
color: #275D38;
}
.trm-three-column .trm-center-column-article-content p {
margin: 1em 0;
}
.trm-three-column .trm-center-column-article-content p:first-child {
margin: 0 0 1em 0;
}
.trm-three-column .trm-center-column-article-content p a {
color: #275D38;
}
.trm-three-column .trm-right-download-content {
min-height: 1px;
}
@media screen and (max-width: 900px) {
.trm-three-column .trm-right-download-content {
margin-left: 1em;
}
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-right-download-content {
width: 100%;
float: none;
margin: 0;
}
}
.trm-three-column .trm-right-download-content a img {
max-width: 203px;
width: 100%;
}
.trm-three-column .trm-right-download-content p {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 1;
margin: 12px 0;
}
.trm-three-column .trm-right-download-content p:after {
content: "" !important;
}
.trm-three-column .trm-right-download-content span,
.trm-three-column .trm-right-download-content a.document-download-link {
cursor: pointer;
color: #275D38;
text-decoration: none;
font-size: 21px;
vertical-align: middle;
}
.trm-three-column .trm-right-download-content span:before,
.trm-three-column .trm-right-download-content a.document-download-link:before {
vertical-align: middle;
}
.trm-three-column .trm-right-download-content span:after,
.trm-three-column .trm-right-download-content a.document-download-link:after {
color: inherit;
content: " Print It";
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-size: 15px;
vertical-align: middle;
}
.trm-three-column .trm-right-download-content span:hover,
.trm-three-column .trm-right-download-content a.document-download-link:hover {
text-decoration: none;
}
.msie .trm-three-column .trm-right-download-content span:after,
.msie .trm-three-column .trm-right-download-content a.document-download-link:after {
content: " Download It";
}
.trm-three-column .trm-right-featured-product {
min-height: 1px;
}
@media screen and (max-width: 900px) {
.trm-three-column .trm-right-featured-product {
margin-left: 1em;
}
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-right-featured-product {
width: 100%;
float: none;
margin: 0;
}
}
.trm-three-column .trm-right-featured-product img {
width: 100%;
}
.trm-three-column .trm-right-featured-product p {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-style: italic;
font-weight: 300;
font-size: 12px;
margin: 1em 0 0 0;
}
.trm-three-column .trm-right-featured-product p:after {
content: "" !important;
}
.trm-three-column .trm-right-featured-product p a {
color: #275D38;
}
.trm-three-column + .trm-ppj-full-width-image {
margin: 1em auto 1em;
}
.trm-three-column + .trm-single-column-content {
margin: 1em auto;
}
.trm-three-column .trm-left-download-content {
min-height: 1px;
}
@media screen and (max-width: 900px) {
.trm-three-column .trm-left-download-content {
margin-left: 1em;
}
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-left-download-content {
width: 100%;
float: none;
margin: 0;
}
}
.trm-three-column .trm-left-download-content a img {
max-width: 203px;
width: 100%;
}
.trm-three-column .trm-left-download-content p {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 1;
margin: 12px 0;
}
.trm-three-column .trm-left-download-content p:after {
content: "" !important;
}
.trm-three-column .trm-left-download-content span {
cursor: pointer;
color: #275D38;
text-decoration: none;
font-size: 21px;
vertical-align: middle;
}
.trm-three-column .trm-left-download-content span:before {
vertical-align: middle;
}
.trm-three-column .trm-left-download-content span:after {
color: inherit;
content: " Print It";
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-size: 15px;
vertical-align: middle;
}
.trm-three-column .trm-left-download-content span:hover {
text-decoration: none;
}
.trm-three-column .trm-left-featured-product {
min-height: 1px;
}
@media screen and (max-width: 900px) {
.trm-three-column .trm-left-featured-product {
margin-left: 1em;
}
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-left-featured-product {
width: 100%;
float: none;
margin: 0;
}
}
.trm-three-column .trm-left-featured-product img {
width: 100%;
}
@media screen and (max-width: 768px) {
.trm-three-column .trm-left-featured-product img {
width: 100%;
max-width: 50%;
display: block;
margin: 0 auto;
}
}
.trm-three-column .trm-left-featured-product p {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-style: italic;
font-weight: 300;
font-size: 12px;
margin: 1em 0 0 0;
}
.trm-three-column .trm-left-featured-product p:after {
content: "" !important;
}
.trm-three-column .trm-left-featured-product p a {
color: #275D38;
}
.trm-three-column + .trm-ppj-full-width-image {
margin: 1em auto 0.5em;
}
.trm-three-column + .trm-single-column-content {
margin: 1em auto;
}
.trm-three-column + .trm-recipe-container {
margin: 1em auto;
}
.trm-single-column-content {
margin: 1em auto;
}
@media screen and (max-width: 768px) {
.trm-single-column-content {
width: 100%;
}
}
.trm-single-column-content ol,
.trm-single-column-content ul {
padding: 0 0 0 16px;
}
.trm-single-column-content ol li a,
.trm-single-column-content ul li a {
color: #275D38;
text-decoration: none;
}
.trm-single-column-content p {
margin: 1em 0;
}
.trm-single-column-content p:first-child {
margin: 0 0 1em 0;
}
.trm-single-column-content p a {
color: #275D38;
text-decoration: none;
}
.trm-single-column-content + .trm-ppj-full-width-image {
margin: 1em auto;
}
.trm-single-column-content + .trm-three-column {
margin: 1em auto;
}
.trm-single-column-content + .trm-recipe-container {
margin: 1em auto;
}
.trm-ppj-full-width-image {
width: 100%;
margin: 1em auto;
}
@media screen and (max-width: 768px) {
.trm-ppj-full-width-image {
margin: 0 0 0 0;
}
}
.trm-ppj-full-width-image + .trm-ppj-full-width-image,
.trm-ppj-full-width-image + .trm-recipe-container {
margin: 1em auto 1em;
}
.trm-image-content {
margin: 0 0 1em 0;
}
@media screen and (max-width: 768px) {
.trm-image-content {
margin: 0 0 0 0;
}
}
.trm-image-content p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
font-style: normal;
color: #662b14;
font-size: 14px;
line-height: 22px;
margin: -0.75em 0 1em 0;
}
@media screen and (max-width: 768px) {
.trm-image-content p {
margin: 0.3em 0 1em 0;
}
}
.trm-split-image-container {
margin: 1em auto;
}
@media screen and (max-width: 768px) {
.trm-split-image-container {
margin: 1em auto;
}
}
.trm-split-image-container:after {
content: "";
display: table;
clear: both;
}
.trm-split-image-container .trm-image-content {
width: 49%;
float: right;
}
.trm-split-image-container .trm-image-content:first-child {
float: left;
}
@media screen and (max-width: 768px) {
.trm-split-image-container .trm-image-content {
float: none;
width: 100%;
margin: 1em auto;
}
}
.trm-split-image-container .trm-image-content img {
width: 100%;
display: block;
margin: 0 0 1em 0;
}
.trm-split-image-container .trm-image-content p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
font-style: normal;
color: #662b14;
font-size: 14px;
line-height: 22px;
margin: -0.75em 0 1em 0;
}
.trm-pull-quote {
position: absolute;
top: 0;
left: 0;
border-top: 2px solid #662b14;
border-bottom: 2px solid #662b14;
width: 25%;
}
.trm-pull-quote p {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 36px;
line-height: 1;
margin: 0.25em 0;
}
.trm-article-product img {
display: block;
max-width: 80%;
margin: 0 auto;
}
.trm-article-product p {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-style: italic;
font-weight: 300;
font-size: 12px;
max-width: 80%;
margin: 1.25em auto 0;
}
.trm-article-product p a {
color: #275D38;
}
.trm-article-end--social-sharing {
margin: 3em 0 0 0;
}
@media screen and (max-width: 510px) {
.trm-article-end--social-sharing ul li {
display: block;
}
}
.trm-article-end--social-sharing ul {
list-style-type: none;
margin: 0 0 2em 0;
text-align: center;
padding: 0;
}
.trm-article-end--social-sharing ul li {
display: inline-block;
margin: 0 0.5em;
}
@media screen and (max-width: 510px) {
.trm-article-end--social-sharing ul li {
font-size: 10px;
margin: 1em;
}
}
.trm-article-end--social-sharing ul li:first-child {
margin: 0 0.5em 0 0;
}
.trm-article-end--social-sharing ul li:last-child {
margin: 0 0 0 0.5em;
}
.trm-article-end--social-sharing ul li a {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
color: #275D38;
font-size: 10px;
font-weight: 700;
text-decoration: none;
cursor: pointer img;
cursor-width: 75%;
cursor-width: 20px;
cursor-cursor: pointer;
}
#print-recipe {
display: none;
visibility: hidden;
}
.trm-recipe-container {
background: #ffffff;
padding: 20px;
}
@media screen and (max-width: 320px) {
.trm-recipe-container {
padding: 15px;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.trm-recipe-container {
padding: 15px;
}
}
.trm-recipe-container + .trm-single-column-content,
.trm-recipe-container + .trm-ppj-full-width-image,
.trm-recipe-container + .trm-split-image-container,
.trm-recipe-container + .trm-three-column {
margin: 1.5em auto;
}
.trm-recipe-container > table {
width: 100%;
border: 2px solid #275D38;
margin: 0;
}
.trm-recipe-container table,
.trm-recipe-container tbody,
.trm-recipe-container td,
.trm-recipe-container tr {
display: block;
}
.trm-recipe-container table {
border-collapse: collapse;
}
.trm-recipe-container table td {
padding: 0;
margin: 0;
border: none;
border-collapse: collapse;
}
.trm-recipe-container table td.trm-recipe-copy-left {
width: 55%;
vertical-align: top;
float: left;
padding: 30px;
}
@media screen and (max-width: 320px) {
.trm-recipe-container table td.trm-recipe-copy-left {
padding: 15px;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.trm-recipe-container table td.trm-recipe-copy-left {
padding: 15px;
}
}
@media screen and (max-width: 768px) {
.trm-recipe-container table td.trm-recipe-copy-left {
width: 100%;
float: none;
}
}
@media print {
.trm-recipe-container table td.trm-recipe-copy-left {
width: 100% !important;
float: none;
}
}
.trm-recipe-container table td.trm-recipe-image-right {
background-size: cover;
background-position: center center;
width: 45%;
vertical-align: top;
float: right;
}
.trm-recipe-container table td.trm-recipe-image-right img {
width: 100%;
}
@media screen and (max-width: 768px) {
.trm-recipe-container table td.trm-recipe-image-right {
width: 100%;
float: none;
}
}
@media print {
.trm-recipe-container table td.trm-recipe-image-right {
width: 100%;
float: none;
}
}
.trm-recipe-container table td.trm-recipe-title h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 36px;
color: #275D38;
line-height: 1;
margin: 0 0 0.5em 0;
}
.trm-recipe-container table td.trm-recipe-title h2 > span {
font-size: 0.6em;
cursor: pointer;
color: #275D38;
vertical-align: middle;
padding: 0 0 0 1em;
}
.trm-recipe-container table td.trm-recipe-title h2 > span:after {
content: "Print It";
color: inherit;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 12px;
vertical-align: middle;
margin-left: 6px;
margin-top: -6px;
display: inline-block;
}
@media screen and (max-width: 320px) {
.trm-recipe-container table td.trm-recipe-title h2 {
font-size: 24px;
}
.trm-recipe-container table td.trm-recipe-title h2 > span {
font-size: 0.8em;
display: block;
padding: 0;
margin: 1em 0 0 0;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.trm-recipe-container table td.trm-recipe-title h2 > span {
display: block;
padding: 0;
margin: 1em 0 0 0;
}
}
.trm-recipe-container table td.trm-recipe-description p {
font-size: 14px;
margin: 1em 0;
}
.trm-recipe-container table .trm-recipe-title-row {
border-bottom: 2px solid #275D38;
}
.trm-recipe-container table .trm-recipe-nutrition-info td {
display: inline-block;
margin: 0 2em 0 0;
}
@media screen and (max-width: 768px) {
.trm-recipe-container table .trm-recipe-nutrition-info td {
margin: 1em 0;
display: block;
}
.trm-recipe-container table .trm-recipe-nutrition-info td:first-child, .trm-recipe-container table .trm-recipe-nutrition-info td:last-child {
margin: 1em 0;
}
}
.trm-recipe-container table .trm-recipe-nutrition-info td p {
font-size: 12px;
margin: 0 0 12px;
}
.trm-recipe-container table .trm-recipe-nutrition-info td p span {
font-weight: 700;
color: #275D38;
}
.trm-recipe-container table .trm-recipe-details {
padding: 30px;
}
@media screen and (max-width: 320px) {
.trm-recipe-container table .trm-recipe-details {
padding: 15px;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.trm-recipe-container table .trm-recipe-details {
padding: 15px;
}
}
.trm-recipe-container table .trm-recipe-details h1,
.trm-recipe-container table .trm-recipe-details h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
color: #662b14;
}
.trm-recipe-container table .trm-recipe-details h3,
.trm-recipe-container table .trm-recipe-details h4,
.trm-recipe-container table .trm-recipe-details h5,
.trm-recipe-container table .trm-recipe-details h6 {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
color: #662b14;
font-size: 14px;
margin: 0 0 0.5em 0;
}
.trm-recipe-container table .trm-recipe-details p,
.trm-recipe-container table .trm-recipe-details ul,
.trm-recipe-container table .trm-recipe-details ol,
.trm-recipe-container table .trm-recipe-details li,
.trm-recipe-container table .trm-recipe-details a {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-size: 14px;
}
.trm-recipe-container table .trm-recipe-details ul,
.trm-recipe-container table .trm-recipe-details ol {
margin: 0;
padding: 0 0 0 20px;
}
.trm-recipe-container table .trm-recipe-details a {
color: #275D38;
}
.trm-recipe-container table .trm-recipe-details .trm-recipe-details-left {
width: 50%;
float: left;
}
@media screen and (max-width: 768px) {
.trm-recipe-container table .trm-recipe-details .trm-recipe-details-left {
width: 100%;
float: none;
}
}
@media print {
.trm-recipe-container table .trm-recipe-details .trm-recipe-details-left {
width: 100%;
float: none;
}
}
.trm-recipe-container table .trm-recipe-details .trm-recipe-details-right {
width: 50%;
float: left;
}
@media screen and (max-width: 768px) {
.trm-recipe-container table .trm-recipe-details .trm-recipe-details-right {
width: 100%;
float: none;
}
}
@media print {
.trm-recipe-container table .trm-recipe-details .trm-recipe-details-right {
width: 100%;
float: none;
}
}
.trm-legacy-random-articles,
.trm-selected-articles {
margin: 0 0 4em 0;
}
::-webkit-input-placeholder {
font-style: italic;
}
:-moz-placeholder {
font-style: italic;
}
::-moz-placholder {
font-style: italic;
}
::-ms-input-placeholder {
font-style: italic;
}
::input-placeholder {
font-style: italic;
}
.tab-no-products .slick-dotted.slick-slider {
margin-bottom: 0;
}
.tab-no-products .slick-slide {
margin-bottom: 0;
}
.tab-no-products .tm-callout .tm-callout-overlay {
background-color: transparent;
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.5) 40%, rgba(51, 51, 51, 0));
}
.tab-no-products .tm-callout .tm-callout-overlay h2,
.tab-no-products .tm-callout .tm-callout-overlay p {
text-shadow: 0 0 20px black;
}
/* Home Refresh */
.tm-callout {
position: relative;
margin: 0 0 12px 0;
}
.tm-callout.slick-slide {
margin-bottom: 0;
}
.tm-callout.slick-slide.full-width {
height: 537px;
}
@media screen and (max-width: 768px) {
.tm-callout.full-width {
max-height: 537px;
}
}
.tm-callout.full-width.width-90 {
margin-left: auto;
margin-right: auto;
width: 90%;
}
.tm-callout.full-width .tm-callout-content {
padding: 13% 12%;
}
@media screen and (max-width: 520px) {
.tm-callout.full-width .tm-callout-content {
padding: 17% 8%;
}
}
.tm-callout.full-width .tm-callout-content h2 + p {
width: 50%;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.tm-callout.full-width .tm-callout-content h2 + p {
width: 75%;
}
}
@media screen and (max-width: 480px) {
.tm-callout.full-width .tm-callout-content h2 + p {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.tm-callout.full-width.two-column {
max-height: 100vh;
}
}
.tm-callout.full-width.two-column .tm-callout-content-column {
width: 49%;
display: inline-block;
}
@media screen and (max-width: 768px) {
.tm-callout.full-width.two-column .tm-callout-content-column {
width: 100%;
display: block;
}
.tm-callout.full-width.two-column .tm-callout-content-column:first-child {
margin: 0 0 3em 0;
}
}
.tm-callout.full-width.two-column .tm-callout-content-column h2 + p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 18px;
color: #ffffff;
font-weight: 400;
font-weight: 300;
margin: 0 0 1em 0;
}
.tm-callout.full-width.two-column .tm-callout-content-column h3 {
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin: 0 0 0.5em 0;
}
.tm-callout.full-width.two-column .tm-callout-content-column p {
width: 100%;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 28px;
color: #ffffff;
margin: 0.25em 0 0.75em 0;
}
.tm-callout.half-width {
width: 49.5%;
height: 100vh;
max-height: 537px;
float: left;
}
.tm-callout.half-width .tm-callout-content {
padding: 28% 15%;
}
@media screen and (max-width: 768px) {
.tm-callout.half-width .tm-callout-content {
padding: 42% 8%;
}
}
.tm-callout.half-width + .tm-callout.half-width {
float: right;
}
@media screen and (max-width: 768px) {
.tm-callout.half-width {
float: none;
width: 100%;
}
.tm-callout.half-width + .tm-callout.half-width {
float: none;
}
}
.tm-callout .tm-callout-overlay {
background-color: rgba(51, 51, 51, 0.5);
height: 100%;
width: 100%;
}
.tm-callout .tm-callout-overlay .tm-callout-content {
height: inherit;
max-height: inherit;
}
.full-width .tm-callout .tm-callout-overlay .tm-callout-content {
padding: 15% 12%;
}
.half-width .tm-callout .tm-callout-overlay .tm-callout-content {
padding: 22.5% 12%;
}
.tm-callout .h2,
.tm-callout h2 {
font-size: 55px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
color: #ffffff;
line-height: 1;
margin: 0 0 0.25em 0;
}
@media screen and (max-width: 520px) {
.tm-callout .h2,
.tm-callout h2 {
font-size: 48px;
}
}
@media screen and (max-width: 480px) {
.tm-callout .h2,
.tm-callout h2 {
font-size: 42px;
}
}
@media screen and (max-width: 400px) {
.tm-callout .h2,
.tm-callout h2 {
font-size: 36px;
}
}
.tm-callout .h2:after,
.tm-callout h2:after {
display: block;
width: 170px;
margin-top: 12px;
border-bottom: 3px solid #ffffff;
content: "";
}
.tm-callout .h2 + p,
.tm-callout h2 + p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 18px;
color: #ffffff;
font-weight: 400;
font-weight: 300;
margin: 0 0 1em 0;
}
.tm-callout .h2 + p + .tm-callout-button,
.tm-callout h2 + p + .tm-callout-button {
background: #CEDC00;
color: #275D38;
display: inline-block;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 0.75em 1.5em;
transition: background 0.3s ease-in-out;
}
.tm-callout .h2 + p + .tm-callout-button:hover,
.tm-callout h2 + p + .tm-callout-button:hover {
text-decoration: none;
background: #275D38;
color: #CEDC00;
}
.tm-tab-panels-container {
position: relative;
}
.tm-tab-panels-container .tm-tab-panels .slick-slide {
cursor: default;
}
.tm-tab-panels-container .tm-tab-panels-controls-container {
position: absolute;
z-index: 100;
width: 100%;
}
.tm-tab-panels-container .tm-tab-panels-controls-container.no-copy {
bottom: -18.5%;
}
.tm-tab-panels-container .tm-tab-panels-controls-container.has-copy {
bottom: -18.5%;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls-product-container.one-product {
width: 170px;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls-product-container.two-products {
width: 320px;
}
@media screen and (max-width: 520px) {
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls-product-container.two-products {
width: 100%;
}
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls-product-container.three-products {
width: 480px;
}
@media screen and (max-width: 520px) {
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls-product-container.three-products {
width: 100%;
}
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls-product-container.four-products {
width: 610px;
}
@media screen and (max-width: 520px) {
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls-product-container.four-products {
width: 100%;
}
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls {
text-align: center;
margin: 0 0 3.5em 0;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide img {
margin: 0 1.5em;
transform: scale(1) translateY(24px);
max-width: 110px;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 520px) {
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide img {
transition: none;
}
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide img:hover {
transform: scale(1);
max-width: 130px;
}
@media screen and (max-width: 520px) {
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide img:hover {
transform: scale(1) translateY(24px);
max-width: 90px;
}
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide.slick-current img {
transform: scale(1);
max-width: 130px;
}
@media screen and (max-width: 520px) {
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide {
padding: 0 3em;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide img {
transform: scale(1) translateY(24px);
max-width: 90px;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls .slick-slide.slick-current img {
transform: scale(1);
max-width: 110px;
}
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls ul {
list-style-type: none;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls ul li {
display: inline-block;
margin: 1.5em;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls ul li:first-child {
margin: 0 1.5em 0 0;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls ul li:last-child {
margin: 0 0 0 1.5em;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls a:focus {
outline: none;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls a img {
transition: all 0.3s ease-in-out;
transform: scale(1);
max-width: 110px;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls a:hover img, .tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-panel-controls a.current img {
transform: scale(1);
max-width: 130px;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-controls-copy {
margin: -2em 0 2em 0;
}
.tm-tab-panels-container .tm-tab-panels-controls-container .tm-tab-controls-copy p {
color: #275D38;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
margin: 0em 0 1em;
}
.tm-tab-panels-container + .tm-callout {
margin: 11em 0 12px 0;
}
.tm-tab-panels-container + .tm-callout-wrapper {
padding: 11em 0 12px 0;
position: relative;
}
.tm-tab-panels-container + .tm-callout-wrapper:before {
content: "";
display: block;
width: 100%;
height: 11em;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-image: url("../img/ktm_home-bg-1.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.slick-arrow {
position: absolute;
z-index: 300;
cursor: pointer;
top: 50%;
}
.slick-arrow.slick-prev {
left: 25%;
}
.slick-arrow.slick-next {
right: 25%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.fade.in {
opacity: 1;
}
.featured-product-control,
.slick-slide {
outline: none !important;
cursor: pointer;
}
.tm-callout-button {
background: #CEDC00;
color: #275D38;
display: inline-block;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 0.75em 1.5em;
transition: background 0.3s ease-in-out;
}
.tm-callout-button:hover {
text-decoration: none;
background: #275D38;
color: #CEDC00;
}
.tm-home-callout {
background: #275d38;
background: -moz-linear-gradient(left, #275d38 0%, rgba(39, 93, 56, 0.6) 40%, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #275d38), color-stop(40%, rgba(39, 93, 56, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(left, #275d38 0%, rgba(39, 93, 56, 0.6) 40%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(left, #275d38 0%, rgba(39, 93, 56, 0.6) 40%, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(left, #275d38 0%, rgba(39, 93, 56, 0.6) 40%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, #275d38 0%, rgba(39, 93, 56, 0.6) 40%, rgba(0, 0, 0, 0) 100%);
}
.tm-home-ppj-container {
background-position: top center;
background-size: 100%;
background-repeat: no-repeat;
padding: 5em 0 5em;
}
@media screen and (min-width: 1315px) {
.tm-home-ppj-container {
background-image: url("../img/ktm_home-bg-2.png");
}
}
@media screen and (max-width: 768px) {
.tm-home-ppj-container {
padding-left: 2em;
padding-right: 2em;
}
}
.tm-aag-ppj-container {
padding: 10em 0 5em;
}
@media screen and (max-width: 768px) {
.tm-aag-ppj-container {
background-size: auto;
background-repeat: repeat;
padding-left: 2em;
padding-right: 2em;
}
}
.tm-home-featured-ppj,
.tm-aag-featured-ppj {
width: 100%;
max-width: 1024px;
margin: 0 auto;
}
@media screen and (min-width: 1281px) {
.tm-home-featured-ppj,
.tm-aag-featured-ppj {
max-width: 90%;
}
}
@media screen and (min-width: 769px) and (max-width: 1070px) {
.tm-home-featured-ppj,
.tm-aag-featured-ppj {
padding: 0 2em;
}
}
.tm-home-featured-ppj .tm-aag-ppj-info,
.tm-aag-featured-ppj .tm-aag-ppj-info {
margin: 0 0 1% 0;
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .tm-aag-ppj-info,
.tm-aag-featured-ppj .tm-aag-ppj-info {
margin: 0 0 1em 0;
}
}
@media screen and (max-width: 480px) {
.tm-home-featured-ppj .tm-aag-ppj-info .tm-aag-ppj-info-button-wrapper,
.tm-aag-featured-ppj .tm-aag-ppj-info .tm-aag-ppj-info-button-wrapper {
text-align: center;
}
}
.tm-home-featured-ppj .tm-home-ppj-info,
.tm-home-featured-ppj .tm-aag-ppj-info,
.tm-aag-featured-ppj .tm-home-ppj-info,
.tm-aag-featured-ppj .tm-aag-ppj-info {
float: left;
width: 33%;
}
.tm-home-featured-ppj .tm-home-ppj-info h2,
.tm-home-featured-ppj .tm-aag-ppj-info h2,
.tm-aag-featured-ppj .tm-home-ppj-info h2,
.tm-aag-featured-ppj .tm-aag-ppj-info h2 {
font-size: 48px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
color: #275D38;
line-height: 1;
margin: 0 0 0.25em 0;
}
.tm-home-featured-ppj .tm-home-ppj-info h2:after,
.tm-home-featured-ppj .tm-aag-ppj-info h2:after,
.tm-aag-featured-ppj .tm-home-ppj-info h2:after,
.tm-aag-featured-ppj .tm-aag-ppj-info h2:after {
display: block;
width: 170px;
margin-top: 12px;
border-bottom: 3px solid #275D38;
content: "";
}
.tm-home-featured-ppj .tm-home-ppj-info h2 + p,
.tm-home-featured-ppj .tm-aag-ppj-info h2 + p,
.tm-aag-featured-ppj .tm-home-ppj-info h2 + p,
.tm-aag-featured-ppj .tm-aag-ppj-info h2 + p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
color: #333333;
font-weight: 400;
margin: 0 0 1em 0;
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .tm-home-ppj-info,
.tm-home-featured-ppj .tm-aag-ppj-info,
.tm-aag-featured-ppj .tm-home-ppj-info,
.tm-aag-featured-ppj .tm-aag-ppj-info {
float: none;
width: 100%;
}
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav {
width: 100%;
max-width: 1012px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav {
margin: 0 auto 1em;
}
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav:focus,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav:focus,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav:focus,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav:focus {
outline: none;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav *:focus,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav *:focus,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav *:focus,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav *:focus {
outline: none;
}
.single .tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.single .tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav,
.single .tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.single .tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav {
margin: 6em auto 2em;
}
@media screen and (max-width: 768px) {
.single .tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.single .tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav,
.single .tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.single .tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav {
margin: 5em auto 2em;
}
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav span,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav span,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav span,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav span {
display: none;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li {
display: inline-block;
margin: 0 1.5%;
}
@media screen and (max-width: 970px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li {
margin: 0 1.2%;
}
}
@media screen and (max-width: 835px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li {
margin: 0 1%;
}
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child {
margin: 0 1.5% 0 0;
}
@media screen and (max-width: 970px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child {
margin: 0 1.2% 0 0;
}
}
@media screen and (max-width: 835px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child {
margin: 0 1% 0 0;
}
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child {
margin: 0 0 0 1.5%;
}
@media screen and (max-width: 970px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child {
margin: 0 0 0 1.2%;
}
}
@media screen and (max-width: 835px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child {
margin: 0 0 0 1%;
}
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a {
text-decoration: none;
font-size: 16px;
padding: 0.5em 0.75em;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
background-color: transparent;
color: #275D38;
text-transform: uppercase;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
@media screen and (max-width: 960px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a {
font-size: 15px;
padding: 0.5em 0.6em;
}
}
@media screen and (max-width: 835px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a {
padding: 0.5em 0.4em;
}
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a {
font-size: 18px;
}
}
@media screen and (min-width: 320px) {
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav {
width: 100%;
max-width: 100%;
position: relative;
margin: 0 auto 1em;
background: #CEDC00;
outline: none;
color: #275D38;
padding: 10px;
z-index: 8000;
cursor: pointer;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav:after,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav:after,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav:after,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav:after {
content: " ";
width: 0;
height: 0;
position: absolute;
right: 16px;
top: 45%;
border-top: solid 6px #275D38;
border-right: solid 6px transparent;
border-bottom: solid 6px transparent;
border-left: solid 6px transparent;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active:after,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active:after,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active:after,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active:after {
border-top: solid 6px transparent;
border-right: solid 6px transparent;
border-bottom: solid 6px #ffffff;
border-left: solid 6px transparent;
top: 32%;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active ul,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active ul,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active ul,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active ul {
background: #CEDC00;
opacity: 1;
pointer-events: all;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active ul li a,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active ul li a,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active ul li a,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active ul li a {
color: #275D38;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active ul li a:hover,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active ul li a:hover,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav.active ul li a:hover,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav.active ul li a:hover {
background: #275D38;
color: #CEDC00;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav span,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav span,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav span,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav span {
font-size: 18px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
text-transform: uppercase;
display: block;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul {
position: absolute;
z-index: 8000;
top: 100%;
left: 0;
right: 0;
opacity: 0;
pointer-events: none;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li {
display: block;
margin: 0;
position: relative;
z-index: 8000;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child, .tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li:last-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:first-child,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li:last-child {
margin: 0;
}
.tm-home-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-home-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-home-ppj-info .trm-ppj-nav ul li a,
.tm-aag-featured-ppj .tm-aag-ppj-info .trm-ppj-nav ul li a {
position: relative;
z-index: 8000;
display: block;
color: #ffffff;
}
}
.tm-home-featured-ppj .mainboxes.twothirds,
.tm-aag-featured-ppj .mainboxes.twothirds {
margin-right: 0;
margin-left: 1%;
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .mainboxes.twothirds,
.tm-aag-featured-ppj .mainboxes.twothirds {
margin-left: 0;
margin-bottom: 1em;
}
}
.tm-home-featured-ppj .mainboxes.half,
.tm-aag-featured-ppj .mainboxes.half {
margin: 0;
}
.tm-home-featured-ppj .mainboxes.half.first,
.tm-aag-featured-ppj .mainboxes.half.first {
margin: 0 0.5% 1% 0;
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .mainboxes.half.first,
.tm-aag-featured-ppj .mainboxes.half.first {
margin: 0 0 1em 0;
}
}
.tm-home-featured-ppj .mainboxes.half.last,
.tm-aag-featured-ppj .mainboxes.half.last {
margin: 0 0 1% 0.5%;
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .mainboxes.half.last,
.tm-aag-featured-ppj .mainboxes.half.last {
margin: 0 0 1em 0;
}
}
@media screen and (max-width: 768px) {
.tm-home-featured-ppj .mainboxes.half,
.tm-aag-featured-ppj .mainboxes.half {
margin: 0 0 1% 0;
}
}
.tm-inline-hero img {
width: 100%;
}
.tm-inline-hero + .tm-aag-row-content {
margin: 3em auto 5em;
}
.tm-wide-copy-section {
padding: 3em 0 2em;
margin: 0 auto;
}
.tm-wide-copy-section h1 {
color: #275D38;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 64px;
line-height: 1;
text-align: center;
margin: 0 0 0.25em;
}
@media screen and (max-width: 480px) {
.tm-wide-copy-section h1 {
font-size: 38px;
}
}
.tm-wide-copy-section .tm-wide-copy-section-content {
width: 100%;
max-width: 1024px;
margin: 0 auto;
padding: 0 1em;
}
.tm-wide-copy-section .tm-wide-copy-section-content h1,
.tm-wide-copy-section .tm-wide-copy-section-content h2,
.tm-wide-copy-section .tm-wide-copy-section-content h3 {
color: #275D38;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
}
.tm-wide-copy-section .tm-wide-copy-section-content h2 {
font-size: 30px;
padding: 20px 0 0px;
margin: 0;
}
.tm-wide-copy-section .tm-wide-copy-section-content h3 {
color: #000000;
font-size: 22px;
padding: 20px 0 0px;
margin: 0;
}
.tm-wide-copy-section .tm-wide-copy-section-content p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
line-height: 1.5;
}
.tm-wide-copy-section .tm-wide-copy-section-content p img {
width: 100%;
max-width: 1024px;
}
.tm-wide-copy-section .tm-wide-copy-section-content img {
width: 100%;
max-width: 1024px;
}
.tm-aag-row-content {
width: 100%;
max-width: 1024px;
padding: 0 1em;
margin: 0 auto 5em;
}
.tm-aag-row-content + .tm-wide-copy-section {
padding: 0 0 2em 0;
margin: -1em auto 0;
}
.tm-aag-row-content.last-child {
margin: 0 auto;
}
.tm-aag-row-content.tm-video-row .tm-video-row-context {
width: 30%;
float: left;
padding: 0 2% 0 0;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.tm-aag-row-content.tm-video-row .tm-video-row-context {
width: 100%;
float: none;
}
}
.tm-aag-row-content.tm-video-row .tm-video-row-context p {
/*a{
color: $forest;
text-decoration: none;
transition: all 0.3s ease-in-out;
&:hover{
color: #522d1d;
}
}*/
}
.tm-aag-row-content.tm-video-row .tm-still-image {
width: 68%;
margin: 0 0 0 2%;
float: left;
}
.tm-aag-row-content.tm-video-row .tm-still-image img {
width: 100%;
}
@media screen and (max-width: 768px) {
.tm-aag-row-content.tm-video-row .tm-still-image {
float: none;
margin: 1em 0;
width: 100%;
}
}
.tm-aag-row-content.tm-video-row .tm-video-embed {
width: 68%;
margin: 0 0 0 2%;
float: left;
position: relative;
}
.tm-aag-row-content.tm-video-row .tm-video-embed .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.tm-aag-row-content.tm-video-row .tm-video-embed .embed-container iframe,
.tm-aag-row-content.tm-video-row .tm-video-embed .embed-container object,
.tm-aag-row-content.tm-video-row .tm-video-embed .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-aag-row-content.tm-video-row .tm-video-embed .cover {
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;
}
.tm-aag-row-content.tm-video-row .tm-video-embed .cover:after {
content: "";
width: 100%;
height: 100%;
background: url("../img/play-button.png") center center no-repeat;
display: block;
left: 0;
top: 0;
position: absolute;
}
.tm-aag-row-content.tm-video-row .tm-video-embed .cover img {
width: 100%;
visibility: hidden;
opacity: 0;
}
@media screen and (min-width: 769px) and (max-width: 850px) {
.tm-aag-row-content.tm-video-row .tm-video-embed {
width: 63%;
margin: 0 0 0 7%;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.tm-aag-row-content.tm-video-row .tm-video-embed {
width: 100%;
float: none;
margin: 1em 0 0 0;
}
}
.tm-aag-row-content.dashed-heading h2 {
font-size: 48px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
color: #275D38;
line-height: 1;
margin: 0 0 0.25em 0;
}
.tm-aag-row-content.dashed-heading h2:after {
display: block;
width: 170px;
margin-top: 12px;
border-bottom: 3px solid #275D38;
content: "";
}
@media screen and (max-width: 480px) {
.tm-aag-row-content.dashed-heading h2 {
font-size: 38px;
}
}
.tm-aag-row-content h2 {
font-size: 48px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
color: #275D38;
line-height: 1;
margin: 0 0 0.5em 0;
}
@media screen and (max-width: 480px) {
.tm-aag-row-content h2 {
font-size: 38px;
}
}
.tm-aag-row-content p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
color: #333333;
font-weight: 400;
margin: 0 0 1em 0;
}
.tm-aag-row-content p a {
color: #275D38;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.tm-aag-row-content p a:hover {
color: #522d1d;
}
.tm-aag-row-content p + .tm-aag-row-button {
margin: 1em 0 1em 0;
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-image-column {
float: left;
width: 20%;
max-width: 100px;
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-image-column img {
width: 100%;
max-width: 100px;
display: inline-block;
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-image-column img + img {
margin: 2em 0 0 0;
}
@media screen and (max-width: 480px) {
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-image-column {
float: none;
width: 100%;
max-width: 100%;
text-align: center;
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-image-column.right {
margin: 2em 0 0 0;
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-image-column img {
margin: 0 2em 2em;
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-image-column img + img {
margin: 0 2em 2em;
}
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-copy-column {
float: left;
width: 80%;
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-copy-column.right {
margin: 0 0 0 4%;
}
@media screen and (max-width: 480px) {
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-copy-column.right {
margin: 0;
}
}
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-copy-column.left {
margin: 0 4% 0 0;
}
@media screen and (max-width: 668px) {
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-copy-column {
width: 75%;
}
}
@media screen and (max-width: 480px) {
.tm-aag-row-content.tm-aag-small-column-row .tm-aag-copy-column {
float: none;
width: 100%;
margin: 0;
}
}
.tm-aag-row-content .tm-aag-image-row {
text-align: center;
margin: 4em auto;
}
.tm-aag-row-content .tm-aag-image-row .tm-aag-supplementary-image {
display: inline-block;
width: 22.5%;
text-align: center;
margin: 0 0 3em 0;
}
.tm-aag-row-content .tm-aag-image-row .tm-aag-supplementary-image img {
width: 100%;
max-width: 112.5px;
}
@media screen and (max-width: 480px) {
.tm-aag-row-content .tm-aag-image-row .tm-aag-supplementary-image {
display: inline-block;
width: 49%;
margin: 0 0 2em 0;
}
}
.tm-aag-supplementary-content-row {
margin: 4em 0 0 0;
}
.tm-aag-supplementary-column {
float: left;
display: block;
margin: 0 4% 0;
width: 30%;
vertical-align: top;
}
.tm-aag-supplementary-column:first-child, .tm-aag-supplementary-column:last-child {
margin: 0;
}
.tm-aag-supplementary-column .tm-aag-supplementary-logo {
vertical-align: bottom;
display: table-cell;
}
.tm-aag-supplementary-column .tm-aag-supplementary-logo img {
display: inline-block;
width: 100%;
max-width: 180px;
margin: 0 0 2em 0;
}
@media screen and (max-width: 480px) {
.tm-aag-supplementary-column .tm-aag-supplementary-logo {
display: block;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.tm-aag-supplementary-column {
float: none;
margin: 0 0 2em 0;
width: 100%;
}
.tm-aag-supplementary-column:first-child {
margin: 0 0 2em 0;
}
.tm-aag-supplementary-column:last-child {
margin: 0 0 0 0;
}
}
.tm-infographic-row {
margin: 3em 0 0 0;
}
.tm-infographic-column {
display: inline-block;
float: left;
width: 25%;
text-align: center;
margin: 0 0 2em 0;
}
.tm-infographic-column .tm-infographic-image-container {
display: table;
width: 100%;
}
.tm-infographic-column .tm-infographic-image {
display: table-cell;
vertical-align: bottom;
text-align: center;
width: 100%;
}
.tm-infographic-column .tm-infographic-image img {
max-width: 200px;
}
.tm-infographic-column h3 {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 36px;
font-weight: 600;
font-style: normal;
margin: 0.5em 0 0.25em;
}
@media screen and (min-width: 769px) and (max-width: 940px) {
.tm-infographic-column h3 {
font-size: 28px;
}
}
.tm-infographic-column p {
padding: 0 1.5em;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.tm-infographic-column {
width: 50%;
margin: 0 0 1em 0;
}
}
@media screen and (max-width: 480px) {
.tm-infographic-column {
width: 100%;
margin: 0 0 1em 0;
}
}
.tm-aag-row-button-container {
padding: 2em 0 0;
text-align: center;
}
.tm-aag-row-button {
display: inline-block;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 0.75em 1.5em;
transition: background 0.3s ease-in-out;
}
.tm-aag-row-button:hover {
text-decoration: none;
background: #275D38;
color: #CEDC00;
}
/*.tm-dashed-heading{
font-size: 60px;
font-size: 50px;
font-family: 'Garamond', serif;
font-weight: 400;
font-style: normal;
color: #522d1d;
line-height: 1;
margin: 0 0 0.25em 0;
&:after{
display: block;
width: 170px;
margin-top: 12px;
border-bottom: 3px solid #522d1d;
content: "";
}
+ p{
font-family: "Gotham SSm A","Gotham SSm B", sans-serif;
font-size: 14px;
color: #595959;
font-weight: 400;
font-weight: 300;
margin: 0 0 1em 0;
}
}*/
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9 {
padding-bottom: 42.857143%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.embed-responsive-1by1 {
padding-bottom: 100%;
}
/* Footer Refresh */
.tm-footer {
clear: both;
position: relative;
z-index: 200;
}
.tm-footer-container {
width: 100%;
max-width: 1024px;
margin: 0 auto;
}
.tm-footer-container .tm-footer-supplementary p {
max-width: 570px;
text-align: center;
color: #333333;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 12px;
font-weight: 400;
margin: 0 auto;
}
@media screen and (max-width: 600px) {
.tm-footer-container .tm-footer-supplementary p {
padding: 0 1em;
}
}
.tm-footer-container ul {
padding: 0;
list-style-type: none;
}
.tm-footer-container ul li a {
text-decoration: none;
}
.tm-footer-container ul li a img {
width: 40px;
height: 40px;
}
.tm-footer-container ul li a:hover {
text-decoration: none;
}
.tm-footer-container ul.tm-footer-nav-links {
text-align: center;
margin: 2em 0;
}
.tm-footer-container ul.tm-footer-nav-links li {
display: inline-block;
margin: 0 3em 0;
}
.tm-footer-container ul.tm-footer-nav-links li:first-child {
margin-left: 0;
}
.tm-footer-container ul.tm-footer-nav-links li:last-child {
margin-right: 0;
}
.tm-footer-container ul.tm-footer-nav-links li a {
text-transform: uppercase;
color: #275D38;
font-size: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
}
@media screen and (max-width: 600px) {
.tm-footer-container ul.tm-footer-nav-links li {
display: block;
margin: 1.5em 0;
}
}
.tm-footer-container ul.tm-footer-social-links {
text-align: center;
margin: 2.5em 0;
}
@media screen and (max-width: 600px) {
.tm-footer-container ul.tm-footer-social-links {
margin: 2.5em 0 3.5em;
}
}
.tm-footer-container ul.tm-footer-social-links li {
display: inline-block;
margin: 0 1.5em;
}
.tm-footer-container ul.tm-footer-social-links li:first-child {
margin-left: 0;
}
.tm-footer-container ul.tm-footer-social-links li:last-child {
margin-right: 0;
}
.tm-footer-container ul.tm-footer-supplementary-links {
color: #275D38;
text-transform: uppercase;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 12px;
font-weight: 700;
margin: 1.5em 0 2.5em;
}
.tm-footer-container ul.tm-footer-supplementary-links li {
display: inline-block;
}
.tm-footer-container ul.tm-footer-supplementary-links li:first-child {
margin: 0 2.5em 0 0;
}
.tm-footer-container ul.tm-footer-supplementary-links li:last-child {
margin: 0 0 0 2.5em;
}
.tm-footer-container ul.tm-footer-supplementary-links li a {
color: inherit;
}
@media screen and (max-width: 600px) {
.tm-footer-container ul.tm-footer-supplementary-links li {
display: block;
margin: 2em 0;
}
.tm-footer-container ul.tm-footer-supplementary-links li:first-child {
margin: 2em 0;
}
.tm-footer-container ul.tm-footer-supplementary-links li:last-child {
margin: 2em 0;
}
}
.tm-footer-slider-container .slick-slider {
margin-bottom: 0;
}
.tm-footer-slider-container .slick-slide {
cursor: default;
}
.tm-footer-slider-container img {
width: 100%;
}
a.tm-submenu-accordion {
background-image: url("../img/mainNavPlus.svg");
background-size: auto 35%;
background-repeat: no-repeat;
background-position: 95% center;
}
a.tm-submenu-accordion.expanded {
background-image: url("../img/mainNavMinus.svg");
background-size: 15px auto;
background-repeat: no-repeat;
background-position: 95% 21px;
}
a.tm-submenu-back {
background-image: url("../img/mainNavLeftArrow.svg");
background-size: auto 35%;
background-repeat: no-repeat;
background-position: 5% center;
padding-left: 40px;
}
.tm-submenu-product {
float: left;
height: 220px;
margin: 0 15px 30px 15px;
width: 120px;
}
.tm-submenu-product a {
color: #275D38;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
text-align: center;
}
.tm-submenu-product a img {
display: block;
margin: 0 auto;
max-height: 160px;
max-width: 120px;
}
.tm-submenu-product a:hover {
color: #275D38;
}
.tm-submenu-product p {
width: 120px;
}
.tm-submenu-productIcon img {
margin-right: 30px;
width: 80px;
}
.tm-submenu-productsItem {
margin: 5px;
}
.tm-submenu-productsItem p,
.tm-submenu-productsItem a {
margin: 0;
}
.tm-submenu-aboutItemImage,
.tm-submenu-articleItemImage,
.tm-submenu-productsItemImage,
.tm-submenu-qualityItemImage {
background-image: url("../img/plant-pattern.png");
background-position: center right;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
width: 100%;
}
.tm-submenu-articleItemImage {
background-position: center;
background-size: cover;
}
.tm-submenu-social-links {
text-align: center;
margin: 0;
padding: 0 0 3em 0;
}
.tm-submenu-social-links li {
display: inline-block;
margin: 0 1.5em;
}
.tm-submenu-social-links li:first-child {
margin-left: 0;
}
.tm-submenu-social-links li:last-child {
margin-right: 0;
}
.tm-submenu-sidebar {
float: left;
width: 20%;
}
.tm-submenu-sidebar ul {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
list-style-type: none;
}
.tm-submenu-sidebar ul a {
color: #275D38;
display: inline-block;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
}
.tm-submenu-sidebar ul a:hover {
color: #275D38;
}
.tm-submenu-sidebar ul a.active {
color: #275D38;
}
.tm-submenu-sidebar ul a:focus {
outline: none;
}
.tm-sustainability-reports .tm-callout {
display: inline-block;
margin: 0 15px 15px 0;
text-align: center;
}
.tm-sustainability-reports .tm-callout a {
text-decoration: none;
}
.tm-sustainability-reports .tm-callout a .tm-sustainability-reports-image {
display: block;
height: 248px;
width: 300px;
}
.tm-sustainability-reports .tm-callout a .tm-sustainability-reports-image .tm-callout-content {
padding: 30% 20px;
}
.tm-sustainability-reports .tm-callout a .tm-sustainability-reports-image .tm-callout-content p {
color: #fff;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1.2em;
text-transform: none;
}
.progress .genericContent section h3 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 36px;
margin: 0.5em 0;
}
.progress .WYSIWYG .tm-4-decades {
float: none;
margin: 0;
}
.progress .WYSIWYG ul {
list-style-type: none;
font-size: 13px;
margin-left: 0;
padding-left: 0;
}
.progress .WYSIWYG ul li {
margin-bottom: 10px;
}
.tm-hide-on-desktop {
display: none;
}
@media screen and (max-width: 768px) {
.tm-hide-on-desktop {
display: block;
}
}
.tm-hide-on-desktop-ib {
display: none;
}
@media screen and (max-width: 768px) {
.tm-hide-on-desktop-ib {
display: inline-block;
}
}
.tm-hide-on-mobile {
display: block;
}
@media screen and (max-width: 768px) {
.tm-hide-on-mobile {
display: none;
}
}
.tm-hide-on-mobile-ib {
display: inline-block;
}
@media screen and (max-width: 768px) {
.tm-hide-on-mobile-ib {
display: none;
}
}
.width-90 {
margin-left: auto;
margin-right: auto;
width: 90%;
}
.tm-passwordbox {
padding: 50px;
text-align: center;
}
.bv-content-data-icon .emoji {
width: 0.75em !important;
}
figure.wp-image {
margin: 0 auto;
}
.trm-embedded-content {
position: relative;
padding-bottom: 56.5% !important;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.trm-embedded-content iframe,
.trm-embedded-content object,
.trm-embedded-content embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.trm-main-article-column {
margin-bottom: 40px;
}
.trm-main-article-column:after {
content: "";
display: block;
clear: both;
}
.trm-main-article-column .trm-main-article-body {
width: 70%;
float: left;
}
@media screen and (max-width: 768px) {
.trm-main-article-column .trm-main-article-body {
width: 100%;
float: none;
}
}
.trm-main-article-column .trm-main-article-sidebar {
width: 30%;
width: 25%;
margin-left: 1.5rem;
margin-top: 20px;
float: right;
}
@media screen and (max-width: 768px) {
.trm-main-article-column .trm-main-article-sidebar {
width: 100%;
float: none;
margin-left: 0;
}
.trm-main-article-column .trm-main-article-sidebar .trm-sidebar-spacer {
height: 20px !important;
}
}
.trm-main-article-column p {
color: #595959;
}
.trm-legacy-article-content .trm-article-posted {
margin: 0 auto;
}
.trm-article-posted {
line-height: 1.4;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 12px;
color: #333333;
font-weight: 400;
margin: 16px 0;
}
.trm-article-posted .light {
opacity: 0.55;
}
.trm-article-posted a {
color: #275D38;
}
.trm-emphasized-text {
padding: 2.5em 0;
margin: 1em 0 0 0;
}
.trm-emphasized-text p {
font-size: 28px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
line-height: 1.2;
margin: 0;
text-align: center;
max-width: 85%;
margin: 0 auto;
position: relative;
color: #333333;
}
.trm-emphasized-text p:before, .trm-emphasized-text p:after {
display: block;
position: absolute;
content: "";
height: 2px;
width: 60%;
background-color: #333333;
left: 21.25%;
}
.trm-emphasized-text p:before {
top: -16px;
}
.trm-emphasized-text p:after {
bottom: -16px;
}
.trm-season-archives-wrapper {
clear: both;
padding: 8px 0 4px;
}
@media screen and (max-width: 768px) {
.trm-season-archives-wrapper {
padding: 18px 14px;
}
}
.trm-season-archives {
margin: 0 0 3em 0;
}
.trm-season-archives.archive {
font-size: 0;
}
.trm-season-archives.archive li {
display: inline-block;
padding: 0 7px 7px 0;
width: 25%;
}
.trm-season-archives.archive li:last-child {
padding-right: 0;
}
@media screen and (max-width: 600px) {
.trm-season-archives.archive li {
width: 50%;
}
.trm-season-archives.archive li:nth-child(even) {
padding-right: 0;
}
}
@media screen and (max-width: 480px) {
.trm-season-archives.archive li {
width: 100%;
padding: 0;
margin: 0 0 8px 0;
}
.trm-season-archives.archive li:last-child {
margin: 0;
}
}
.trm-season-archives h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-size: 24px;
color: #275D38;
font-weight: 400;
margin: 0 0 0.5em 0;
}
.trm-season-archives ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.trm-season-archives ul li {
display: block;
line-height: 0;
margin: 0 0 0.75em 0;
}
.trm-season-archives ul li a {
display: block;
line-height: 1;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
color: white;
text-decoration: none;
background-repeat: none;
background-position: center center;
background-size: cover;
text-align: center;
padding: 1.125em 0.75em;
text-transform: uppercase;
position: relative;
transition: background-color 0.3s ease-in-out;
}
.trm-season-archives ul li a span {
position: relative;
z-index: 500;
}
.trm-season-archives ul li a:before {
transition: inherit;
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(51, 51, 51, 0.5);
top: 0;
left: 0;
position: absolute;
z-index: 100;
}
.trm-season-archives ul li a:hover:before {
background-color: rgba(51, 51, 51, 0.75);
}
.trm-season-archives ul li.winter a {
background-image: url("../img/archive-bg/winter-archive-bg-nf.jpg");
}
.trm-season-archives ul li.spring a {
background-image: url("../img/archive-bg/spring-archive-bg-nf.jpg");
}
.trm-season-archives ul li.summer a {
background-image: url("../img/archive-bg/summer-archive-bg-nf.jpg");
}
.trm-season-archives ul li.fall a {
background-image: url("../img/archive-bg/fall-archive-bg-nf.jpg");
}
.trm-sidebar-review {
text-align: left;
}
.trm-sidebar-review .star-ratings-container {
display: block;
margin: 14px 0 0;
}
.trm-sidebar-review h2 {
font-size: 11px;
text-transform: uppercase;
margin: 0.75em 0 1em;
}
.trm-sidebar-review q {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-size: 20px;
font-weight: 400;
}
.trm-sidebar-review img {
max-width: 60%;
}
.trm-sidebar-review a {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-size: 11px;
display: inline-block;
padding: 0.65em 1em 0.5em;
text-transform: uppercase;
text-decoration: none;
}
.trm-sidebar-review a:last-child {
margin: 0 0 0 4px;
}
.trm-linked-cta a {
color: #275D38;
}
.trm-linked-cta a img {
display: block;
width: 80%;
margin: 0 0 8px 0;
}
.trm-linked-cta a p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 14px;
line-height: 1.5;
font-weight: 300;
font-style: normal;
max-width: 85%;
color: #595959;
margin: 0 0 10px 0;
}
.trm-linked-cta a em,
.trm-linked-cta a i {
font-style: italic;
color: #275D38;
}
.trm-tag-heading {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-size: 12px;
display: inline-block;
padding: 0.65em 0.5em 0.5em;
text-transform: uppercase;
text-decoration: none;
}
.trm-tag-heading.instagram {
text-indent: 0.25em;
padding: 0.65em 1.25em 0.5em 0.5em;
}
.trm-tag-heading i {
font-size: 24px;
vertical-align: middle;
position: relative;
left: -0.25em;
}
.tm-tea-locator {
/*min-height: 450px;*/
background: #522d1d;
float: right;
width: 35%;
padding: 4em 0;
margin: 2em 0 0 0;
}
.tm-tea-locator h2 {
color: #ffffff;
text-align: center;
font-size: 22px;
font-weight: 700;
}
.tm-tea-locator form {
text-align: center;
}
.tm-tea-locator input[type=text] {
width: 70%;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
padding: 1em 0.5em;
}
.tm-tea-locator input[type=text]:focus {
outline: none;
}
.tm-tea-locator button[type=submit] {
background: #C4712D;
color: #ffffff;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
display: block;
margin: 2em auto 0;
padding: 1em 1.5em;
}
.tm-tea-locator button[type=submit]:focus {
outline: none;
}
@media screen and (max-width: 768px) {
.tm-tea-locator {
float: none;
width: 100%;
}
}
.tm-tea-locator--widget {
float: none;
margin: 0 0 2em 0;
padding: 1em 1.75em 2em 1.75em;
width: 100%;
}
.tm-tea-locator--widget h2 {
font-size: 16px;
}
.tm-tea-locator--widget input[type=text] {
padding: 0.75em 0.5em;
width: 100%;
}
.tm-tea-locator--widget button[type=submit] {
margin-top: 1em;
padding: 0.75em 1.25em;
}
.trm-popular-tags-wrapper {
clear: both;
padding: 20px 0;
}
.trm-popular-tags {
margin: 0 0 20px 0;
}
.trm-popular-tags.archive {
margin: 0;
text-align: center;
}
.trm-popular-tags.archive ul {
max-width: 100%;
}
.trm-popular-tags.archive ul li {
display: inline-block;
margin: 0 0 0 16px;
}
.trm-popular-tags.archive ul li a {
font-size: 14px;
}
.trm-popular-tags.archive ul li:first-child {
margin: 0;
}
.trm-popular-tags h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-size: 24px;
color: #275D38;
font-weight: 400;
margin: 0 0 16px;
}
.trm-popular-tags ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.trm-popular-tags ul li {
display: inline-block;
line-height: 0;
margin: 0 0.75em 0.75em 0;
}
.trm-popular-tags ul li a {
display: inline-block;
line-height: 1;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 12px;
text-decoration: none;
background-repeat: none;
background-position: center center;
background-size: cover;
text-align: center;
padding: 0.75em;
}
.trm-newsletter-cta-updated {
background-image: url("../img/archive-bg/tm-new-newsletter-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.trm-newsletter-cta-updated.ppj-sidebar .trm-newsletter-signup-wrapper {
padding: 1.25em 1em 1em;
}
.trm-newsletter-cta-updated.ppj-sidebar h2 {
font-size: 16px;
}
.trm-newsletter-cta-updated.ppj-sidebar input[type=email] {
width: 64%;
padding: 4px 0.5em 4px 1em;
}
.trm-newsletter-cta-updated.ppj-sidebar button[type=submit] {
padding: 0.5em 1.5em;
}
.trm-newsletter-cta-updated .trm-newsletter-signup-wrapper {
background: rgba(0, 0, 0, 0.25);
display: table;
width: 100%;
height: 100%;
padding: 2.25em 2em 2em;
}
.trm-newsletter-cta-updated h2 {
margin: 0 0 0.75em 0;
color: #ffffff;
font-weight: 500;
}
.trm-newsletter-cta-updated p {
margin: 0;
font-weight: 400;
color: #ffffff;
}
.trm-newsletter-cta-updated form {
margin: 0 0 0.75em 0;
}
.trm-newsletter-cta-updated label {
font-size: 0;
line-height: 0;
visibility: hidden;
text-indent: -9999px;
}
.trm-newsletter-cta-updated input[type=email] {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
line-height: 1;
padding: 1em 0.5em 1em 1em;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
vertical-align: middle;
width: 50%;
}
.trm-newsletter-cta-updated button[type=submit] {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
line-height: 1;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-weight: 700;
padding: 16px 1.5em;
vertical-align: middle;
width: 80px;
background-color: #275D38;
color: white;
}
.ppj-feature {
margin: 3em 0 2em;
}
.ppj-selected-articles h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
text-align: center;
font-weight: 400;
line-height: 1;
font-size: 28px;
text-transform: none !important;
margin: 0 0 24px 0 !important;
}
.alternate {
width: 32.5% !important;
padding-top: 0% !important;
height: 37.15vh;
min-height: 340px;
display: block;
cursor: pointer;
text-decoration: none;
}
.alternate:nth-child(even) {
margin: 0 1.25% 1%;
}
.alternate .placement {
position: static;
min-height: inherit;
}
.alternate .cta-btn {
font-size: 12px;
text-decoration: none;
padding: 0.75em 1.5em;
text-transform: uppercase;
}
.alternate .articletitle {
font-size: 28px !important;
line-height: 1.15 !important;
max-width: 90%;
position: relative;
font-family: "Lusitana", "Garamond", "Georgia", serif;
}
.alternate .articletitle:after {
content: "";
display: block;
width: 100px;
height: 1px;
background-color: #ffffff;
position: absolute;
bottom: -12px;
left: 0;
}
.alternate .articledateline {
font-weight: 300;
font-size: 14px !important;
max-width: 80%;
margin-top: 1.5em !important;
line-height: 1.3 !important;
margin-bottom: 0.5em;
}
.alternate .cellular {
text-align: left;
}
@media screen and (min-width: 1024px) {
.alternate {
max-height: 340px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.alternate {
max-height: 550px;
}
}
@media screen and (max-width: 768px) {
.alternate {
width: 100% !important;
height: 37.15vh !important;
min-height: 340px !important;
max-height: 440px !important;
margin: 0 0 10px 0 !important;
}
.alternate:nth-child(even) {
margin: 0 0 0;
}
}
.trm-widget-thumb {
background-position: center center;
background-size: cover;
display: block;
height: 150px;
width: 100%;
}
.trm-ppj-featured-collection {
margin: 10px auto;
padding: 10px 0;
clear: both;
}
@media (min-width: 1200px) {
.trm-ppj-featured-collection {
display: flex;
align-items: center;
}
.trm-ppj-featured-collection .trm-ppj-featured-collection-info {
width: 25%;
}
.trm-ppj-featured-collection .trm-ppj-featured-collection-list {
width: 75%;
}
}
.trm-ppj-featured-collection .trm-ppj-featured-collection-info h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
color: #275D38;
font-size: 30px;
line-height: 1.2;
font-weight: 400;
margin: 0 0 10px 0;
padding-right: 20px;
}
@media screen and (min-width: 900px) and (max-width: 962px) {
.trm-ppj-featured-collection .trm-ppj-featured-collection-info h2 {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
.trm-ppj-featured-collection .trm-ppj-featured-collection-info h2 {
padding: 0;
font-size: 30px;
}
}
.trm-ppj-featured-collection .trm-ppj-featured-collection-info p {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
color: #333333;
font-weight: 300;
font-size: 15px;
line-height: 1.5;
padding-right: 10px;
max-width: 80%;
}
@media screen and (max-width: 768px) {
.trm-ppj-featured-collection .trm-ppj-featured-collection-info p {
width: 100%;
}
}
@media (max-width: 1200px) {
.trm-ppj-featured-collection .trm-ppj-featured-collection-info {
text-align: center;
}
.trm-ppj-featured-collection .trm-ppj-featured-collection-info p {
margin: auto;
margin-bottom: 1em;
padding: 0;
}
}
.trm-ppj-featured-collection .trm-ppj-featured-collection-list {
display: flex;
}
@media (max-width: 600px) {
.trm-ppj-featured-collection .trm-ppj-featured-collection-list {
flex-wrap: wrap;
}
}
.trm-ppj-featured-collection .trm-ppj-collection-article {
flex: 1 1 100%;
padding: 0 0 0 10px;
}
.trm-ppj-featured-collection .trm-ppj-collection-article:first-of-type {
padding: 0;
margin: 0;
}
@media (max-width: 600px) {
.trm-ppj-featured-collection .trm-ppj-collection-article {
padding: 0;
margin: 25px 0 0;
}
}
.trm-ppj-featured-collection .trm-ppj-collection-article h3 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
color: #275D38;
font-size: 20px;
line-height: 1.2;
font-weight: 400;
max-width: 80%;
margin: 0.5em 0;
}
@media screen and (max-width: 768px) {
.trm-ppj-featured-collection .trm-ppj-collection-article h3 {
height: auto !important;
min-height: auto !important;
}
}
.trm-ppj-featured-collection .trm-ppj-collection-article img {
width: 100%;
}
.trm-ppj-featured-collection .trm-ppj-collection-article a {
font-size: 10px;
text-decoration: none;
padding: 0.75em 1.5em;
text-transform: uppercase;
font-weight: 500;
}
.trm-ppj-featured-rating {
margin: 10px 0;
padding: 10px 0;
clear: both;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-container {
margin: 0 auto;
text-align: center;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-product-info {
text-align: center;
max-width: 130px;
width: 30%;
display: inline-block;
vertical-align: top;
padding-top: 0.7em;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-product-info img {
width: 100%;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-product-info h3 {
font-size: 14px;
font-weight: 400;
}
@media screen and (max-width: 700px) {
.trm-ppj-featured-rating .trm-ppj-featured-rating-product-info {
max-width: 100%;
width: 100%;
display: block;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-product-info img {
max-width: 130px;
}
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-content {
display: inline-block;
width: 70%;
width: 50.6%;
width: 52%;
vertical-align: middle;
margin-left: 6%;
margin-left: 4.8%;
text-align: left;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-content .trm-ppj-featured-rating-stars i {
font-size: 20px;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-content .trm-ppj-featured-rating-stars p {
display: inline-block;
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-weight: 400;
font-size: 12px;
margin-left: 24px;
vertical-align: middle;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-content q p {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 300;
font-size: 30px;
margin: 5px 0 10px 0;
line-height: 1.2;
display: block;
}
@media screen and (max-width: 768px) {
.trm-ppj-featured-rating .trm-ppj-featured-rating-content q p {
font-size: 24px;
}
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-content .trm-featured-rating-buttons {
margin: 20px 0 0;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-content a {
font-size: 11px;
text-decoration: none;
padding: 8px 24px;
text-transform: uppercase;
font-weight: 500;
display: inline-block;
}
@media screen and (max-width: 700px) {
.trm-ppj-featured-rating .trm-ppj-featured-rating-content {
text-align: center;
}
.trm-ppj-featured-rating .trm-ppj-featured-rating-content q p {
font-size: 20px;
}
}
@media screen and (max-width: 700px) {
.trm-ppj-featured-rating .trm-ppj-featured-rating-content {
display: block;
width: 100%;
margin-left: 0;
}
}
.trm-archive-single-article {
padding: 10px 0;
}
.trm-archive-single-article .trm-archive-single-article-content {
text-align: right;
}
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-copy,
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-image {
display: inline-block;
vertical-align: middle;
}
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-copy {
width: 25%;
text-align: left;
}
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-copy h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
line-height: 1.1;
font-size: 24px;
font-weight: 400;
margin: 0 0 10px 0;
}
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-copy p {
margin: 0;
font-size: 12px;
padding-right: 3em;
}
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-copy a {
font-size: 12px;
display: inline-block;
text-decoration: none;
margin-top: 10px;
padding: 0.5em 1em;
text-transform: uppercase;
font-weight: 500;
}
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-image {
width: 70%;
}
.trm-archive-single-article .trm-archive-single-article-content .trm-archive-single-article-image img {
width: 100%;
}
.trm-sidebar-product-cta {
margin: 10px 0;
text-align: left;
}
.trm-sidebar-product-cta img {
width: 60%;
max-width: 200px;
}
.trm-sidebar-product-cta p {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
font-weight: 400;
font-size: 12px;
}
.trm-sidebar-product-cta a {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-size: 11px;
display: inline-block;
padding: 0.65em 1em 0.5em;
text-transform: uppercase;
text-decoration: none;
}
.trm-sidebar-product-cta a:last-child {
margin: 0 0 0 4px;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-info h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
color: #333333;
font-size: 30px;
line-height: 1.2;
font-weight: 400;
margin: 0 0 6px 0;
padding-right: 20px;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-info p {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
color: #333333;
font-weight: 300;
font-size: 14px;
line-height: 1.5;
padding-right: 10px;
max-width: 95%;
margin: 0 0 20px 0;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-article {
margin: 0 0 24px 0;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-article:last-child {
margin: 0;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-article img {
width: 100%;
margin: 0 0 10px 0;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-article h3 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
color: #333333;
font-size: 24px;
line-height: 1.2;
font-weight: 400;
margin: 0 0 12px 0;
padding-right: 20px;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-article a {
font-size: 11px;
color: #ffffff;
background-color: #275D38;
text-decoration: none;
padding: 8px 24px;
text-transform: uppercase;
font-weight: 500;
}
.trm-sidebar-ppj-collection-cta .trm-sidebar-ppj-collection-article a:last-child {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-size: 11px;
display: inline-block;
padding: 0.65em 1em 0.5em;
text-transform: uppercase;
text-decoration: none;
}
.trm-sidebar-ppj-cta img {
display: block;
width: 80%;
margin: 0 0 15px 0;
}
.trm-sidebar-ppj-cta .trm-sidebar-ppj-cta-content h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
color: #275D38;
font-size: 30px;
line-height: 1.2;
font-weight: 400;
margin: 0 0 20px 0;
max-width: 80%;
position: relative;
}
.trm-sidebar-ppj-cta .trm-sidebar-ppj-cta-content h2:after {
content: "";
display: block;
height: 1px;
width: 80%;
background-color: #275D38;
left: 0;
bottom: -10px;
position: absolute;
}
.trm-sidebar-ppj-cta .trm-sidebar-ppj-cta-content p {
max-width: 85%;
}
.trm-sidebar-ppj-cta .trm-sidebar-ppj-cta-content a {
color: #275D38;
}
.trm-sidebar-ppj-cta .trm-sidebar-ppj-cta-content a.btn {
font-size: 11px;
text-decoration: none;
padding: 8px 24px;
text-transform: uppercase;
font-weight: 500;
}
.trm-old-sidebar-item {
margin-top: 250px;
}
@media screen and (max-width: 768px) {
.trm-old-sidebar-item {
margin-top: 0;
}
}
.trm-old-sidebar-item .trm-sidebar-ppj-cta-old img {
display: block;
width: 80%;
margin: 0 0 15px 0;
}
.trm-old-sidebar-item .trm-sidebar-ppj-cta-old .trm-sidebar-ppj-cta-content h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
color: #275D38;
font-size: 30px;
line-height: 1.2;
font-weight: 400;
margin: 0 0 20px 0;
max-width: 80%;
position: relative;
}
.trm-old-sidebar-item .trm-sidebar-ppj-cta-old .trm-sidebar-ppj-cta-content h2:after {
content: "";
display: block;
height: 1px;
width: 80%;
background-color: #275D38;
left: 0;
bottom: -10px;
position: absolute;
}
.trm-old-sidebar-item .trm-sidebar-ppj-cta-old .trm-sidebar-ppj-cta-content p {
max-width: 85%;
}
.trm-old-sidebar-item .trm-sidebar-ppj-cta-old .trm-sidebar-ppj-cta-content a.btn {
font-size: 11px;
color: #ffffff;
display: inline-block;
background-color: #275D38;
text-decoration: none;
margin-top: 10px;
padding: 8px 24px;
text-transform: uppercase;
font-weight: 500;
}
.trm-bv-expanded-reviews {
border: 1px solid #275D38;
display: none;
padding-top: 10px;
position: fixed;
top: 10%;
height: 80%;
z-index: 99999;
left: 10%;
width: 80%;
margin: 0 auto;
background: #fff;
overflow-y: scroll;
}
.trm-product-ratings-reviews-info {
cursor: pointer;
margin: 4px 0 16px 0;
}
@media screen and (min-width: 768px) and (max-width: 875px) {
.trm-product-ratings-reviews-info {
padding: 0 80px;
}
}
@media screen and (max-width: 768px) {
.trm-product-ratings-reviews-info {
padding: 0 16px;
margin: 8px 0 16px 0;
}
}
.trm-product-ratings-reviews-info .trm-product-star-average {
display: inline-block;
vertical-align: middle;
}
.trm-product-ratings-reviews-info .trm-product-star-average i {
color: #275D38;
font-size: 18px;
}
.trm-product-ratings-reviews-info p {
display: inline-block;
margin: 0 0 0 16px;
font-size: 15px;
vertical-align: middle;
}
.trm-product-ratings-reviews-info p span {
display: inline-block;
}
@media screen and (max-width: 768px) {
.trm-product-ratings-reviews-info p {
display: block;
margin: 8px 0 0 0;
}
}
.trm-overlay {
background: rgba(0, 0, 0, 0.2);
display: none;
height: 100%;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 88888;
}
.trm-overlay-close {
width: 30px;
height: 30px;
background: url(../img/trm-newsletter-close-dark.png) center center/30px 30px no-repeat;
cursor: pointer;
display: none;
margin-right: -15px;
margin-top: -15px;
position: fixed;
top: 10%;
right: 10%;
z-index: 999999;
}
.trm-how-to-brew {
border: 1px solid #662b14;
padding: 0 50px 20px;
}
.trm-how-to-brew .title {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-size: 36px;
margin: 0.67em 0;
}
.trm-how-to-brew .title:after {
content: "";
width: 140px;
height: 2px;
background-color: #662b14;
display: block;
margin: 0 auto;
}
.trm-how-to-brew p {
font-size: 16px;
}
.trm-how-to-brew-content {
background: #fff;
margin: 0 auto;
max-width: 600px;
padding: 20px;
width: 100%;
}
.trm-how-to-brew-wrapper {
display: none;
position: fixed;
text-align: center;
top: 160px;
width: 100%;
z-index: 99999;
}
.trm-nutrition-wrapper {
display: none;
height: 100%;
padding-top: 5%;
pointer-events: none;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 99999;
}
.trm-nutrition-wrapper a {
pointer-events: auto;
}
.trm-nutrition-wrapper img {
max-height: 90%;
max-width: 100%;
}
.trm-nutrition-wrapper img.multiple {
max-height: 80%;
}
.trm-product-details p {
font-size: 13px;
line-height: 1.5;
margin: 5px 0 25px;
padding-top: 0px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 10px;
}
.trm-product-details p:first-child {
margin: 0 0 25px;
}
.trm-product-details p + p {
margin: 0 0 25px;
}
.trm-product-details p:last-child {
margin: 5px 0 0;
}
@media screen and (max-width: 875px) {
.trm-product-details p {
margin: 3px 0 25px;
}
}
.trm-product-details a {
color: #275D38;
}
.trm-product-details .trm-btn {
display: inline-block;
font-size: 15px;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 500;
font-style: normal;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
padding: 12px 24px;
}
.trm-product-details .trm-btn:first-child {
margin: 0;
}
.trm-product-details .trm-btn:last-child {
margin: 0 0 0 10px;
}
.trm-product-review-carousel {
margin: 0;
}
@media screen and (max-width: 768px) {
.trm-product-review-carousel .slick-arrow {
top: 91% !important;
}
}
.trm-product-review-carousel .slick-prev,
.trm-product-review-carousel .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 47.25%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
overflow: visible;
}
.trm-product-review-carousel .slick-prev:hover, .trm-product-review-carousel .slick-prev:focus,
.trm-product-review-carousel .slick-next:hover,
.trm-product-review-carousel .slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.trm-product-review-carousel .slick-prev:hover:before, .trm-product-review-carousel .slick-prev:focus:before,
.trm-product-review-carousel .slick-next:hover:before,
.trm-product-review-carousel .slick-next:focus:before {
opacity: 1;
}
.trm-product-review-carousel .slick-prev.disabled:before,
.trm-product-review-carousel .slick-next.disabled:before {
opacity: 0.25;
}
.trm-product-review-carousel .slick-prev:before,
.trm-product-review-carousel .slick-next:before {
font-family: "FontAwesome";
font-size: 40px;
line-height: 1;
opacity: 0.75;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
z-index: 500;
}
.trm-product-review-carousel .slick-prev {
left: 35px;
}
.trm-product-review-carousel .slick-prev:before {
content: "";
}
.trm-product-review-carousel [dir=rtl] .slick-prev {
right: 35px;
left: auto;
}
.trm-product-review-carousel [dir=rtl] .slick-prev:before {
content: "";
}
.trm-product-review-carousel .slick-next {
right: 35px;
}
.trm-product-review-carousel .slick-next:before {
content: "";
}
.trm-product-review-carousel [dir=rtl] .slick-next {
right: auto;
left: -25px;
}
.trm-product-review-carousel [dir=rtl] .slick-next:before {
content: "";
}
.trm-product-review-carousel .trm-product-review-panel {
height: 100vh;
max-height: 440px;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.trm-product-review-carousel .trm-product-review-panel {
max-height: 480px;
}
}
.trm-product-review-carousel .trm-product-review-content-container {
background-color: rgba(45, 44, 44, 0.5);
display: table;
width: 100%;
height: inherit;
max-height: inherit;
}
.trm-product-review-carousel .trm-product-review-content {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
top: -10px;
}
.trm-product-review-carousel .trm-product-review-content i {
color: #ffffff;
font-size: 24px;
padding: 0 0.125em;
}
@media screen and (max-width: 480px) {
.trm-product-review-carousel .trm-product-review-content i {
font-size: 18px;
}
}
.trm-product-review-carousel .trm-product-review-content .h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
font-size: 36px;
display: inline-block;
border-bottom: 1px solid #ffffff;
margin: 14px 0 16px;
text-transform: none !important;
}
@media screen and (max-width: 480px) {
.trm-product-review-carousel .trm-product-review-content .h2 {
font-size: 20px;
margin: 18px 0 16px;
}
}
.trm-product-review-carousel .trm-product-review-content p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 16px;
font-weight: 400;
max-width: 65%;
margin: 0 auto 10px;
color: #ffffff;
line-height: 1.5;
}
@media (max-width: 768px) {
.trm-product-review-carousel .trm-product-review-content p {
font-size: 14px;
max-width: 85%;
}
}
@media (max-width: 500px) {
.trm-product-review-carousel .trm-product-review-content p {
font-size: 14px;
max-width: 100%;
}
}
.trm-product-review-carousel .trm-product-review-content .trm-reviewer-and-duration {
display: block;
color: #ffffff;
margin: 0 0 20px 0;
}
.trm-product-review-carousel .trm-product-review-content .trm-reviewer-and-duration span {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 18px;
font-weight: 400;
}
@media screen and (max-width: 480px) {
.trm-product-review-carousel .trm-product-review-content .trm-reviewer-and-duration span {
font-size: 14px;
}
}
.trm-product-review-carousel .trm-product-review-content a {
display: inline-block;
font-size: 15px;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 500;
font-style: normal;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
padding: 12px 24px;
margin: 0 0 0 10px;
}
@media screen and (max-width: 500px) {
.trm-product-review-carousel .trm-product-review-content a {
margin: 10px;
}
}
.trm-product-review-carousel .trm-product-review-content a:first-child {
margin: 0;
}
@media screen and (max-width: 768px) {
.trm-product-review-carousel .trm-product-review-content a {
margin: 0 0 10px 0;
}
.trm-product-review-carousel .trm-product-review-content a:last-child {
margin: 0;
}
}
.trm-product-no-review {
margin: 0;
}
.trm-product-no-review .h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 28px;
margin: 0 0 0.5em 0;
text-shadow: 0 0 15px black;
}
.trm-product-no-review .trm-product-no-review-panel {
height: 100vh;
max-height: 440px;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.trm-product-no-review .trm-product-no-review-panel {
max-height: 480px;
}
}
.trm-product-no-review .trm-product-review-content-container {
background-color: rgba(45, 44, 44, 0.5);
display: table;
width: 100%;
height: inherit;
max-height: inherit;
}
.trm-product-no-review .trm-product-review-content {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
top: -10px;
}
.trm-product-no-review .trm-product-review-content h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
font-size: 36px;
display: inline-block;
border-bottom: 1px solid #ffffff;
margin: 14px 0 16px;
text-transform: none !important;
}
@media screen and (max-width: 480px) {
.trm-product-no-review .trm-product-review-content h2 {
font-size: 20px;
margin: 18px 0 16px;
}
}
.trm-product-no-review .trm-product-review-content p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 16px;
font-weight: 400;
max-width: 65%;
margin: 0 auto 10px;
color: #ffffff;
line-height: 1.5;
}
@media (max-width: 768px) {
.trm-product-no-review .trm-product-review-content p {
font-size: 14px;
max-width: 85%;
}
}
@media (max-width: 500px) {
.trm-product-no-review .trm-product-review-content p {
font-size: 14px;
max-width: 100%;
padding: 0 10px;
}
}
.trm-product-no-review .trm-product-review-content .trm-reviewer-and-duration {
display: block;
color: #ffffff;
margin: 0 0 20px 0;
}
.trm-product-no-review .trm-product-review-content .trm-reviewer-and-duration span {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-size: 18px;
font-weight: 400;
}
@media screen and (max-width: 480px) {
.trm-product-no-review .trm-product-review-content .trm-reviewer-and-duration span {
font-size: 14px;
}
}
.trm-product-no-review .trm-product-review-content a {
display: inline-block;
font-size: 15px;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 500;
font-style: normal;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
padding: 12px 24px;
margin: 0 0 0 10px;
}
.trm-product-no-review .trm-product-review-content a:first-child {
margin: 0;
}
@media screen and (max-width: 480px) {
.trm-product-no-review .trm-product-review-content a {
margin: 5px;
}
.trm-product-no-review .trm-product-review-content a:first-child {
margin: 0 0 10px 0;
}
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: "FontAwesome";
font-size: 16px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "";
content: "";
text-align: center;
opacity: 1;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 1;
color: #ffffff;
content: "";
}
.tm-callout-text .alignleft,
.tm-landing-split-txt .alignleft {
float: left;
margin-right: 20px;
margin-bottom: 16px;
}
.tm-callout-text .alignright,
.tm-landing-split-txt .alignright {
float: right;
margin-left: 20px;
margin-bottom: 16px;
}
.tm-callout-text .aligncenter,
.tm-landing-split-txt .aligncenter {
display: block;
margin: 16px auto;
}
.tm-callout-text .alignleft + *:not(.alignleft),
.tm-callout-text .alignleft + *:not(.alignright),
.tm-landing-split-txt .alignleft + *:not(.alignleft),
.tm-landing-split-txt .alignleft + *:not(.alignright) {
float: none;
clear: both;
}
.page-template-page-im h1,
.page-template-page-im .h1,
.page-template-default:not(.home) h1,
.page-template-default:not(.home) .h1 {
color: #275D38;
font-size: 36px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
}
.tm-callout-text h2,
.tm-landing-split-txt h2,
.trm-other-products h2,
.page-template-page-im h2,
.page-template-page-jobs-new h2,
.page-template-default:not(.home) h2,
.single-article .trm-one-column-content h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-style: normal;
color: #275D38;
font-size: 28px;
line-height: normal;
text-transform: none;
margin: 0 0 24px !important;
}
.tm-callout-text h2:after,
.tm-landing-split-txt h2:after,
.page-template-page-im h2:after,
.page-template-page-jobs-new h2:after,
.page-template-default:not(.home) h2:after,
.single-article .trm-three-column h2:after,
.single-article .trm-single-column-content h2:after {
display: block;
width: 170px;
margin-top: 12px;
border-bottom: 3px solid #275D38;
content: "";
}
.trm-other-products h2 {
text-align: center;
}
.trm-other-products {
margin: 3em 0 5em;
width: 100%;
}
.trm-other-products-carousel-container {
max-width: 500px;
max-width: 550px;
margin: 0 auto;
/* Arrows */
}
.trm-other-products-carousel-container .slick-prev,
.trm-other-products-carousel-container .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 27.5%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
overflow: visible;
}
.trm-other-products-carousel-container .slick-prev:hover, .trm-other-products-carousel-container .slick-prev:focus,
.trm-other-products-carousel-container .slick-next:hover,
.trm-other-products-carousel-container .slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.trm-other-products-carousel-container .slick-prev:hover:before, .trm-other-products-carousel-container .slick-prev:focus:before,
.trm-other-products-carousel-container .slick-next:hover:before,
.trm-other-products-carousel-container .slick-next:focus:before {
opacity: 1;
}
.trm-other-products-carousel-container .slick-prev.disabled:before,
.trm-other-products-carousel-container .slick-next.disabled:before {
opacity: 0.25;
}
.trm-other-products-carousel-container .slick-prev:before,
.trm-other-products-carousel-container .slick-next:before {
font-family: "FontAwesome";
font-size: 40px;
line-height: 1;
opacity: 0.75;
color: #275D38;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.trm-other-products-carousel-container .slick-prev {
left: -25px;
}
@media screen and (max-width: 768px) {
.trm-other-products-carousel-container .slick-prev {
left: 0;
}
}
.trm-other-products-carousel-container .slick-prev:before {
content: "";
}
.trm-other-products-carousel-container [dir=rtl] .slick-prev {
right: -25px;
left: auto;
}
.trm-other-products-carousel-container [dir=rtl] .slick-prev:before {
content: "";
}
.trm-other-products-carousel-container .slick-next {
right: -25px;
}
@media screen and (max-width: 768px) {
.trm-other-products-carousel-container .slick-next {
right: 0;
}
}
.trm-other-products-carousel-container .slick-next:before {
content: "";
}
.trm-other-products-carousel-container [dir=rtl] .slick-next {
right: auto;
left: -25px;
}
.trm-other-products-carousel-container [dir=rtl] .slick-next:before {
content: "";
}
.trm-related-product {
width: 20%;
text-align: center;
}
.trm-related-product a {
display: block;
color: #662b14;
text-decoration: none;
padding-bottom: 15px;
}
.trm-related-product a:hover {
color: #b27e6b;
}
.trm-related-product a figure .imgWidth {
width: 96px;
margin: 0 auto;
}
@media screen and (max-width: 614px) {
.trm-related-product a figure .imgWidth {
width: 76px;
}
}
.trm-related-product a figure .imgWidth .img {
min-height: 130px;
}
@media screen and (max-width: 614px) {
.trm-related-product a figure .imgWidth .img {
min-height: 80px;
background-size: contain;
background-position: center;
}
}
.trm-related-product a figure .img {
background-size: 100% auto;
background-repeat: no-repeat;
padding-top: 134.375%;
}
.trm-related-product a figure figcaption {
color: #275D38;
font-size: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
padding-top: 20px;
}
.trm-product-ingredient-details {
margin: 4em 0;
}
.trm-product-ingredient-details .trm-into-wrapper {
position: absolute;
right: -60px;
top: -90px;
}
.trm-product-ingredient-details .trm-into-wrapper a {
background-color: transparent;
}
.trm-product-ingredient-details .trm-product-ingredient-info {
width: 50%;
float: left;
position: relative;
}
@media screen and (max-width: 768px) {
.trm-product-ingredient-details .trm-product-ingredient-info {
width: 100%;
float: none;
margin: 0 0 20px 0;
}
}
.trm-product-ingredient-details .trm-product-ingredient-info h2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-style: normal;
color: #275D38;
font-size: 36px;
margin-left: 0;
text-transform: none;
position: relative;
}
.trm-product-ingredient-details .trm-product-ingredient-info h2:after {
content: "";
width: 28%;
height: 2px;
background-color: #275D38;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.trm-product-ingredient-details .trm-product-ingredient-info p {
color: #333333;
font-size: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
max-width: 85%;
}
@media screen and (max-width: 768px) {
.trm-product-ingredient-details .trm-product-ingredient-info p {
max-width: 100%;
}
}
.trm-product-ingredient-details .trm-product-ingredient-info a {
display: inline-block;
font-size: 12px;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 500;
font-style: normal;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
padding: 12px 24px;
margin: 16px 0 10px 0;
}
.trm-product-ingredient-details .trm-product-ingredient-info a:first-child {
margin: 0 0 10px 0;
}
.trm-product-ingredient-details .trm-product-ingredient-info a + a {
margin: 16px 0 10px 10px;
}
.trm-product-ingredient-details .trm-ingredient-certifications {
margin: 20px 0;
padding: 0;
max-width: 75%;
text-align: left;
}
.trm-product-ingredient-details .trm-ingredient-certifications li {
display: inline-block;
margin-bottom: 16px;
margin-right: 10px;
vertical-align: middle;
}
.trm-product-ingredient-details .trm-ingredient-certifications li img {
width: 50px;
}
.trm-product-ingredient-details .trm-product-ingredient-images {
width: 50%;
float: left;
margin: 10px 0 0 0;
}
@media screen and (max-width: 768px) {
.trm-product-ingredient-details .trm-product-ingredient-images {
width: 100%;
float: none;
margin: 0 0 0 0;
}
}
.trm-product-ingredient-details .trm-product-ingredient-images figure .trm-product-ingredient-image-container {
display: inline-block;
font-size: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure .trm-product-ingredient-image-container img {
opacity: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.single-image .trm-product-ingredient-image-container {
margin: 0 0 5px 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.single-image .trm-product-ingredient-image-container img {
width: 100%;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.dual-image .trm-product-ingredient-image-container {
margin: 0 0 5px 0;
width: 100%;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.dual-image .trm-product-ingredient-image-container:last-child {
margin: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.dual-image .trm-product-ingredient-image-container img {
width: 100%;
opacity: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.tripple-image .trm-product-ingredient-image-container {
width: 49.5%;
margin-bottom: 5px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.trm-product-ingredient-details .trm-product-ingredient-images figure.tripple-image .trm-product-ingredient-image-container {
width: 49.25%;
}
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.tripple-image .trm-product-ingredient-image-container:first-child {
width: 100%;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.tripple-image .trm-product-ingredient-image-container:nth-last-child(2) {
margin-left: 1px;
}
@media screen and (max-width: 505px) {
.trm-product-ingredient-details .trm-product-ingredient-images figure.tripple-image .trm-product-ingredient-image-container {
margin: 0 0 5px 0;
width: 100%;
}
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.tripple-image .trm-product-ingredient-image-container img {
width: 100%;
opacity: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.quad-image .trm-product-ingredient-image-container {
width: 49.5%;
margin-bottom: 5px;
margin-left: 1px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.trm-product-ingredient-details .trm-product-ingredient-images figure.quad-image .trm-product-ingredient-image-container {
width: 49.25%;
}
}
@media screen and (max-width: 505px) {
.trm-product-ingredient-details .trm-product-ingredient-images figure.quad-image .trm-product-ingredient-image-container {
margin: 0 0 5px 0;
width: 100%;
}
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.quad-image .trm-product-ingredient-image-container:first-child {
margin-left: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.quad-image .trm-product-ingredient-image-container:nth-last-child(3) {
margin-left: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure.quad-image .trm-product-ingredient-image-container img {
width: 100%;
opacity: 0;
}
.trm-product-ingredient-details .trm-product-ingredient-images figure figcaption {
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
color: #595959;
}
.productDetailContent {
width: 80%;
margin: 4rem auto;
min-height: 525px;
position: relative;
z-index: 3;
}
.productDetailContent > * {
z-index: 2;
}
.productDetailContent:before {
content: "";
display: block;
background-image: url("../img/ktm_product-5.png");
background-size: contain;
background-repeat: no-repeat;
width: 30vw;
height: 30vw;
position: absolute;
right: -20%;
top: -30%;
z-index: 0;
clear: both;
pointer-events: none;
}
@media screen and (max-width: 1024px) {
.productDetailContent:before {
right: -5%;
top: -20%;
}
}
@media screen and (max-width: 768px) {
.productDetailContent:before {
right: -5%;
top: -5%;
width: 40vw;
height: 40vw;
}
}
.productDetailContent:after {
content: "";
display: block;
background-image: url("../img/ktm_product-1.png");
background-size: contain;
background-repeat: no-repeat;
width: 50vw;
height: 50vw;
position: absolute;
left: -35%;
top: 17%;
z-index: 0;
clear: both;
pointer-events: none;
}
@media screen and (max-width: 1024px) {
.productDetailContent:after {
left: -20%;
top: 30%;
}
}
@media screen and (max-width: 768px) {
.productDetailContent:after {
width: 75vw;
height: 75vw;
left: -30%;
top: 0%;
}
}
@media only screen and (max-width: 1024px) {
.productDetailContent {
width: 100%;
padding: 0 80px;
}
}
@media only screen and (max-width: 768px) {
.productDetailContent {
padding: 0 1em;
margin: 1rem auto 3rem auto;
}
}
.productDetailContent .innerPadding {
max-width: 90%;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 1280px) {
.productDetailContent .innerPadding {
width: 100%;
max-width: 1024px;
}
}
.productDetailContent .tm-product-carousel-container {
max-width: 348px;
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
.productDetailContent .tm-product-carousel-container {
position: absolute;
top: 0;
left: 0;
width: 33%;
}
}
.productDetailContent .productDetailMain {
width: 100%;
max-width: 100%;
}
@media only screen and (min-width: 769px) {
.productDetailContent .productDetailMain {
padding-left: 36%;
}
}
.productDetailRelated {
position: relative;
z-index: 3;
}
.productDetailRelated > * {
z-index: 2;
position: relative;
}
@media only screen and (min-width: 769px) {
.productDetailRelated:before {
content: "";
display: block;
background-image: url("../img/ktm_product-2.png");
background-size: contain;
background-repeat: no-repeat;
width: 50vw;
height: 100vw;
position: absolute;
right: -15%;
top: -5%;
z-index: 0;
clear: both;
pointer-events: none;
}
}
@media only screen and (min-width: 769px) {
.productDetailRelated:after {
content: "";
display: block;
background-image: url("../img/ktm_product-4.png");
background-size: contain;
background-repeat: no-repeat;
width: 50vw;
height: 50vw;
position: absolute;
right: -30%;
bottom: 0%;
z-index: 0;
clear: both;
pointer-events: none;
}
}
.trm-product-ingredient-details + .ppj-feature {
position: relative;
z-index: 2;
}
.trm-product-ingredient-details + .ppj-feature > * {
z-index: 2;
position: relative;
}
@media only screen and (min-width: 769px) {
.trm-product-ingredient-details + .ppj-feature:after {
content: "";
display: block;
background-image: url("../img/ktm_product-3.png");
background-size: contain;
background-repeat: no-repeat;
width: 50vw;
height: 50vw;
position: absolute;
left: -30%;
top: -75%;
z-index: 0;
clear: both;
pointer-events: none;
}
}
.single-article #primary {
position: relative;
z-index: 2;
}
.single-article #primary > * {
z-index: 2;
position: relative;
}
.single-article #primary:before {
content: "";
display: block;
background-image: url("../img/ktm_journal-1.png");
background-size: contain;
background-repeat: no-repeat;
width: 30vw;
height: 50vw;
position: absolute;
right: -10%;
top: 0;
z-index: 0;
clear: both;
}
.single-article #primary .trm-main-article-sidebar {
position: relative;
z-index: 2;
}
.single-article #primary .trm-main-article-sidebar > * {
z-index: 2;
position: relative;
}
.single-article #primary .trm-main-article-sidebar:before {
content: "";
display: block;
background-image: url("../img/ktm_journal-2.png");
background-size: contain;
background-repeat: no-repeat;
width: 35vw;
height: 35vw;
position: absolute;
left: 10%;
top: 600px;
z-index: 0;
clear: both;
width: 50vw;
}
@media only screen and (max-width: 768px) {
.single-article #primary .trm-main-article-sidebar:before {
height: 50vw;
left: auto;
right: -20%;
top: 200px;
}
}
.single-article #primary .trm-updated-article {
position: relative;
z-index: 2;
}
.single-article #primary .trm-updated-article > * {
z-index: 2;
position: relative;
}
@media only screen and (min-width: 769px) {
.single-article #primary .trm-updated-article:after {
content: "";
display: block;
background-image: url("../img/ktm_journal-3.png");
background-size: contain;
background-repeat: no-repeat;
width: 40vw;
height: 30vw;
position: absolute;
right: -25%;
bottom: -10%;
z-index: 0;
clear: both;
}
}
.single-article #primary.article--small .trm-main-article-sidebar:before {
display: none;
}
.trm-recipe-container {
background-color: #f3f3f3;
}
.trm-recipe-container + .printed-recipe + .trm-recipe-container {
margin-top: 1rem;
}
.trm-recipe-container[data-recipe=recipe-1] {
position: relative;
z-index: 2;
background-color: #f3f3f3;
}
.trm-recipe-container[data-recipe=recipe-1] > * {
z-index: 2;
position: relative;
background-color: #f3f3f3;
}
.trm-recipe-container[data-recipe=recipe-1] .trm-recipe-description span {
background: none !important;
}
.trm-recipe-container[data-recipe=recipe-1]:after {
content: "";
display: block;
background-image: url("../img/ktm_journal-4.png");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
width: 10vw;
height: 100%;
position: absolute;
right: 100%;
top: 0%;
z-index: 0;
clear: both;
}
@media only screen and (max-width: 768px) {
.trm-recipe-container[data-recipe=recipe-1]:after {
height: 75vw;
}
}
@media only screen and (min-width: 875px) {
.tm-top-menu .menu-item.tm-contact {
display: none;
}
}
body.at-a-glance,
body.page-template-page-im,
body.page-template-page-quality,
body.post-type-archive-article,
body.page-template-page-about,
body.page-template-default:not(.home),
body.page-template-single-landing,
body.page-template-page-jobs-new,
body.page-template-page-contact-new2 {
background-image: url("../img/ktm_plant_bg.png");
background-size: auto;
background-repeat: repeat-y;
background-position: top center;
}
.faq article a[id] {
position: relative;
top: -140px;
padding-top: 150px;
}
.single-collection .tm-collection-taste-section a[id] {
position: relative;
top: -140px;
padding-top: 150px;
}
.styled-table {
text-align: left;
margin-bottom: 20px;
}
.styled-table td,
.styled-table th {
border: 1px solid #ececec;
padding: 13px;
vertical-align: top;
}
.anchor-offset {
display: block;
position: relative;
top: -200px;
}
.resources {
position: relative;
margin: 20px 20px 40px;
border: 10px solid #03562c;
}
.resources img {
max-width: 100%;
}
.resources .map {
opacity: 0;
visibility: hidden;
}
.resources .resource {
z-index: 9;
position: absolute;
}
.resources .resource img {
width: 100%;
}
.anchor-menu {
list-style: none;
display: flex;
justify-content: center;
padding: 40px 0;
}
.anchor-menu a {
display: block;
padding: 15px;
text-transform: uppercase;
text-decoration: none !important;
font-weight: bold;
font-size: 14px;
}
.anchor-menu a:hover {
background-color: #CEDC00;
}
@media screen and (max-width: 768px) {
.anchor-menu {
flex-wrap: wrap;
padding: 50px 0 20px;
}
.anchor-menu a {
padding: 10px;
}
}
.tm-callout.full-width .tm-callout-content.has-sub-menu-above {
padding-top: 8%;
padding-bottom: 8%;
}
.tm-footer .tm-callout {
text-align: center;
margin: auto;
}
.tm-footer .tm-callout .h2 {
text-align: center;
color: #275d38;
font-size: 40px;
padding: 30px 0 5px;
margin-left: auto;
margin-right: auto;
}
.tm-footer .tm-callout .h2:after {
display: none !important;
}
.tab-slider {
position: relative;
}
.tab-slider .slick-track {
display: flex;
}
.tab-slider .slick-arrow {
position: absolute;
top: 50%;
border: 0;
background: transparent;
width: 40px;
height: 40px;
display: block;
text-indent: -99999999px;
overflow: hidden;
padding: 0;
border: 4px solid rgba(255, 255, 255, 0.75);
transform: rotate(45deg) translateY(-20px);
}
.tab-slider .slick-arrow:hover, .tab-slider .slick-arrow:focus, .tab-slider .slick-arrow:active {
outline: none !important;
border-color: #CEDC00;
}
.tab-slider .slick-next {
border-left: 0;
border-bottom: 0;
right: 40px;
}
.tab-slider .slick-prev {
border-right: 0;
border-top: 0;
left: 40px;
}
.tab-no-products + .tm-callout-wrapper {
padding-top: 24px !important;
}
#cookie-notice .cn-button {
padding: 10px 20px;
}
.cat-cta {
color: #fff;
font-weight: 700;
padding: 10px 5px;
text-decoration: none;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-transform: uppercase;
font-size: 14px;
}
.cat-cta:hover, .cat-cta.active {
background-color: #CEDC00;
color: #275D38;
}
.collections-menu {
list-style: none;
margin: 0;
padding: 0;
}
.collections-menu li {
display: inline-block;
padding: 0 14px 0 0;
}
.collections-menu li a {
color: white;
display: inline-block;
padding: 7px 0;
text-decoration: none;
font-weight: 600;
font-size: 15px;
}
.collections-menu li a:hover {
background-color: transparent;
color: #CEDC00;
}
@media (max-width: 470px) {
.collections-menu {
display: flex;
flex-wrap: wrap;
}
.collections-menu li {
width: 50%;
}
}
.collections-menu .current-menu-item a {
padding: 10px 14px;
background-color: #CEDC00;
color: #275D38;
margin: 10px 0;
}
.collections-menu .current-menu-item a:hover {
background-color: #CEDC00;
color: #275D38;
}
@media (max-width: 600px) {
.collections-menu .current-menu-item a {
margin: 7px 0;
}
}
.tm-product {
padding: 10px;
}
.archive-header {
position: relative;
}
.archive-header .overlay {
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.65), rgba(51, 51, 51, 0.2));
z-index: 0;
width: 100%;
height: 100%;
}
.archive-header .content {
position: relative;
z-index: 9;
}
/* Archive TITLE */
.tm-collection-benefit h2,
.tm-collection-taste h2,
.tm-collection-collections h2,
.tm-collection-product--intro h2 {
border-bottom: 1px solid #275D38;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-size: 36px;
font-style: normal;
line-height: 1em;
padding-bottom: 12px;
}
.tm-collection-product--intro h2 {
border-bottom: none;
color: #662b14;
font-size: 30px;
margin: 0;
padding-bottom: 0;
width: 100%;
text-align: center;
border-bottom: 1px solid #275D38;
/* line-height: 0.1em;*/
margin: 10px 0 20px;
position: relative;
top: -17px;
}
.tm-collection-product--intro h2 span {
/*background-image: url("/wp-content/themes/trme/img/backgroundTexture-light.jpg");
background-position: center center;*/
background-color: white;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
padding: 0 10px;
position: relative;
top: 17px;
color: #275D38;
}
.tm-collection-product--intro p,
.tm-callout .tm-collection-product--intro h2 + p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
font-style: normal;
color: #58595b;
font-size: 14px;
line-height: 22px;
}
.tm-callout .tm-collection-product--intro h2:after {
display: none;
}
@media (max-width: 768px) {
.tm-collection-product--intro {
margin: 30px 0;
width: 100% !important;
}
}
.cat-tabs {
display: flex;
text-align: center;
position: relative;
z-index: 9;
}
.cat-tabs .tab {
width: 100%;
font-size: 15px;
border-left: 3px solid white;
border-bottom: 3px solid white;
}
.cat-tabs .tab a {
color: white;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 20px 10px;
display: block;
width: 100%;
}
@media (max-width: 568px) {
.cat-tabs .tab {
font-size: 14px;
}
.cat-tabs .tab.tab-products a {
padding-top: 13px;
padding-bottom: 0;
}
}
.cat-tabs .tab-benefits {
background-image: url("../img/tabs/tm-tab-bkgnd--1.jpg");
}
.cat-tabs .tab-flavor {
background-image: url("../img/tabs/tm-tab-bkgnd--2.jpg");
}
.cat-tabs .active {
border: 0;
}
/* Product Restructure */
.tax-trme_product_cat .archive-header,
.tax-trme_product_cat .tm-product-list,
.single-collection .archive-header,
.single-collection .tm-product-list {
width: 100%;
max-width: 1500px;
margin: auto;
}
.tax-trme_product_cat .archive-header,
.single-collection .archive-header {
background: #275D38;
color: white;
padding: 0;
margin: 50px auto 0;
min-height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.tax-trme_product_cat .archive-header .content,
.single-collection .archive-header .content {
padding: 70px 50px;
}
.tax-trme_product_cat .archive-header hr,
.single-collection .archive-header hr {
width: 50%;
}
.tax-trme_product_cat .archive-title,
.single-collection .archive-title {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-style: normal;
font-size: 36px;
line-height: 1.2em;
}
.tax-trme_product_cat .archive-header p,
.single-collection .archive-header p {
font-size: 14px;
line-height: 22px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 300;
width: 70%;
}
.tax-trme_product_cat .term-lozenges .archive-header,
.single-collection .term-lozenges .archive-header {
background-image: url("https://www.traditionalmedicinals.com/wp-content/uploads/2020/07/cat-lozenge.jpg");
background-position: right 80%;
}
.tax-trme_product_cat .term-accessories .archive-header,
.single-collection .term-accessories .archive-header {
background-image: url("https://www.traditionalmedicinals.com/wp-content/uploads/2020/08/tea-buddy-cat.jpg");
background-position: right 80%;
}
@media (max-width: 768px) {
.tax-trme_product_cat .archive-header,
.single-collection .archive-header {
min-height: 0;
}
.tax-trme_product_cat .archive-header p,
.single-collection .archive-header p {
width: 100%;
}
.tax-trme_product_cat .archive-header .content,
.single-collection .archive-header .content {
padding: 50px 30px;
}
.tax-trme_product_cat .archive-title,
.single-collection .archive-title {
font-size: 28px;
}
}
@media (max-width: 568px) {
.tax-trme_product_cat .archive-header .content,
.single-collection .archive-header .content {
padding: 30px;
}
}
.tax-trme_product_cat .tm-collection-product,
.tax-trme_product_cat .tm-product,
.single-collection .tm-collection-product,
.single-collection .tm-product {
width: 25%;
text-align: center;
padding: 15px;
}
@media (max-width: 1000px) {
.tax-trme_product_cat .tm-collection-product,
.tax-trme_product_cat .tm-product,
.single-collection .tm-collection-product,
.single-collection .tm-product {
text-align: center;
padding: 15px;
width: 33.33%;
}
}
@media (max-width: 600px) {
.tax-trme_product_cat .tm-collection-product,
.tax-trme_product_cat .tm-product,
.single-collection .tm-collection-product,
.single-collection .tm-product {
width: 50%;
padding: 15px 0;
}
}
.tax-trme_product_cat .tm-product img,
.single-collection .tm-product img {
width: 100%;
max-width: 150px;
}
@media (max-width: 600px) {
.tax-trme_product_cat .tm-product img,
.single-collection .tm-product img {
max-width: 120px;
}
}
.tax-trme_product_cat .tm-product a,
.single-collection .tm-product a {
color: #275D38;
text-decoration: none;
}
.tax-trme_product_cat .tm-collection-benefit-section,
.single-collection .tm-collection-benefit-section {
padding: 40px 0;
border-bottom: 1px solid #ccc;
}
.tax-trme_product_cat .taxonomy-description p,
.single-collection .taxonomy-description p {
color: white;
}
.tax-trme_product_cat .tm-product-list,
.single-collection .tm-product-list {
display: flex;
flex-wrap: wrap;
margin: 30px auto;
}
.tax-trme_product_cat .tm-collection-product,
.tax-trme_product_cat .tm-product,
.single-collection .tm-collection-product,
.single-collection .tm-product {
width: 25%;
text-align: center;
padding: 15px;
}
@media (max-width: 1000px) {
.tax-trme_product_cat .tm-collection-product,
.tax-trme_product_cat .tm-product,
.single-collection .tm-collection-product,
.single-collection .tm-product {
width: 33.33%;
}
}
@media (max-width: 600px) {
.tax-trme_product_cat .tm-collection-product,
.tax-trme_product_cat .tm-product,
.single-collection .tm-collection-product,
.single-collection .tm-product {
width: 50%;
}
}
.tax-trme_product_cat .tm-product img,
.single-collection .tm-product img {
width: 100%;
max-width: 150px;
}
.tax-trme_product_cat .tm-product a,
.single-collection .tm-product a {
color: #275D38;
text-decoration: none;
}
.tax-trme_product_cat .tm-collection-benefit-section,
.single-collection .tm-collection-benefit-section {
padding: 40px 0;
border-bottom: 1px solid #ccc;
}
.tax-trme_product_cat .tm-collection-product,
.single-collection .tm-collection-product {
align-self: flex-start;
}
@media (max-width: 600px) {
.tax-trme_product_cat .tm-collection-product--intro,
.single-collection .tm-collection-product--intro {
padding: 0;
margin: 0;
}
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.white,
.articlewrap .white {
color: white;
}
.trm-tabs .archive-title {
color: white;
}
.title--2 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-style: normal;
font-size: 36px;
margin-left: 0;
text-transform: none;
}
.title--3 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
line-height: 1.3em;
margin-left: 0;
text-transform: none;
}
.title--line {
position: relative;
}
.title--line:after {
content: "";
width: 28%;
height: 2px;
background-color: #275D38;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.title--line.ta-center:after {
margin-left: auto;
margin-right: auto;
right: 0;
}
.title--line.pad-1x:after {
margin-bottom: 30px;
}
.primary-1 {
color: #275D38;
}
.primary-2 {
color: #CEDC00;
}
.pad-1x {
padding-top: 30px;
padding-bottom: 30px;
}
.pad-top-0 {
padding-top: 0;
}
.pad-btm-0 {
padding-bottom: 0;
}
.ta-center {
text-align: center;
}
u {
text-decoration: underline !important;
}
a {
text-decoration: none;
}
p a {
color: #275D38;
}
.single-article .articlewrap a {
text-decoration: underline;
}
.single-article .articlewrap .mainboxes,
.single-article .articlewrap .trm-popular-tags a,
.single-article .articlewrap .trm-main-article-sidebar a,
.single-article .articlewrap .trm-sidebar-review a {
text-decoration: none;
}
.WYSIWYG a {
text-decoration: underline;
}
#plantList .quizButton {
position: relative;
display: block;
width: 100%;
height: 44px;
color: #ffffff;
font-size: 20px;
line-height: 44px;
text-align: center;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
background-color: #275D38;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
filter: alpha(opacity=80);
zoom: 1;
border: none;
padding: 0;
margin: 0;
}
#plantList .quizButton.textAutoSize .textAutoSizeTarget {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
min-width: 100%;
white-space: nowrap;
}
#plantList .quizButton .downArrow {
position: absolute;
left: 50%;
bottom: -20px;
height: 0;
width: 0;
border-top: 10px solid #275D38;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
margin-left: -10px;
}
#plantList .quizButton:hover, #plantList .quizButton.selected {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
filter: alpha(opacity=100);
zoom: 1;
}
#plantList header {
/* This color compensates for the discoloration of the JPEG background image */
background-color: #fff9e9;
padding: 65px 13px 60px;
}
#plantList header .inner {
padding: 0 13px;
}
#plantList header h1 {
width: 100%;
max-width: 295px;
height: 152px;
display: block;
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
padding: 0;
margin: 0;
background-image: url("../img/quizLogo.png");
background-size: contain;
margin: 23px auto 49px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#plantList header h1 {
background-image: url("../img/quizLogo@2x.png");
}
}
#plantList header h2 {
width: 100%;
max-width: 295px;
color: #4e2717;
font-size: 18px;
line-height: 23px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: -1px;
text-transform: uppercase;
padding: 0;
margin: 0 auto;
}
#plantList section {
display: none;
min-height: 425px;
background-attachment: fixed;
background-position: center;
min-height: 850px;
}
#plantList section * {
background-attachment: scroll;
}
#plantList section:nth-of-type(1), #plantList section:nth-of-type(4n+1) {
background-image: url("../img/quizBlueLow.jpg");
}
#plantList section:nth-of-type(2n) {
background-image: url("../img/quizWhiteLow.jpg");
}
#plantList section:nth-of-type(3), #plantList section:nth-of-type(7) {
background-image: url("../img/quizPurpleLow.jpg");
}
#plantList section .inner {
position: relative;
width: 100%;
max-width: 628px;
background-position: center bottom;
background-repeat: no-repeat;
padding: 68px 13px 80px;
margin: 0 auto;
}
#plantList section .question {
background-color: #ffffff;
background-color: white;
border-top: 1px solid #275D38;
border-left: 1px solid #275D38;
border-right: 1px solid #275D38;
}
#plantList section .question .copy {
color: #275D38;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
font-size: 22px;
line-height: 23px;
padding: 27px 15px;
margin: 0;
}
#plantList section .questionDownArrow {
height: 13px;
background-image: url("../img/quizQuestionDownArrow.png");
background-position: center top;
background-repeat: no-repeat;
margin-bottom: 23px;
}
#plantList section .answers {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
}
#plantList section .answers label {
display: block;
width: 42.5%;
max-width: 273px;
color: #4e2717;
font-size: 10px;
line-height: 15px;
}
#plantList section .answers label .quizButton {
margin-bottom: 22px;
}
#plantList section .answers label.notSelected input {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
filter: alpha(opacity=50);
zoom: 1;
}
#plantList section .answers label.negative {
float: right;
}
#plantList section .number {
position: absolute;
top: 14px;
left: 13px;
height: 39px;
color: #4e2717;
font-size: 12px;
line-height: 39px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
background-image: url("../img/quizQuestionNumberFPO.png");
background-position: left top;
background-size: 39px 39px;
background-repeat: no-repeat;
padding: 0 0 0 50px;
}
#plantList section .number1 {
background-image: url("../img/quizNumber1.svg");
}
#plantList section .number2 {
background-image: url("../img/quizNumber2.svg");
}
#plantList section .number3 {
background-image: url("../img/quizNumber3.svg");
}
#plantList section .number4 {
background-image: url("../img/quizNumber4.svg");
}
#plantList section .number5 {
background-image: url("../img/quizNumber5.svg");
}
#plantList section .number6 {
background-image: url("../img/quizNumber6.svg");
}
#plantList section .number7 {
background-image: url("../img/quizNumber7.svg");
}
#plantList section .number8 {
background-image: url("../img/quizNumber8.svg");
}
#plantList section .number9 {
background-image: url("../img/quizNumber9.svg");
}
#plantList section .inner {
zoom: 0.5;
max-width: 1256px;
padding: 136px 26px 160px;
}
#plantList section .inner .unzoom {
zoom: 2;
}
#plantList footer {
display: none;
background-color: #ffffff;
z-index: 300;
}
#plantList footer .inner {
position: relative;
width: 100%;
max-width: 628px;
padding: 30px 13px;
margin: 0 auto;
}
#plantList footer .h1 {
font-size: 25px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
}
#plantList footer .question {
background-color: #ffffff;
background-color: white;
border-top: 1px solid #275D38;
border-left: 1px solid #275D38;
border-right: 1px solid #275D38;
}
#plantList footer .question .copy {
color: #275D38;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
font-size: 22px;
line-height: 23px;
padding: 27px 15px;
margin: 0;
}
#plantList footer .questionDownArrow {
height: 13px;
background-image: url("../img/quizQuestionDownArrow.png");
background-position: center top;
background-repeat: no-repeat;
margin-bottom: 23px;
}
#plantList footer .question .copy .number {
text-decoration: underline;
}
#plantList footer form {
border: 1px solid #275D38;
padding: 33px 21px;
}
#plantList footer form label {
display: block;
float: left;
width: 50%;
white-space: nowrap;
padding-bottom: 10px;
cursor: pointer;
}
#plantList footer form label span {
display: block;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 25px;
}
#plantList footer form label.disabled {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
filter: alpha(opacity=50);
zoom: 1;
cursor: not-allowed;
}
#plantList footer form label.disabled div.checkbox {
cursor: not-allowed;
}
#plantList footer form div.checkbox {
display: none;
position: relative;
float: left;
width: 25px;
height: 25px;
border: 1px solid #c2b59c;
margin-right: 10px;
cursor: pointer;
}
#plantList footer form div.checkbox.checked .check {
position: absolute;
bottom: 1px;
left: 1px;
width: 29px;
height: 33px;
background-image: url("../img/quizCheck.png");
background-repeat: no-repeat;
}
#plantList footer form.js div.checkbox {
display: block;
}
#plantList footer form.js input[type=checkbox] {
display: none;
}
#plantList footer form.additiveMode label {
display: block;
}
#plantList footer form.additiveMode label.selectedBeforeFinalize {
display: none;
}
#plantList footer form.subtractiveMode label {
display: none;
}
#plantList footer form.subtractiveMode label.selectedBeforeFinalize {
display: block;
}
#plantList footer form .submit {
display: block;
height: 24px;
color: #ffffff;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
background-color: #275D38;
background-color: rgba(39, 93, 56, 0.8);
border: none;
padding: 0 20px;
margin: 22px auto 0;
}
#plantList footer form .submit:hover {
background-color: #275d38;
}
#quizResult header {
background-image: url("../img/quizBlueLow.jpg");
padding: 40px 13px 30px;
}
#quizResult header h1, #quizResult header h2 {
display: block;
padding: 0;
margin: 0 auto;
}
#quizResult header h1 {
min-height: 40px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
font-size: 40px;
line-height: 40px;
padding-bottom: 8px;
}
#quizResult header h2 {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 11px;
line-height: 11px;
}
#quizResult header .plantSymbols {
width: 100%;
margin: 0 auto;
}
#quizResult header .plantSymbols .inner {
position: relative;
background-image: url("../img/quizWhiteLow.jpg");
text-align: center;
padding: 18px 0px;
margin: 20px auto;
}
#quizResult header .plantSymbols .inner .downArrow {
position: absolute;
bottom: -23px;
left: 0;
right: 0;
height: 23px;
background-image: url("../img/quizResultHeaderDownArrow.png");
background-position: center top;
background-repeat: no-repeat;
}
#quizResult header .plantSymbols .inner .ivy {
display: none;
}
#quizResult header .plantSymbols .inner h3 {
color: #4e2717;
font-size: 19px;
line-height: 19px;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
padding: 0;
margin: 0 0 10px 0;
}
#quizResult header .plantSymbols .plantSymbolContainer {
width: 100%;
max-width: 588px;
margin: 0 auto;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol {
display: inline-block;
float: left;
width: 33%;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content {
padding-top: 91.32%;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content p {
display: none;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content span {
display: none;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content h4 {
color: #275D38;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
padding: 0;
margin: 0;
}
#quizResult header .shareContainer {
width: 100%;
max-width: 335px;
text-align: center;
margin: 0 auto;
}
#quizResult header .shareContainer p {
font-size: 14px;
padding: 20px 0;
margin: 0;
}
#quizResult header .shareContainer p span {
color: #275D38;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
}
#quizResult header .shareContainer .button {
width: 92px;
height: 40px;
background-color: #275D38;
background-color: rgba(39, 93, 56, 0.8);
background-position: center center;
background-size: 92px 40px;
background-repeat: no-repeat;
}
#quizResult header .shareContainer .button:hover {
background-color: #275d38;
}
#quizResult header .shareContainer .pinterest {
float: right;
background-image: url("../img/quizResultSharePinterest.png");
}
#quizResult header .shareContainer .facebook {
float: left;
background-image: url("../img/quizResultShareFacebook.png");
}
#quizResult header .shareContainer .twitter {
background-image: url("../img/quizResultShareTwitter.png");
margin: 0 auto;
}
#quizResult header .shareContainer .scrollDown {
display: none;
}
#quizResult #quizResultBody {
background-image: url("../img/mainRepeating_white.jpg");
padding: 26px 13px;
}
#quizResult #quizResultBody section {
margin-bottom: 25px;
}
#quizResult #quizResultBody section h3 {
position: relative;
width: 273px;
padding: 0;
margin: 0 auto 11px;
}
#quizResult #quizResultBody section h3 span {
display: block;
width: 100%;
height: 44px;
color: #ffffff;
font-size: 16px;
line-height: 44px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
text-transform: uppercase;
background-color: #a28e81;
}
#quizResult #quizResultBody section h3 .downArrow {
position: absolute;
bottom: -11px;
left: 0;
right: 0;
width: 100%;
height: 11px;
background-image: url("../img/quizResultH3DownArrow.png");
background-position: center top;
background-repeat: no-repeat;
}
#quizResult #quizResultBody section .plantImage {
width: 273px;
height: 251px;
background-position: center center;
background-size: 273px 251px;
background-repeat: no-repeat;
margin: 0 auto;
}
#quizResult #quizResultBody section .plantDetailCollapsible {
border-left: 1px solid #d1c6be;
border-right: 1px solid #d1c6be;
border-bottom: 1px solid #d1c6be;
}
.trm-insta-wrap {
text-align: center;
}
.trm-insta-title {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 15px;
}
.trm-insta-title .title--3 {
margin-right: 15px;
}
@media (max-width: 550px) {
.trm-insta-title {
flex-direction: column;
}
.trm-insta-title .title--3 {
margin-right: 0;
margin-bottom: 15px;
}
}
.trm-insta-feed {
display: flex;
}
@media (max-width: 500px) {
.trm-insta-feed {
flex-wrap: wrap;
}
}
.trm-insta-img-contain {
flex: 0 1 25%;
margin-right: 10px;
}
.trm-insta-img-contain .trm-insta-img div {
padding-bottom: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.trm-insta-img-contain img {
max-width: 100%;
}
.trm-insta-img-contain:last-of-type {
margin-right: 0;
}
@media (max-width: 500px) {
.trm-insta-img-contain {
margin-bottom: 10px;
flex: 0 1 calc(50% - 5px);
}
.trm-insta-img-contain:nth-of-type(even) {
margin-right: 0;
}
}
/***** Adjustments based on page *****/
.archive-instagram {
clear: both;
padding: 10px 0 25px;
}
@media (min-width: 1200px) {
.archive-instagram .trm-insta-wrap {
display: flex;
}
.archive-instagram .trm-insta-title {
flex-direction: column;
text-align: left;
align-items: flex-start;
}
.archive-instagram .trm-insta-feed {
width: calc( 100% - 200px );
}
.archive-instagram .trm-insta-img-contain {
margin-left: 5px;
}
}
.trm-main-article-sidebar .trm-insta-wrap {
padding: 20px 0;
}
.trm-main-article-sidebar .trm-insta-title {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.trm-main-article-sidebar .trm-insta-title .title--3 {
width: 100%;
}
.trm-main-article-sidebar .trm-insta-feed {
flex-wrap: wrap;
}
.trm-main-article-sidebar .trm-insta-feed .trm-insta-img {
padding: 0 10px 10px 0;
}
.trm-main-article-sidebar .trm-insta-feed .trm-insta-img-contain {
margin: 0;
flex: 0 1 50%;
}
@media only screen and (min-width: 875px) {
/******************************************************************
Site Name:
Author:
Stylesheet: Grid Stylesheet
I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.
There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:
http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
The grid below is a combination of the 1140 grid and Twitter Boostrap.
I liked 1140 but Boostrap's grid was way more detailed so I merged them
together, let's see how this works out. If you want to use 1140, the original
values are commented out on each line.
******************************************************************/
.onecol {
width: 5.801104972%;
}
/* 4.85%; } /* grid_1 */
.twocol {
width: 14.364640883%;
}
/* 13.45%; } /* grid_2 */
.threecol {
width: 22.928176794%;
}
/* 22.05%; } /* grid_3 */
.fourcol {
width: 31.491712705%;
}
/* 30.75%; } /* grid_4 */
.fivecol {
width: 40.055248616%;
}
/* 39.45%; } /* grid_5 */
.sixcol {
width: 48.618784527%;
}
/* 48%; } /* grid_6 */
.sevencol {
width: 57.182320438%;
}
/* 56.75%; } /* grid_7 */
.eightcol {
width: 65.745856349%;
}
/* 65.4%; } /* grid_8 */
.ninecol {
width: 74.30939226%;
}
/* 74.05%; } /* grid_9 */
.tencol {
width: 82.872928171%;
}
/* 82.7%; } /* grid_10 */
.elevencol {
width: 91.436464082%;
}
/* 91.35%; } /* grid_11 */
.twelvecol {
width: 99.999999993%;
}
/* 100%; } /* grid_12 */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
position: relative;
float: left;
margin-left: 2.762430939%;
}
.onecol .ie-lt9, .twocol .ie-lt9, .threecol .ie-lt9, .fourcol .ie-lt9, .fivecol .ie-lt9, .sixcol .ie-lt9, .sevencol .ie-lt9, .eightcol .ie-lt9, .ninecol .ie-lt9, .tencol .ie-lt9, .elevencol .ie-lt9, .twelvecol .ie-lt9 {
margin-left: 2.5%;
}
.first {
clear: both;
margin-left: 0;
}
.last {
float: right;
}
/* ----- HOME & GLOBAL ----- */
.container {
width: 100%;
}
#mainPageHeader {
height: 81px;
}
#mainPageHeader nav {
width: 100%;
height: 81px;
margin: 0 auto;
}
#mainPageHeader .Level1Mobile {
display: none;
}
#mainPageHeader #searchForm {
height: 130px;
top: 81px;
width: 700px;
left: 50%;
margin-left: -350px;
}
#mainPageHeader #searchForm .closeForm {
margin-bottom: 2em;
}
#mainPageHeader #searchForm .closeForm span {
display: inline;
}
#mainPageHeader #searchForm:after {
height: 0;
}
#mainPageHeader #searchForm input[type=text] {
height: 45px;
width: 550px;
}
#mainPageHeader #searchForm input[type=submit] {
height: 45px;
padding: 0 20px;
font-size: 14px;
height: 45px;
}
#mainPageHeader #searchFormBg {
top: 81px;
}
#mainPageHeader .showMenu, #mainPageHeader .hideMenu, #mainPageHeader .collapsedMobile {
display: block;
}
#mainPageHeader div.Level1Expanded {
display: block;
position: relative;
width: 100%;
padding: 0 38px;
margin: 0 auto;
background-color: transparent;
position: relative;
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15) inset;
}
#mainPageHeader div.Level1Expanded .searchBTN a {
display: inline-block;
right: 5%;
width: 16px;
height: 16px;
background-image: url("../img/searchBTN-320.png");
background-size: contain;
margin: -12px 0 0;
}
#mainPageHeader .topNav {
list-style-type: none;
width: 100%;
height: 16px;
font-size: 10px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
display: block;
position: relative;
padding: 5px 0px 0px 0px;
margin: 0;
}
#mainPageHeader .topNav li {
display: inline;
margin-left: 20px;
position: relative;
float: right;
}
#mainPageHeader .topNav li.promo {
display: inline;
margin-left: 0px;
position: relative;
float: left;
}
#mainPageHeader .topNav a {
color: #275D38;
text-transform: uppercase;
text-decoration: none;
}
#mainPageHeader .topNav span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
#mainPageHeader ul.mainNav {
background-color: transparent;
margin: 0;
border-bottom: 0;
position: absolute;
top: 20px;
padding: 7px 0px 5px 0px;
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
}
#mainPageHeader ul.mainNav > li {
border-top: 0;
height: 22px;
vertical-align: top;
position: absolute;
background-image: none;
margin-top: 0px;
padding: 0px;
background-color: transparent;
}
#mainPageHeader ul.mainNav > li.btnsLeft {
margin-left: 0px;
margin-right: 40px;
position: relative;
float: left;
}
#mainPageHeader ul.mainNav > li.btnsRight {
margin-right: 0px;
margin-left: 40px;
position: relative;
float: right;
clear: none;
}
#mainPageHeader ul.mainNav > li > a {
display: block;
height: 25px;
padding: 0px;
padding-right: 14px;
font-size: 11px;
color: #275D38;
text-transform: uppercase;
text-decoration: none;
}
#mainPageHeader ul.mainNav > li.expanded > a {
display: block;
}
#mainPageHeader ul.mainNav > li .secondLevelContainer {
display: none;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer {
display: block;
position: absolute;
top: 25px;
left: -35px;
width: 768px;
background-color: #fff;
padding: 25px 35px;
box-sizing: border-box;
-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15);
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ._secondaryLink, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li > a, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li.special {
display: block;
color: #4e2717;
font-size: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer ._secondaryLink:hover, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li > a:hover, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li.special:hover {
color: #b2988e;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul {
list-style: none;
padding: 0;
margin: 0;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li.first, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li.special {
border-top: none;
padding-top: 0;
margin-top: 0;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li.special {
position: absolute;
top: 24px;
left: 35px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li.goBack {
display: none;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li {
border-top: 1px solid #d0c5bc;
padding: 10px 0 0;
margin: 10px 0 0;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li.collapsedMobile > a {
padding: 0 0 4px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li ul {
list-style: none;
padding: 0;
margin: 0;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li ul li {
border-top: none;
padding: 0;
margin: 0;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer > ul li ul li a {
display: block;
color: #275D38;
font-size: 11px;
line-height: 12px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-transform: none;
padding: 4px 0;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav1Col {
width: 190px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav2Col > ul, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav3Col > ul, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav4Col > ul, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav5Col > ul {
float: left;
margin: 0 0 0 4%;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav2Col > ul:first-child, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav3Col > ul:first-child, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav4Col > ul:first-child, #mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav5Col > ul:first-child {
margin-left: 0;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav2Col {
width: 349px;
padding-top: 60px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav2Col > ul {
width: 48%;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav3Col {
width: 523px;
padding-top: 60px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav3Col > ul {
width: 30.65%;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav4Col {
width: 768px;
padding-top: 60px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav4Col > ul {
width: 22%;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav5Col {
width: 768px;
padding-top: 60px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav5Col > ul {
width: 16.8%;
}
#mainPageHeader ul.mainNav > li:nth-of-type(1) .secondLevelContainer {
left: -35px;
}
#mainPageHeader ul.mainNav > li:nth-of-type(2) .secondLevelContainer {
left: -35px;
}
#mainPageHeader ul.mainNav > li:nth-of-type(2) .secondLevelContainer.nav4Col {
left: -175px;
}
#mainPageHeader ul.mainNav > li:nth-of-type(4) .secondLevelContainer {
left: auto;
right: -35px;
}
#mainPageHeader ul.mainNav > li:nth-of-type(4) .secondLevelContainer.nav4Col {
right: -175px;
}
#mainPageHeader ul.mainNav > li:nth-of-type(3) .secondLevelContainer {
left: auto;
right: -35px;
}
#mainPageHeader ul.mainNav.hideCollapsed > li.collapsed {
display: inline-block;
}
#mainPageHeader .tm-menu-section {
margin: 0 2em 0 0;
}
#mainPageHeader .tm-menu-section:last-child {
margin: 0;
}
#mainPageHeader .tm-menu-section > a {
padding: 15px 15px 25px 15px !important;
position: relative;
margin-top: -15px;
}
#mainPageHeader .tm-menu-section > a:after {
font-family: fontawesome;
font-weight: 700;
font-size: 14px;
display: block;
position: absolute;
color: #275D38;
right: 0;
bottom: 50%;
}
#mainPageHeader .tm-menu-section.hovered > a {
background: #fffcf4;
background-image: url("../img/backgroundTexture-light.jpg");
box-shadow: inset 0px 3px 1px rgba(0, 0, 0, 0.2);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#mainPageHeader .tm-menu-section.tm-menu-section-nosub > a {
padding-right: 0px !important;
}
#mainPageHeader .tm-menu-section.tm-menu-section-nosub > a:after, #mainPageHeader .tm-menu-section.tm-menu-section-nosub.collapsed > a:after {
content: "" !important;
}
#mainPageHeader .tm-menu-section.tm-menu-section-nosub.expanded > a:after {
content: "" !important;
}
#mainPageHeader .homeBTN {
left: 55px;
margin-left: 0;
width: 104px;
height: 104px;
top: 30%;
}
.tm-top-menu {
display: block;
height: 33px;
}
.marquee {
min-height: 390px;
}
.marquee .slide {
height: 390px;
}
.marquee .slide .image {
position: absolute;
z-index: 30;
top: 0;
left: 0;
right: 0;
height: 390px;
}
.marquee .slide .contentContainer {
position: absolute;
z-index: 40;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: table;
width: 695px;
height: 390px;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
}
.marquee .slide .content {
display: table-cell;
vertical-align: middle;
height: auto;
}
.marquee .slide .content h1, .marquee .slide .content p, .marquee .slide .content a {
max-width: 295px;
}
.marquee .slide .content h1 {
font-size: 55px;
line-height: 55px;
}
.marquee .slide .content p {
padding: 12px inherit;
margin: 0;
}
.marquee .slide.slideLeft .content {
text-align: left;
}
.marquee .slide.slideLeft .content h1, .marquee .slide.slideLeft .content p, .marquee .slide.slideLeft .content a {
margin-left: 0;
margin-right: auto;
}
.marquee .slide.slideRight .content {
text-align: right;
}
.marquee .slide.slideRight .content h1, .marquee .slide.slideRight .content p, .marquee .slide.slideRight .content a {
margin-left: auto;
margin-right: 0;
}
.marquee .nav {
position: absolute;
z-index: 50;
bottom: 30px;
left: 0;
right: 0;
width: 695px;
text-align: right;
list-style: none;
margin: 0 auto;
}
.marquee .nav li {
display: inline-block;
}
.marquee .nav li.prev {
position: static;
}
.marquee .nav li.slideLink {
display: inline-block;
}
.marquee .nav li.slideLink svg {
width: 10px;
height: 10px;
margin: 2px;
}
.marquee .nav li.slideLink svg circle {
fill: #ffffff;
}
.marquee .nav li.next {
position: static;
}
.marquee .nav li.prev svg, .marquee .nav li.next svg {
width: 14px;
height: 14px;
}
.marquee .nav li.prev svg polyline, .marquee .nav li.next svg polyline {
stroke: #ffffff;
}
.marquee .nav li:hover, .marquee .nav li.current {
cursor: pointer;
}
.marquee .nav li:hover.slideLink svg circle, .marquee .nav li.current.slideLink svg circle {
fill: #275D38;
}
.marquee .nav li:hover.prev svg polyline, .marquee .nav li:hover.next svg polyline, .marquee .nav li.current.prev svg polyline, .marquee .nav li.current.next svg polyline {
stroke: #275D38;
}
.homeContent {
width: 695px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.homeContent .articleTitle {
font-size: 14px;
line-height: 14px;
padding-top: 10px;
}
.homeContent .articleCaption {
width: 100%;
}
#mainPageFooter {
height: 244px;
margin-bottom: 0px;
display: block;
clear: both;
}
.footerContentMobile {
display: none !important;
}
.footerWideWrapper {
width: 695px;
position: relative;
height: 244px;
margin-left: auto;
margin-right: auto;
}
.footerContentWide {
display: block;
}
.footerContentWide.cyclePlantIMG {
float: left;
width: 222px;
height: 244px;
position: relative;
}
.footerContentWide.cyclePlantIMG img {
position: absolute;
width: auto;
height: 177px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}
.footerContentWide.cyclePlantIMG div.img {
display: none;
}
.footerLinkContainer {
float: left;
width: 467px;
margin-left: 6px;
}
.footerContentWide.footerNav {
display: block;
height: 57px;
width: 365px;
padding-left: 0px;
padding-top: 30px;
}
.footerContentWide.footerNav ul {
float: left;
width: 30.5%;
padding: 0;
margin: 0 2% 0 0;
}
.footerContentWide.footerNav ul li {
line-height: 14px;
padding: 3px 0 0;
margin: 0;
}
.footerContentWide.footerNav a.footerLink {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
font-size: 10.5px;
margin: 0px;
padding: 0px;
position: relative;
color: #275D38;
display: inline-block;
margin-left: 7px;
text-indent: -7px;
}
.footerContentWide.footerNav a.footerLink:hover {
color: #af7e6b;
}
.footerContentWide.socialLinks {
width: 115px;
margin: 30px 0px 0px 0px;
float: right;
}
.footerContentWide.socialLinks p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
width: 100%;
color: #275D38;
font-size: 11px;
text-align: center;
padding: 0;
margin: 0 0 10px 3px;
}
.footerContentWide.socialLinks a {
display: block;
width: 28px;
height: 22px;
float: left;
margin: 0 3px 0 0;
}
.footerContentWide.socialLinks a:last-child {
margin-right: 0px;
}
/*
.footerContentWide.subscribe2newsletter {
display: block;
color: $footerLinkBrown;
margin-right: 0px;
margin-top: 30px;
margin-left: 0px;
padding-left: 0px;
padding-top: 26px;
position: relative;
float: right;
width: 460px;
p {
margin-left: 0px;
margin-top: 0px;
margin-right: 7px;
padding: 0px;
line-height: 15px;
font-size: 11px;
float: left;
width: 200px;
white-space: pre-line;
}
form {
float: right;
}
input {
height: 28px;
margin-top: 0px;
}
input.newsletterInput {
width: 158px !important;
border: solid 1px #c8bda6;
padding-top: 1px;
padding-bottom: 0px;
color: #6d2b11 !important;
@include sansSerifMedium;
margin-right: 7px;
background-color: #f6f4ed;
}
input[type=button], input[type=submit] {
margin-left: 0px;
width: 80px;
background-color: $lightBrown;
color: #ffffff;
@include sansSerifMedium;
font-size: 12px;
border: none;
text-align: center;
padding-top: 1px;
padding-bottom: 0px;
position: relative;
}
input[type=button]:hover, input[type=submit]:hover {
background-color: #C89D74;
color: #ffffff;
}
input[placeholder], [placeholder], *[placeholder], input::-webkit-input-placeholder {
color: #6d2b11 !important;
@include sansSerifMedium;
padding-left: 9px;
font-size: 10px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
outline: 0;
}
input:focus {
outline: 0;
}
}
*/
.footerContentWide.legalNotice {
display: block;
float: left;
width: 460px;
font-size: 10px;
color: #275D38;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
margin: 10px 0px 0px 6px;
line-height: 15px;
}
.footerContentWide.legalNotice span {
display: block;
margin: 1px 0px 0px 0px;
position: relative;
}
.breadcrumbs {
display: block;
position: relative;
top: 10px;
left: 38px;
z-index: -1;
width: 100%;
max-width: 768px;
text-transform: uppercase;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 10px;
color: #662b14;
margin-left: auto;
margin-right: auto;
}
.breadcrumbs p {
width: 200px;
margin-top: 0px;
}
/* ----- COLLAPSIBLE CONTENT DEFAULT STYLES ----- */
.defaultCollapsible {
position: relative;
width: auto;
min-height: 331px;
padding: 70px 33px 33px;
margin: 0;
}
.defaultCollapsible .navLi {
display: block;
position: absolute;
top: 33px;
left: 33px;
width: 25%;
height: auto;
background-color: transparent;
background-image: none;
border-top: none;
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
}
.defaultCollapsible .navLi.navLi1 {
left: 33px;
width: 222px;
}
.defaultCollapsible .navLi.navLi2 {
left: 255px;
width: 422px;
}
.defaultCollapsible .navLi.navLi3 {
left: 455px;
width: 237px;
}
.defaultCollapsible .navLi span {
display: inline-block;
width: auto;
color: #275D38;
font-size: inherit;
text-transform: uppercase;
border-bottom: solid 3px transparent;
padding: 0;
}
.defaultCollapsible .navLi span:hover {
color: #9a7e75;
border-bottom: solid 3px #9a7e75;
}
.defaultCollapsible .navLi.expanded {
background-image: none;
}
.defaultCollapsible .navLi.expanded span, .defaultCollapsible .navLi.expanded span:hover {
color: #9a7e75;
border-bottom: solid 3px #9a7e75;
}
.defaultCollapsible .contentLi {
background-color: transparent;
padding-left: 0;
}
.defaultCollapsible .contentLi h3 {
margin-bottom: 0px;
margin-top: 0px;
}
.defaultCollapsible .contentLi p {
margin-top: 3px;
padding-top: 0px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 10px;
}
/* ----- GENERIC CONTENT (BLOG POST) ----- */
article.genericContent header.withoutImage,
.page-template-page-destini_locator #body header.withoutImage {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
article.genericContent header.withoutImage h1, article.genericContent header.withoutImage .h1,
.page-template-page-destini_locator #body header.withoutImage h1,
.page-template-page-destini_locator #body header.withoutImage .h1 {
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 30px;
}
article.genericContent header.withImage {
width: 100%;
height: 390px;
position: relative;
margin-top: 0px;
padding-bottom: 0px;
overflow: hidden;
}
article.genericContent header.withImage figure {
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center top;
text-align: center;
width: 100%;
height: 100%;
position: relative;
display: block;
overflow: hidden;
margin-left: auto;
margin-right: 0px;
-moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
}
article.genericContent header.withImage .copyContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
display: table;
width: 768px;
height: 100%;
margin: 0 auto;
}
article.genericContent header.withImage .copy {
display: table-cell;
vertical-align: middle;
width: 100%;
max-width: 768px;
padding: 0 38px;
margin: 0 auto;
}
article.genericContent header.withImage .copy h1, article.genericContent header.withImage .copy .h1 {
display: block;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: normal;
font-style: normal;
font-size: 57px;
line-height: 50px;
width: 300px;
text-align: left;
padding: 0;
margin: 0 0 12px;
}
article.genericContent header.withImage .copy p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
width: 350px;
line-height: 18px;
display: block;
text-align: left;
padding: 0;
margin: 0;
}
article.genericContent .columnsWrapper {
width: 100%;
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
article.genericContent section h3, article.genericContent section h4, article.genericContent section h4 {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
article.genericContent section p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
margin-top: 5px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
article.genericContent section p a {
color: #275D38;
}
article.genericContent aside h2 {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 0px;
}
article.genericContent aside div.tout {
float: left;
width: 28.33%;
margin: 0 0 0 7.5%;
}
article.genericContent aside div.tout:first-of-type {
margin-left: 0;
}
article.genericContent aside div hr {
border-color: #662b14;
color: #662b14;
}
article.genericContent aside div h3, article.genericContent aside div h4 {
font-size: 13px;
}
article.genericContent aside div figure {
text-align: center;
width: 100%;
height: auto;
box-sizing: content-box;
position: relative;
display: block;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
article.genericContent aside div figure img {
width: 100%;
height: auto;
}
article.genericContent aside div p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
}
article.genericContent aside div a.learnMore {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
line-height: 11px;
margin-top: 0px;
color: #275D38;
}
/* ----- PLANT PAGES ----- */
article.plantPage header {
position: relative;
min-height: 540px;
}
article.plantPage header .plantHeaderBG {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 540px;
background-size: cover;
background-position: center top;
-moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.15) inset;
padding: 0;
}
article.plantPage header .inner {
position: absolute;
z-index: 10;
top: 67px;
left: 0;
right: 0;
max-width: 768px;
}
article.plantPage header .inner .padding {
padding: 0 38px;
}
article.plantPage header .inner .borderWrapper {
border-bottom: 2px solid #95776e;
}
article.plantPage header h1 {
position: relative;
width: 386px;
height: 97px;
background-color: transparent;
padding: 0;
margin: 0;
}
article.plantPage header h1 span {
position: absolute;
bottom: 7px;
left: 0;
font-size: 70px;
line-height: 100%;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
white-space: nowrap;
}
article.plantPage header p {
width: 450px;
height: 230px;
font-size: 26px;
line-height: 36px;
padding: 25px;
margin: 40px 0 0 0;
}
article.plantPage header .plantImage {
position: absolute;
bottom: 0;
right: 38px;
height: 230px;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
padding: 0;
margin: 0;
}
article.plantPage header .plantImage {
width: 220px;
}
article.plantPage header .plantImage div {
width: 220px;
height: 185px;
padding-top: 0px !important;
margin: 45px auto 0;
}
article.plantPage header .shareThisStory {
position: absolute;
top: 35px;
right: 38px;
}
article.plantPage section {
width: 100%;
max-width: 692px;
margin: 0 auto;
}
article.plantPage section .plantDetailCollapsible {
min-height: 1px;
padding-left: 0;
padding-right: 0;
border-bottom: none;
}
article.plantPage section .plantDetailCollapsible .navLi1, article.plantPage section .plantDetailCollapsible .navLi2, article.plantPage section .plantDetailCollapsible .navLi3, article.plantPage section .plantDetailCollapsible .navLi4, article.plantPage section .plantDetailCollapsible .navLi5 {
width: auto;
}
article.plantPage section .plantDetailCollapsible .navLi1 {
left: 0;
}
article.plantPage section .plantDetailCollapsible .navLi2 {
left: 20%;
}
article.plantPage section .plantDetailCollapsible .navLi3 {
left: 40%;
}
article.plantPage section .plantDetailCollapsible .navLi4 {
left: 60%;
}
article.plantPage section .plantDetailCollapsible .navLi5 {
left: 80%;
}
article.plantPage section .plantDetailCollapsible .contentLi {
padding-left: 0;
padding-right: 0;
}
article.plantPage section .plantDetailCollapsible .contentLi .contentWithVideo {
float: left;
width: 351px;
margin-right: 48px;
}
article.plantPage section .plantDetailCollapsible .contentLi .video {
float: left;
margin: 0;
}
article.plantPage section .otherPlants {
padding: 0;
}
article.plantPage section .otherPlants .wp-gallery.loaded {
margin-left: 0;
margin-right: 0;
}
/* ----- SEARCH RESULTS ----- */
#searchResults a.searchResult.withImage {
padding-left: 120px;
}
#searchResults a.searchResult.withImage img {
display: block;
float: left;
max-width: 200px;
height: auto;
margin: 0 20px 0 -120px;
}
/* ----- PRODUCT LISTING ----- */
.productListingPage, .productListingPage .container {
background: url("../img/backgroundTexture.jpg");
background-color: #fffae8;
}
.productListSideNav {
float: left;
display: block;
width: 19.53%;
font-size: 11px;
margin-left: 0px;
margin-top: 17px;
position: relative;
}
.productListSideNav ul {
list-style-type: none;
}
.productListSideNav li {
border-bottom: solid 1px #cabca7;
padding-top: 3px;
padding-bottom: 3px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
}
.productListSideNav li.firstCategory {
border-top: solid 1px #662b14;
}
.productListSideNav li.currentProduct {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
border-bottom: none;
}
.productListSideNav .currentProduct a {
color: #95776c;
}
.productListSideNav a {
text-decoration: none;
color: #275D38;
text-transform: uppercase;
}
.productListSideNav a:hover {
color: #af7e6b;
}
.productListSideNav ul.productChildren {
margin-left: 0px;
margin-top: 0px;
padding-left: 0px;
position: relative;
width: 110%;
}
.productListSideNav .productChildren li {
border-bottom: none;
}
.productListSideNav .productChildren li a {
color: #275D38;
text-transform: none;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
}
.productListSideNav li.lastCategory {
border-bottom: solid 1px #662b14;
}
.productListingContent {
float: none;
padding: 55px 0px 0px 0px;
margin: 0px auto 0 auto;
background: transparent;
width: 768px;
height: auto;
position: relative;
}
.productIntro {
width: 64%;
padding-left: 38px;
margin-left: 19.53%;
}
.productIntro h1 {
font-size: 36px;
margin-top: 0px;
position: relative;
}
.productIntro h1 span {
vertical-align: bottom;
line-height: 25px;
margin-bottom: 0px;
}
.productIntro .productSymbol {
display: block;
width: 112px;
height: 112px;
background-size: contain;
}
div.categoryItems {
width: auto;
padding-left: 38px;
margin-top: 30px;
margin-left: 19.53%;
}
div.categoryItems ul {
margin-bottom: 0px;
padding-bottom: 0px;
}
/* ----- PRODUCT DETAIL ----- */
.productDetailPage {
background-image: url("../img/mainRepeating_white.jpg");
background-color: #fcfaf3;
background-position: center 700px;
}
/*.productDetailContent {
float: none;
width: 100%;
height: auto;
margin: 0px auto 0px auto;
position: relative;
background: url('../img/mainRepeating_light.jpg');
background-repeat: repeat;
}*/
.productDetailMain {
/*margin: 0px auto 0px auto;
padding-bottom: 10px;
padding-top: $productDetailMain_paddingTop;
width: 695px;
width: 100%;
max-width: 1024px;
min-height: ($productDetailMain_figure_height+$productDetailMain_paddingTop+$productDetailMain_paddingBottom);
position: relative;
padding-left: 300px;
padding-right: 40px;*/
}
.productDetailMain.has-slider #BVRRSummaryContainer {
top: 474px;
}
.productDetailMain h1 {
display: block;
text-align: left;
font-size: 42px;
padding: 0;
margin: 0;
}
.productDetailMain figure {
position: absolute;
top: 75px;
left: 0px;
width: 259px;
height: 347px;
text-align: left;
margin: 0 0 0 1em;
}
.productDetailMain figure.k-cup {
margin-top: 45px;
}
.productDetailMain figure.k-cup + figure {
width: 181.3px;
margin-left: 38.85px;
margin-top: 250px;
}
.productDetailMain #BVRRSummaryContainer {
width: 259px;
position: absolute;
left: 6px;
top: 424px;
}
.has-slider .productDetailMain #BVRRSummaryContainer {
top: 474px;
}
.productDetailMain #BVRRSummaryContainer.k-cup {
top: 500px;
}
.productDetailMain .productDetailCollapsible {
min-height: 216px;
border: none;
padding: 30px 0 0;
}
.productDetailMain .productDetailCollapsible .navLi {
top: 0px;
left: 0px;
width: auto;
height: auto;
}
.productDetailMain .productDetailCollapsible .navLi.navLi1 {
left: 0px;
}
.productDetailMain .productDetailCollapsible .navLi.navLi2 {
left: 18%;
}
.productDetailMain .productDetailCollapsible .navLi.navLi3 {
left: 42%;
}
.productDetailMain .productDetailCollapsible .navLi.navLi4 {
left: 63%;
}
.productDetailMain .productDetailCollapsible .navLi.navLi5 {
left: 0px;
top: 30px;
}
.productDetailMain .productDetailCollapsible .navLi span {
color: #275D38;
}
.productDetailMain .productDetailCollapsible .navLi span:hover {
color: #9a7e75;
border-bottom: solid 3px #9a7e75;
}
.productDetailMain .productDetailCollapsible .navLi.expanded span, .productDetailMain .productDetailCollapsible .navLi.expanded span:hover {
color: #9a7e75;
border-bottom: solid 3px #9a7e75;
}
.productDetailMain .productDetailCollapsible .contentLi {
margin-top: 25px;
background-color: transparent;
padding-left: 0;
}
.productDetailMain .productDetailCollapsible .contentLi h3 {
margin-bottom: 0px;
margin-top: 0px;
}
.productDetailMain .productDetailCollapsible .contentLi p {
margin-top: 3px;
padding-top: 0px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 10px;
}
.productDetailMain .productDetailActions.top {
display: none;
}
.productDetailMain .productDetailActions.bottom {
display: block;
margin: 15px 0px 25px 0px;
}
.productDetailMain .productDetailActions .buyNow {
float: left;
width: 145px;
margin: 0;
}
.productDetailMain .productDetailActions .buyNow a {
width: 145px;
}
.productDetailMain .productDetailActions .shareNow {
float: left;
margin: 0 0 0 6%;
}
.productDetailMain .productDetailActions .shareNow span {
display: none;
}
.productDetailMain .productDetailActions.noBuyNow .shareNow {
margin: 0;
}
.productDetailRelated {
margin: 0px auto 0px auto;
padding-bottom: 30px;
padding-top: 40px;
}
.productDetailRelated.not-updated .innerPadding {
width: 695px;
margin: 0px auto 0px auto;
padding: 0 1em;
}
.productDetailRelated .innerPadding {
width: 100%;
margin: 0px auto 0px auto;
}
.productDetailRelated h2 {
margin: 0px;
}
.productDetailRelated.not-updated .relatedProducts {
float: left;
width: 63.55%;
}
.productDetailRelated.not-updated .relatedContent {
float: left;
width: 32.22%;
padding: 0;
margin: 0 0 0 4.22%;
}
.productDetailRelated.not-updated .relatedProducts ul li {
width: 22.5%;
text-align: left;
margin: 0 2.5% 35px 0;
}
.productDetailRelated .relatedProducts {
height: auto;
padding: 0;
margin: 0;
overflow: visible;
}
.productDetailRelated .relatedProducts h2 {
margin: 0px;
}
.productDetailRelated .relatedProducts .arrows320 {
display: none;
}
.productDetailRelated .relatedProducts ul {
padding: 0;
margin: 12px 0 0 0;
}
.productDetailRelated .relatedProducts ul li {
text-align: center;
}
.not-updated .productDetailRelated .relatedProducts ul li {
width: 22.5%;
text-align: left;
margin: 0 2.5% 35px 0;
}
.productDetailRelated .relatedProducts ul li a figure .imgWidth {
margin: 0;
}
.productDetailRelated .relatedProducts ul li.k-cup .imgWidth {
width: 100%;
}
.productDetailRelated .relatedProducts ul li.k-cup .imgWidth div {
padding-top: 107%;
}
.productDetailRelated .relatedProducts ul li:nth-of-type(3) ~ li {
display: inline-block;
}
.productDetailRelated.noRelatedContent .relatedProducts {
float: none;
width: 100%;
}
.productDetailRelated.noRelatedContent .relatedProducts ul li {
width: 17.5%;
margin: 0 2.5% 35px 0;
}
.productDetailRelated .relatedContent h2 {
text-align: left;
}
.not-updated .productDetailRelated .relatedContent {
float: left;
width: 32.22%;
padding: 0;
margin: 0 0 0 4.22%;
}
.not-updated .productDetailRelated .relatedContent h2 {
text-align: left;
margin-bottom: 10px;
margin-left: 0px;
border-bottom: 1px solid #662b14;
width: 100%;
}
.productDetailRelated .relatedContent .articleBlurb {
margin: 0;
}
.productDetailRelated .relatedContent .articleBlurb p {
font-size: 11.5px;
line-height: 16px;
}
.productDetailRelated .relatedContent .arrows320 {
display: none;
}
/* ----- STORE FINDER ----- */
article.storeFinderContent section {
width: 55%;
padding: 0 76px 0 38px;
margin: 0;
}
article.storeFinderContent aside {
width: 45%;
padding: 0 38px 0 0;
margin: 0;
}
.storeFinderContent, .contactContent {
padding-top: 50px;
}
.progress .WYSIWYG .tm-4-decades {
float: left;
margin: 0 20px 20px 0;
}
.progress .WYSIWYG ul {
margin-left: 210px;
}
#plantList {
position: relative;
}
#plantList .quizButton {
height: 62px;
line-height: 62px;
}
#plantList header {
min-height: 528px;
background-image: url("../img/quizHeaderBg.jpg");
background-position: 50% bottom;
background-repeat: no-repeat;
padding: 130px 0 53px;
}
#plantList header .inner {
width: 682px;
padding: 0 0 0 341px;
margin: 0 auto;
}
#plantList header h1 {
max-width: 341px;
background-size: 341px auto;
margin: 23px 0 49px;
}
#plantList header h2 {
max-width: 341px;
}
#plantList section {
min-height: 425px;
}
#plantList section .inner {
min-height: 777px;
padding: 60px 0 0;
margin: 0 auto;
}
#plantList section .question .copy {
font-size: 50px;
line-height: 54px;
padding: 30px 30px 40px;
}
#plantList section .questionDownArrow {
height: 73px;
margin-bottom: 0;
}
#plantList section .answers label {
font-size: 15px;
line-height: 23px;
}
#plantList section .inner {
zoom: 1;
max-width: 628px;
}
#plantList section .inner .unzoom {
zoom: 1;
}
#plantList .footerUnderlay {
display: none;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.25);
}
#plantList footer {
position: absolute;
left: 50%;
bottom: 40px;
width: 530px;
margin-left: -280px;
}
#plantList footer .inner {
padding: 33px;
}
#plantList footer .h1 {
font-size: 55px;
}
#plantList footer .questionDownArrow {
height: 13px;
margin-bottom: 23px;
}
#plantList footer form label {
width: 33%;
}
#quizResult header {
padding: 85px 0 60px;
}
#quizResult header h1 {
max-width: 692px;
min-height: 58px;
font-size: 58px;
line-height: 58px;
}
#quizResult header h2 {
max-width: 692px;
font-size: 18px;
line-height: 18px;
padding-bottom: 16px;
}
#quizResult header .plantSymbols .inner {
position: relative;
max-width: 692px;
min-height: 240px;
padding: 45px 0px;
margin: 41px auto 40px;
}
#quizResult header .plantSymbols .inner .ivy {
display: block;
position: absolute;
background-repeat: no-repeat;
}
#quizResult header .plantSymbols .inner .ivyTopLeft {
top: -41px;
left: -49px;
width: 241px;
height: 220px;
background-image: url("../img/quizResultIvyTopLeft.png");
}
#quizResult header .plantSymbols .inner .ivyBottomLeft {
bottom: -52px;
left: -12px;
width: 97px;
height: 118px;
background-image: url("../img/quizResultIvyBottomLeft.png");
}
#quizResult header .plantSymbols .inner .ivyBottomRight {
bottom: -80px;
right: -34px;
width: 173px;
height: 176px;
background-image: url("../img/quizResultIvyBottomRight.png");
}
#quizResult header .plantSymbols .inner h3 {
font-size: 30px;
line-height: 30px;
margin: 0 0 4px 0;
}
#quizResult header .plantSymbols .plantSymbolContainer {
max-width: 100%;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol {
float: none;
width: auto;
position: relative;
display: inline-block;
width: 196px;
height: 209px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
padding: 0 15px;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content {
padding-top: 12px;
position: absolute;
bottom: 0px;
left: 15px;
height: 201px;
padding: 12px;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content p {
display: block;
visibility: hidden;
height: 120px;
color: #ffffff;
font-size: 13px;
line-height: 16px;
text-align: left;
background-color: #275D38;
padding: 0;
margin: 0 auto;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content span {
display: block;
visibility: hidden;
height: 40px;
color: #ffffff;
text-transform: uppercase;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content h4 {
font-size: 14px;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content:hover {
background-color: #275D38;
cursor: pointer;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content:hover p {
visibility: visible;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content:hover span {
visibility: visible;
}
#quizResult header .plantSymbols .plantSymbolContainer .plantSymbol .content:hover h4 {
color: #ffffff;
}
#quizResult header .shareContainer {
position: relative;
}
#quizResult header .shareContainer p {
font-size: 18px;
padding: 0 0 20px 0;
}
#quizResult header .shareContainer .scrollDown {
display: block;
position: absolute;
top: 30px;
width: 37px;
height: 47px;
background-image: url("../img/quizScrollDown.png");
background-repeat: no-repeat;
}
#quizResult header .shareContainer .scrollDown.scrollDownLeft {
left: -135px;
}
#quizResult header .shareContainer .scrollDown.scrollDownRight {
right: -135px;
}
#quizResult #quizResultBody {
padding: 88px 0 0;
}
#quizResult #quizResultBody section {
position: relative;
width: 100%;
max-width: 692px;
margin: 0 auto 88px;
}
#quizResult #quizResultBody section h3 {
width: 273px;
padding: 0;
margin: 0 auto 16px;
}
#quizResult #quizResultBody section h3 span {
height: 62px;
font-size: 18px;
line-height: 62px;
}
#quizResult #quizResultBody section .plantImage {
position: absolute;
top: 150px;
left: 50%;
margin-left: -136px;
opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 25 ")";
filter: alpha(opacity=25);
zoom: 1;
}
#quizResult #quizResultBody section .plantDetailCollapsible {
border: 1px solid #275D38;
}
}
@media only screen and (min-width: 950px) {
#mainPageHeader .tm-menu-section {
margin: 0 3em 0 0;
}
}
@media only screen and (min-width: 1024px) {
.environment {
height: 25px;
}
.environment div {
position: fixed;
background-color: gold;
border-bottom: 1px solid goldenrod;
height: 25px;
line-height: 25px;
top: 0;
color: black;
font-weight: bold;
width: 100%;
text-align: center;
z-index: 10000000;
}
.container {
width: 100%;
overflow: hidden;
}
#mainPageHeader nav {
width: 100%;
margin: 0 auto;
}
#mainPageHeader div.Level1Expanded {
display: block;
position: relative;
width: 100%;
padding: 0 38px;
margin: 0 auto;
background-color: transparent;
position: relative;
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15) inset;
}
#mainPageHeader .topNav {
list-style-type: none;
width: 100%;
height: 16px;
font-size: 11px;
display: block;
position: relative;
padding: 5px 0px 0px 0px;
margin: 0;
}
#mainPageHeader .topNav li {
display: inline;
margin-left: 30px;
position: relative;
float: right;
}
#mainPageHeader .topNav li.promo {
display: inline;
margin-left: 0px;
position: relative;
float: left;
}
#mainPageHeader .topNav a {
color: #275D38;
text-transform: uppercase;
text-decoration: none;
}
#mainPageHeader .topNav span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
#mainPageHeader ul.mainNav {
border-bottom: 0;
position: absolute;
top: 20px;
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
}
#mainPageHeader ul.mainNav > li {
border-top: 0;
height: 22px;
vertical-align: top;
position: absolute;
background-image: none;
margin-top: 0px;
padding: 0px;
background-color: transparent;
}
#mainPageHeader ul.mainNav > li.btnsLeft {
margin-right: 75px;
}
#mainPageHeader ul.mainNav > li.btnsRight {
margin-left: 75px;
}
#mainPageHeader ul.mainNav > li > a {
padding: 0px;
font-size: 12px;
color: #275D38;
text-transform: uppercase;
text-decoration: none;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav1Col {
width: 238px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav2Col {
width: 477px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav3Col {
width: 715px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav4Col {
width: 1024px;
}
#mainPageHeader ul.mainNav > li.expanded .secondLevelContainer.nav5Col {
width: 1024px;
}
#mainPageHeader ul.mainNav > li:nth-of-type(2) .secondLevelContainer.nav4Col, #mainPageHeader ul.mainNav > li:nth-of-type(2) .secondLevelContainer.nav5Col {
left: -219px;
}
#mainPageHeader ul.mainNav > li:nth-of-type(4) .secondLevelContainer.nav4Col, #mainPageHeader ul.mainNav > li:nth-of-type(4) .secondLevelContainer.nav5Col {
right: -219px;
}
#mainPageHeader ul.mainNav .tm-menu-section {
margin: 0 2em 0 0;
}
#mainPageHeader ul.mainNav .tm-menu-section:last-child {
margin: 0;
}
#mainPageHeader ul.mainNav .tm-menu-section > a {
padding: 15px 20px 30px 20px !important;
position: relative;
margin-top: -19px;
}
#mainPageHeader ul.mainNav .tm-menu-section > a:after {
font-family: fontawesome;
font-weight: 700;
font-size: 14px;
display: block;
position: absolute;
color: #275D38;
right: 0;
bottom: 50%;
}
#mainPageHeader ul.mainNav .tm-menu-section.hovered > a {
background: #fffcf4;
background-image: url("../img/backgroundTexture-light.jpg");
box-shadow: inset 0px 3px 1px rgba(0, 0, 0, 0.2);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#mainPageHeader .tm-menu-section.tm-menu-section-nosub > a {
padding-right: 0px !important;
}
#mainPageHeader .tm-menu-section.tm-menu-section-nosub > a:after, #mainPageHeader .tm-menu-section.tm-menu-section-nosub.collapsed > a:after {
content: "" !important;
}
#mainPageHeader .tm-menu-section.tm-menu-section-nosub.expanded > a:after {
content: "" !important;
}
#mainPageHeader .homeBTN {
width: 118px;
height: 118px;
}
.trm-newsletter-header p .hide {
display: inline;
}
.marquee .slide .contentContainer {
width: 100%;
padding-left: 38px;
padding-right: 38px;
}
.marquee .slide .content h1, .marquee .slide .content p, .marquee .slide .content a {
max-width: 386px;
}
.marquee .slide .widthContainer {
width: 100%;
max-width: 948px;
margin: 0 auto;
}
.marquee .nav {
width: 100%;
max-width: 1024px;
padding-left: 38px;
padding-right: 38px;
}
.homeContent {
width: 100%;
max-width: 1024px;
}
.footerWideWrapper {
width: 944px;
}
.footerContentWide.cyclePlantIMG {
width: 274px;
height: 244px;
}
.footerContentWide.cyclePlantIMG img {
height: 205px;
}
.footerLinkContainer {
width: 622px;
margin-left: 44px;
}
.footerContentWide.footerNav {
width: 480px;
}
.footerContentWide.socialLinks {
width: 151px;
}
.footerContentWide.socialLinks p {
width: 100%;
}
.footerContentWide.socialLinks a {
display: inline-block;
margin-right: 15px;
}
/*
.footerContentWide.subscribe2newsletter {
width: 625px;
p {
margin-right: 0px;
width: 298px;
padding-right: 0px;
}
input.newsletterInput {
height: 25px;
margin-top: 0px;
width: 214px !important;
border: solid 1px #c8bda6;
padding-top: 1px;
padding-bottom: 0px;
color: #6d2b11 !important;
@include sansSerifMedium;
margin-right: 0px;
background-color: #f6f4ed;
}
input[type=button], input[type=submit] {
height: 24px;
margin-top: -2px;
margin-left: 8px;
width: 80px;
background-color: $lightBrown;
color: #ffffff;
@include sansSerifMedium;
font-size: 11px;
border: none;
text-align: center;
vertical-align: bottom;
padding: 2px 0px 0px 0px;
position: relative;
}
input[type=button]:hover, input[type=submit]:hover {
background-color: #C89D74;
color: #ffffff;
}
input[placeholder], [placeholder], *[placeholder], input::-webkit-input-placeholder {
color: #6d2b11 !important;
@include sansSerifMedium;
padding-left: 9px;
font-size: 10px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
outline: 0;
}
input:focus {
outline: 0;
}
}
*/
.footerContentWide.legalNotice {
margin: 20px 0px 0px 44px;
width: 624px;
}
.footerContentWide.legalNotice span {
display: inline;
}
.breadcrumbs {
max-width: 1024px;
}
.breadcrumbs p {
width: 350px;
}
/* ----- COLLAPSIBLE CONTENT DEFAULT STYLES ----- */
.defaultCollapsible {
margin: 0;
}
.defaultCollapsible .contentLi h3 {
margin-top: 10px;
font-size: 15px;
}
.defaultCollapsible .contentLi p {
margin-top: 5px;
margin-bottom: 20px;
}
/* ----- GENERIC CONTENT (BLOG POST) ----- */
article.genericContent header.withoutImage {
max-width: 1024px;
}
article.genericContent header.withImage .copyContainer {
width: 1024px;
}
article.genericContent header.withImage .copy {
max-width: 1024px;
}
article.genericContent header.withImage .copy h1 {
line-height: 50px;
}
article.genericContent .columnsWrapper {
width: 100%;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
article.genericContent .columnsWrapper.noAside section {
float: none;
width: auto;
margin: 5px 38px 20px;
}
article.genericContent section {
width: 567px;
float: left;
padding: 0;
margin: 0 76px 0 38px;
}
article.genericContent section h3, article.genericContent section h4, article.genericContent section h5 {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
article.genericContent section p {
margin: 10px auto;
}
article.genericContent section p a {
color: #275D38;
}
article.genericContent aside {
float: left;
width: 305px;
padding: 0;
margin: 0 38px 0 0;
}
article.genericContent aside h2 {
text-transform: uppercase;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
margin: 0;
}
article.genericContent aside div.tout {
width: auto;
float: none;
margin: 0;
padding-bottom: 13px;
border-bottom: 1px solid #4e2717;
}
article.genericContent aside div.tout:first-of-type {
border-top: 1px solid #4e2717;
margin-top: 13px;
}
article.genericContent aside div h3, article.genericContent aside div h4 {
font-size: 14px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
padding: 11px 0;
margin: 0;
}
article.genericContent aside div figure {
text-align: center;
width: 100%;
height: auto;
box-sizing: border-box;
position: relative;
display: block;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
article.genericContent aside div figure img {
width: 100%;
height: auto;
}
article.genericContent aside div p {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 400;
font-style: normal;
}
article.genericContent aside div a.learnMore {
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
line-height: 11px;
margin-top: 0px;
color: #275D38;
}
/* ----- PLANT PAGES ----- */
article.plantPage header .inner {
max-width: 1024px;
}
article.plantPage header h1 {
width: 616px;
}
article.plantPage header p {
width: 636px;
height: 245px;
font-size: 30px;
line-height: 45px;
}
article.plantPage header .plantImage {
width: 290px;
height: 245px;
}
article.plantPage header .plantImage div {
width: 290px;
height: 245px;
padding-top: 0px !important;
margin: 0 auto;
}
article.plantPage header .shareThisStory {
top: 31px;
}
article.plantPage section {
max-width: 948px;
}
article.plantPage section .plantDetailCollapsible .contentLi .contentWithVideo {
width: 607px;
}
/* ----- CONTACT PAGE ----- */
article.contactContent section {
width: 446px;
}
article.contactContent aside {
width: 425px;
}
/* ----- PRODUCT LISTING ----- */
.productListSideNav {
margin-top: 30px;
}
.productListingContent {
width: 100%;
max-width: 1024px;
}
.productIntro p {
width: 76.666%;
}
div.categoryItems ul {
margin-bottom: 0px;
padding-bottom: 0px;
}
div.categoryItems ul li {
height: 275px;
margin-right: 50px;
}
div.categoryItems ul li a .productThumb {
width: 124px;
}
div.categoryItems ul li.k-cup a .productThumb {
width: 140px;
margin-left: -10px;
}
div.categoryItems ul li.k-cup a .productThumb div {
padding-top: 118.38% !important;
}
/* ----- PRODUCT DETAIL ----- */
.productDetailMain.has-slider #BVRRSummaryContainer {
top: 570px;
}
.productDetailMain h1 {
font-size: 42px;
}
.productDetailMain figure {
width: 348px;
height: 465px;
}
.productDetailMain figure.k-cup {
width: 370px;
}
.productDetailMain figure.k-cup + figure {
width: 243.6px;
margin-left: 52.2px;
margin-top: 300px;
}
.productDetailMain #BVRRSummaryContainer {
width: 348px;
position: absolute;
left: 50px;
top: 570px;
}
.productDetailMain #BVRRSummaryContainer.k-cup {
top: 600px;
}
.productDetailMain .productDetailCollapsible {
min-height: 334px;
}
.productDetailMain .productDetailCollapsible .navLi {
white-space: nowrap;
}
.productDetailMain .productDetailCollapsible .navLi.navLi1 {
left: 0px;
}
.productDetailMain .productDetailCollapsible .navLi.navLi2 {
left: 16%;
}
.productDetailMain .productDetailCollapsible .navLi.navLi3 {
left: 39%;
}
.productDetailMain .productDetailCollapsible .navLi.navLi4 {
left: 57%;
}
.productDetailMain .productDetailCollapsible .navLi.navLi5 {
top: 0px;
right: 0px;
left: auto;
}
.productDetailMain .productDetailCollapsible .contentLi {
margin-top: 0;
}
.productDetailMain .productDetailCollapsible .contentLi h3 {
margin-top: 10px;
font-size: 15px;
}
.productDetailMain .productDetailCollapsible .contentLi p {
margin-top: 5px;
margin-bottom: 20px;
}
.productDetailMain .productDetailActions .shareNow {
width: 290px;
}
.productDetailMain .productDetailActions .shareNow span {
display: table-cell;
}
.productDetailRelated {
background-image: none;
padding-top: 30px;
padding-bottom: 20px;
margin-bottom: 20px;
width: 80%;
}
.productDetailRelated.not-updated {
min-height: 500px;
}
.productDetailRelated.not-updated .innerPadding {
width: 944px;
}
.productDetailRelated .innerPadding {
width: 100%;
max-width: 1024px;
}
.productDetailRelated .relatedProducts .arrows320 {
display: none;
}
.productDetailRelated .relatedProducts ul li figure .imgWidth {
width: 99px;
}
.productDetailRelated .relatedProducts ul li figure .img {
padding-top: 133.3333333333%;
}
.productDetailRelated .relatedProducts ul li.k-cup .imgWidth div {
padding-top: 94%;
}
.productDetailRelated.noRelatedContent .relatedProducts ul li {
width: 14.65%;
margin: 0 2% 35px 0;
}
.productDetailRelated.noRelatedContent.legacy-content .relatedProducts ul li {
width: 17.65%;
margin: 0 2% 35px 0;
}
.productDetailRelated .relatedContent {
/* Nothing to see here */
}
/* ----- STORE FINDER ----- */
article.storeFinderContent section {
width: 55%;
padding: 0 76px 0 38px;
margin: 0;
}
article.storeFinderContent aside {
width: 45%;
padding: 0 38px 0 0;
margin: 0;
}
#plantList section .number {
top: 132px;
left: -159px;
width: 124px;
height: auto;
font-size: 12px;
line-height: 12px;
text-align: center;
background-size: 124px 124px;
padding: 145px 0 0 0;
}
#quizResult header h1 {
max-width: 784px;
}
#quizResult header h2 {
max-width: 784px;
}
#quizResult header .plantSymbols .inner {
max-width: 784px;
}
#quizResult header .shareContainer .scrollDown {
top: -200px;
}
#quizResult header .shareContainer .scrollDown.scrollDownLeft {
left: -309px;
}
#quizResult header .shareContainer .scrollDown.scrollDownRight {
right: -309px;
}
#quizResult #quizResultBody section {
max-width: 948px;
}
#quizResult #quizResultBody section h3 {
float: left;
width: 273px;
padding: 0;
margin: 0 47px 0 0;
}
#quizResult #quizResultBody section .plantImage {
top: 80px;
left: 0px;
margin-left: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
filter: alpha(opacity=100);
zoom: 1;
}
#quizResult #quizResultBody section .plantDetailCollapsible {
margin: 0 0 0 320px;
}
}
@media only screen and (min-width: 1281px) {
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
#mainPageHeader, .marquee, .homeContentBorder, .homeContent, #mainPageFooter {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.homeContent {
background-position: center center;
}
.homeContent div.clearfix {
width: 1024px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#mainPageHeader ul.mainNav .tm-menu-section > a {
font-size: 14px;
}
#mainPageHeader .homeBTN {
height: 130px;
width: 130px;
top: 20%;
}
.productDetailRelated .innerPadding {
max-width: 90%;
}
}
@media only screen and (min-width: 1920px) {
/*
.tm-callout{
&.full-width{
height: 100vh;
// max-height: 800px;
.tm-callout-content{
padding: 15% 12%;
}
}
}
*/
.tm-callout.full-width .tm-callout-content {
padding: 8%;
}
}
@media print {
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* */
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.site-header a:focus {
outline: auto !important;
}
/*** Top Nav ***/
.top-nav {
font-size: 11px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #275D38;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 5px 10px;
}
@media (max-width: 1200px) {
.top-nav {
padding: 25px 10px;
}
}
/*** Top Nav - Newsletter ***/
.top-nav .newsletter {
display: flex;
justify-content: center;
align-items: center;
}
.top-nav .newsletter p {
margin: 0 10px 0 0;
font-size: 12px;
padding: 0;
font-weight: 600;
}
@media (max-width: 900px) {
.top-nav .newsletter p {
margin: 10px;
}
}
.top-nav .newsletter form {
display: flex;
}
.top-nav .newsletter form input {
width: 200px;
padding: 5px;
line-height: 1em;
border: 1px solid #ececec;
border-right: 0;
}
.top-nav .newsletter form input:focus {
outline: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.top-nav .newsletter form button {
font-size: 11px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
text-transform: uppercase;
border: 0;
border-radius: 0;
background-color: #275D38;
color: white;
text-transform: uppercase;
padding: 5px 20px;
margin: 0;
}
@media (max-width: 1200px) {
.top-nav .newsletter {
flex-wrap: wrap;
padding-left: 10px;
}
}
/*** Top Nav - Menu ***/
.tm-top-menu-nav {
margin: 0;
padding: 0 0 0 20px;
display: flex;
align-items: center;
list-style: none;
}
@media (max-width: 1200px) {
.tm-top-menu-nav {
padding-left: 10px;
}
}
.tm-top-menu-nav li {
margin: 0 10px 0;
}
@media (max-width: 1200px) {
.tm-top-menu-nav li {
margin: 20px 10px;
}
}
.tm-top-menu-nav a {
color: #275D38;
text-decoration: none;
}
.tm-top-menu-nav .tm-icon,
.tm-top-menu-nav .tm-icon-only {
position: relative;
}
.tm-top-menu-nav .tm-icon a,
.tm-top-menu-nav .tm-icon-only a {
padding-left: 35px;
}
.tm-top-menu-nav .tm-icon a:before,
.tm-top-menu-nav .tm-icon-only a:before {
line-height: 1;
font-family: FontAwesome;
font-size: 20px;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 0;
top: -4px;
width: 30px;
text-align: center;
}
.tm-top-menu-nav .tm-icon-only {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 1200px) {
.tm-top-menu-nav .tm-icon-only {
overflow: hidden;
width: 30px;
height: 18px;
}
.tm-top-menu-nav .tm-icon-only a {
text-indent: -99999px;
}
}
@media (max-width: 1200px) {
.tm-top-menu-nav .tm-icon-only {
background: none !important;
}
.tm-top-menu-nav .tm-icon-only a:before {
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 14px;
margin: 4px 0;
}
}
.tm-top-menu-nav .tm-shop a:before {
content: "";
}
.tm-top-menu-nav .tm-store-locator a:before {
content: "";
}
.tm-top-menu-nav .tm-search,
.tm-top-menu-nav .tm-search a:before {
background-image: url("../img/search.png");
}
.tm-top-menu-nav .tm-ca,
.tm-top-menu-nav .tm-ca a:before {
background-image: url("../img/canadaBTN.png");
}
.tm-top-menu-nav .tm-us,
.tm-top-menu-nav .tm-us a:before {
background-image: url("../img/usaBTN.png");
}
.tm-top-menu-nav .tm-lang {
position: relative;
top: -5px;
}
/*** Mega Menu ***/
.btm-nav ul {
margin: auto;
padding: 0;
list-style: none;
}
.btm-nav .tm-btm-menu-nav {
font-size: 11px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
display: flex;
justify-content: center;
width: 100%;
max-width: 1200px;
margin: auto;
padding: 0 20px;
list-style: none;
position: relative;
z-index: 9;
/* Sub Menu */
}
@media (min-width: 1200px) {
.btm-nav .tm-btm-menu-nav > li {
padding: 10px 30px;
margin: 0 10px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top: 3px solid transparent;
}
}
.btm-nav .tm-btm-menu-nav a {
text-decoration: none;
color: #275D38;
}
@media (min-width: 1200px) {
.btm-nav .tm-btm-menu-nav .sub-menu {
background-color: #f3f3f3;
display: flex;
flex-wrap: wrap;
top: 100%;
left: 0;
right: 0;
max-height: 70vh;
overflow: auto;
opacity: 0;
padding: 40px 60px 20px 80px;
position: absolute;
pointer-events: none;
width: 100%;
}
.btm-nav .tm-btm-menu-nav .sub-menu li {
padding: 0 20px 20px 0;
padding-right: 20px;
padding-bottom: 20px;
margin: 0;
text-align: center;
}
.btm-nav .tm-btm-menu-nav .sub-menu a {
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
min-height: 8vw;
color: white;
font-family: "Lusitana", "Garamond", "Georgia", serif;
font-size: 22px;
text-transform: none;
font-weight: 300;
position: relative;
}
.btm-nav .tm-btm-menu-nav .sub-menu a span {
position: relative;
z-index: 9;
}
.btm-nav .tm-btm-menu-nav .sub-menu a:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
transition: 0.2s all ease-in-out;
z-index: 0;
}
.btm-nav .tm-btm-menu-nav .sub-menu a:hover:after, .btm-nav .tm-btm-menu-nav .sub-menu a:focus:after {
background-color: rgba(0, 0, 0, 0.6);
}
.btm-nav .tm-btm-menu-nav .sub-menu a:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.btm-nav .tm-btm-menu-nav .sub-menu:before {
content: "";
width: 100%;
height: 5px;
top: 0;
left: 0;
position: absolute;
display: block;
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
}
.btm-nav .tm-btm-menu-nav .sub-menu .align-right {
text-align: right;
}
.btm-nav .tm-btm-menu-nav .sub-menu .text-link {
width: 100%;
}
.btm-nav .tm-btm-menu-nav .sub-menu .text-link a {
font-size: 11px;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-weight: 700;
text-transform: uppercase;
background: none;
color: #275D38;
font-size: 13px;
min-height: 0;
}
.btm-nav .tm-btm-menu-nav .sub-menu .text-link a::after {
display: none;
}
@media (min-width: 1200px) {
.btm-nav .tm-btm-menu-nav .sub-menu .text-link a {
display: inline-block;
padding: 0;
}
}
@media (max-width: 1200px) {
.btm-nav .tm-btm-menu-nav .sub-menu .text-link a {
text-align: left;
}
}
@media (max-width: 1200px) {
.btm-nav .tm-btm-menu-nav .sub-menu .text-link.close-link {
margin-left: 15px;
background-image: url("../img/arrow-left.png");
background-size: 15px;
background-position: left center;
background-repeat: no-repeat;
}
.btm-nav .tm-btm-menu-nav .sub-menu .text-link.close-link a {
padding-left: 30px;
}
}
@media (min-width: 1200px) {
.btm-nav .tm-btm-menu-nav > .current-menu-item > a {
padding-bottom: 5px;
border-bottom: 2px solid #275D38;
}
}
@media (min-width: 1200px) {
.btm-nav .tm-btm-menu-nav .menu-item-has-children:hover, .btm-nav .tm-btm-menu-nav .menu-item-has-children:focus, .btm-nav .tm-btm-menu-nav .menu-item-has-children.sub-menu--open {
background-color: #f3f3f3;
border-color: rgba(0, 0, 0, 0.2);
}
.btm-nav .tm-btm-menu-nav .menu-item-has-children:hover > a, .btm-nav .tm-btm-menu-nav .menu-item-has-children:focus > a, .btm-nav .tm-btm-menu-nav .menu-item-has-children.sub-menu--open > a {
position: relative;
}
.btm-nav .tm-btm-menu-nav .menu-item-has-children:hover > a:after, .btm-nav .tm-btm-menu-nav .menu-item-has-children:focus > a:after, .btm-nav .tm-btm-menu-nav .menu-item-has-children.sub-menu--open > a:after {
/*
content: '';
width: calc( 100% + 60px );
bottom: -16px;
left: -30px;
height: 5px;
position: absolute;
display: block;
background: $gray;
z-index: 9;
*/
}
}
.btm-nav .tm-btm-menu-nav .menu-item-has-children:hover .sub-menu, .btm-nav .tm-btm-menu-nav .menu-item-has-children:focus .sub-menu, .btm-nav .tm-btm-menu-nav .menu-item-has-children.sub-menu--open .sub-menu {
opacity: 1;
pointer-events: inherit;
}
.btm-nav .tm-btm-menu-nav .menu-item-has-children:hover .hide-sub-menu, .btm-nav .tm-btm-menu-nav .menu-item-has-children:focus .hide-sub-menu, .btm-nav .tm-btm-menu-nav .menu-item-has-children.sub-menu--open .hide-sub-menu {
opacity: 0;
pointer-events: none;
}
/* Width for DD */
@media (min-width: 1200px) {
.btm-nav .sub-menu li {
width: 50%;
}
.btm-nav .cols-1 li {
width: 100%;
}
.btm-nav .cols-2 li {
width: 50%;
}
.btm-nav .cols-3 li {
width: 33.33%;
}
.btm-nav .cols-4 li {
width: 25%;
}
.btm-nav .menu-item-has-children .col-1,
.btm-nav .menu-item-has-children .col-100 {
width: 100%;
}
.btm-nav .menu-item-has-children .col-2,
.btm-nav .menu-item-has-children .col-50 {
width: 50%;
}
.btm-nav .menu-item-has-children .col-3,
.btm-nav .menu-item-has-children .col-33 {
width: 33.33%;
}
.btm-nav .menu-item-has-children .col-4,
.btm-nav .menu-item-has-children .col-25 {
width: 25%;
}
}
/*** Mobile ***/
@media (min-width: 1200px) {
.nav {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (max-width: 1200px) {
.nav {
transform: translateY(-120%);
overflow: auto;
}
.nav.nav--open {
transform: translateY(0);
}
.nav.nav--open.nav--move {
transform: translateX(-50%) translateY(0);
}
.nav {
background-color: white;
border-top: 2px solid #ececec;
position: fixed;
width: 200%;
height: 100%;
padding-top: 80px;
margin-top: 80px;
top: 0;
left: 0;
display: flex;
flex-direction: column;
z-index: 9;
transition: 0.5s transform;
}
}
@media (max-width: 1200px) and (max-width: 900px) {
.nav {
padding-top: 50px;
margin-top: 50px;
}
}
@media (max-width: 1200px) {
.nav .top-nav,
.nav .btm-nav {
width: 50%;
}
}
@media (max-width: 1200px) {
.nav .btm-nav {
order: -1;
}
.nav .btm-nav .sub-menu {
position: absolute;
top: 0;
left: 100%;
opacity: 0;
pointer-events: none;
width: 100%;
padding: 0 20px;
}
.nav .btm-nav .sub-menu--open {
opacity: 1;
pointer-events: inherit;
}
}
@media (max-width: 1200px) {
.nav .tm-menu {
display: block;
}
}
@media (max-width: 1200px) {
.nav .top-nav {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.nav .top-nav .menu-top-nav-menu-container {
order: -1;
margin-bottom: 20px;
}
}
@media (max-width: 1200px) {
.nav .btm-nav li {
border-radius: 0;
border-bottom: 1px solid #ececec;
}
.nav .btm-nav a {
display: block;
padding: 15px;
background: none !important;
}
.nav .btm-nav .menu-item-has-children {
background-image: url("../img/arrow-right.png");
background-size: 15px;
background-position: right center;
background-repeat: no-repeat;
}
}
.mobile-nav {
display: flex;
padding: 28px;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
@media (min-width: 1200px) {
.mobile-nav {
display: none;
}
}
@media (max-width: 900px) {
.mobile-nav {
padding: 14px 25px;
}
}
.mobile-nav .icon-button {
width: 25px;
height: 25px;
border: 0;
text-indent: -99999px;
overflow: hidden;
background-color: white;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mobile-nav .hamburger {
background-image: url("../img/mainNavIcon.svg");
}
.mobile-nav .tm-search {
background-image: url("../img/search.png");
}
/***** Hemp and Herb Adjustments *****/
@media (min-width: 1200px) {
.site-header--hh .btm-nav {
padding-left: 330px;
}
}
@media (max-width: 1400px) {
.site-header--hh .btm-nav .tm-btm-menu-nav > li {
padding-left: 15px;
padding-right: 15px;
}
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/*# sourceMappingURL=main.css.map */