/*
Theme Name: sanmiguel
Theme URI: http://wordpress.org/themes/sanmiguel
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept). → CAUTION: If you're child theming or have clients that are child theming on top of sanmiguel (not the recommended use), please do not blindly upgrade to newer versions. → DESCRIPTION: sanmiguel is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. → SUPPORT: Please use the official support forum (tidythemes.com/forum). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css) → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/sanmiguel/3.3&new_path=/sanmiguel/4.0) just how much we've revamped things. Last, but not least, sanmiguel has now been opened up on GitHub (github.com/tidythemes/sanmiguel) if anyone would like to make suggested code additions/improvements. Thank you for using sanmiguel.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: sanmiguel
sanmiguel WordPress Theme © 2011-2014 TidyThemes
sanmiguel is distributed under the terms of the GNU GPL
*/
/*
color reference:
dark gray text = #6d6e71
brown = #9c6114
dark blue = #1f145d
dark blue 2 = #30237e
gray = #686868
light gray = #d6d7d9
orange = #eea803
lighter orange = #fbab00
red = #d53033
green = #2d7817
pink = #df1683
*/
body {
margin:0; padding:0;
background:#fff;
font-family:nexa-light, sans-serif;
font-size:10px; font-weight:normal;
color:#6d6e71;
}
img {
box-sizing:border-box;
max-width:100%; height:auto;
margin:0; padding:0;
border:0;
line-height:0;
}
svg {
box-sizing:border-box;
max-width:100%; height:auto;
margin:0; padding:0;
border:0;
line-height:0;
}
a {
text-decoration:none;
transition:all 0.5s;
}
a:hover {
text-decoration:none;
}
a:focus {
outline:none;
}
form,
ul,
ol,
li {
margin:0; padding:0;
}
strong,
b {
font-family:nexa-heavy, sans-serif;
}
#g-ws-content-wrapper {
}
.g-ws-content {
line-height:1.625;
font-size:17px;
}
@media only screen and (min-width:569px) {
.g-ws-content {
line-height:1.55;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.g-ws-content {
line-height:1.5;
font-size:22px;
}
}
.g-ws-content h1 {
margin:0 0 15px;
line-height:1.425;
font-family:nexa-heavy, sans-serif;
font-size:25px;
}
@media only screen and (min-width:400px) {
.g-ws-content h1 {
margin:0 0 15px;
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:569px) {
.g-ws-content h1 {
margin:0 0 15px;
line-height:1.35;
font-size:32px;
}
}
@media only screen and (min-width:900px) {
.g-ws-content h1 {
margin:0 0 15px;
line-height:1.25;
font-size:42px;
}
}
.g-ws-content h2 {
margin:0 0 15px;
line-height:1.425;
font-family:nexa-heavy, sans-serif;
font-size:23px;
}
@media only screen and (min-width:569px) {
.g-ws-content h2 {
margin:0 0 15px;
line-height:1.4;
font-size:26px;
}
}
@media only screen and (min-width:900px) {
.g-ws-content h2 {
margin:0 0 15px;
line-height:1.375;
font-size:28px;
}
}
h2.sm-styled-h2 {
margin:0 0 25px;
line-height:1.375;
font-family:nexa-bold, sans-serif;
font-size:28px;
color:#1f145d;
}
@media only screen and (min-width:569px) {
h2.sm-styled-h2 {
margin:0 0 30px;
line-height:1.3;
font-size:37px;
}
}
@media only screen and (min-width:900px) {
h2.sm-styled-h2 {
margin:0 0 35px;
line-height:1.275;
font-size:42px;
}
}
@media only screen and (min-width:1200px) {
h2.sm-styled-h2 {
line-height:1.25;
font-size:55px;
}
}
@media only screen and (min-width:1500px) {
h2.sm-styled-h2 {
line-height:1.225;
font-size:61px;
}
}
.g-ws-content h3 {
margin:0 0 15px;
line-height:1.5;
font-family:nexa-heavy, sans-serif;
font-size:22px;
}
@media only screen and (min-width:569px) {
.g-ws-content h3 {
margin:0 0 15px;
line-height:1.425;
font-size:23px;
}
}
@media only screen and (min-width:900px) {
.g-ws-content h3 {
margin:0 0 15px;
line-height:1.4;
font-size:26px;
}
}
.g-ws-content h4 {
margin:0 0 15px;
line-height:inherit;
font-family:nexa-heavy, sans-serif;
font-size:inherit;
}
.g-ws-content h5 {
margin:0 0 15px;
line-height:inherit;
font-family:nexa-heavy, sans-serif;
font-size:inherit;
color:#1f145d;
}
.g-ws-content h6 {
margin:0 0 15px;
line-height:inherit;
font-family:nexa-heavy, sans-serif;
font-size:inherit;
color:#9c6114;
}
.g-ws-content p {
margin:0 0 15px;
}
@media only screen and (min-width:569px) {
.g-ws-content p {
margin:0 0 15px;
}
}
@media only screen and (min-width:900px) {
.g-ws-content p {
margin:0 0 15px;
}
}
.g-ws-content hr {
clear:both;
margin:20px 0;
border:1px solid #6d6e71;
border-top:0;
}
@media only screen and (min-width:569px) {
.g-ws-content hr {
margin:20px 0;
}
}
@media only screen and (min-width:900px) {
.g-ws-content hr {
margin:20px 0;
}
}
hr.sm-styled-hr {
margin:40px 20px; padding:50px 0 0;
border:0;
background:url(images/bg-styled-hr.png) no-repeat scroll 50% 0;
background-size:1140px auto;
}
@media only screen and (min-width:569px) {
hr.sm-styled-hr {
margin:50px 20px;
}
}
.g-ws-content hr.sm-styled-hr {
margin-left:0; margin-right:0;
}
.g-ws-content a {
color:#9c6114; text-decoration:none;
transition:all 0.5s;
}
.g-ws-content a:hover {
color:#2d7817; text-decoration:none;
}
.g-ws-content ul {
margin:15px 0 15px 35px; padding:0;
}
@media only screen and (min-width:569px) {
.g-ws-content ul {
margin:15px 0 15px 45px;
}
}
.g-ws-content ul ul {
margin:0 0 0 30px;
list-style-type:circle;
}
@media only screen and (min-width:569px) {
.g-ws-content ul ul {
margin:0 0 0 35px;
list-style-type:circle;
}
}
.g-ws-content ul ol {
margin:0 0 0 35px;
}
@media only screen and (min-width:569px) {
.g-ws-content ul ol {
margin:0 0 0 40px;
}
}
.g-ws-content ol {
margin:15px 0 15px 35px; padding:0;
}
@media only screen and (min-width:569px) {
.g-ws-content ol {
margin:15px 0 15px 50px;
}
}
.g-ws-content ol ol {
margin:0 0 0 35px;
}
@media only screen and (min-width:569px) {
.g-ws-content ol ol {
margin:0 0 0 40px;
}
}
.g-ws-content ol ul {
margin:0 0 0 30px;
list-style-type:circle;
}
@media only screen and (min-width:569px) {
.g-ws-content ol ul {
margin:0 0 0 35px;
}
}
.g-ws-content ul li {
margin:5px 0; padding:0;
}
@media only screen and (min-width:569px) {
.g-ws-content ul li {
margin:5px 0;
}
}
@media only screen and (min-width:900px) {
.g-ws-content ul li {
margin:5px 0;
}
}
.g-ws-content ul li ul li {
padding:0;
background:none;
}
.g-ws-content ol li {
margin:5px 0; padding:0;
background:none;
}
.g-ws-content ol li ul li {
padding:0;
background:none;
}
.g-ws-content li:last-child {
margin-bottom:0;
}
a.button-1,
.g-ws-content a.button-1 {
display:inline-block;
margin:5px 0 0; padding:11px 46px 10px 20px;
line-height:1;
border:0;
border-radius:17px;
background:#1f145d url(images/bg-btn-arrow.png) no-repeat scroll 98% 50%;
background-size:36px auto;
font-family:nexa-bold, sans-serif;
font-size:17px;
color:#fff; text-decoration:none; text-transform:uppercase;
transition:all 0.5s;
}
@media only screen and (min-width:569px) {
a.button-1,
.g-ws-content a.button-1 {
padding:11px 51px 10px 24px;
border-radius:18px;
background:#1f145d url(images/bg-btn-arrow.png) no-repeat scroll 98% 50%;
background-size:42px auto;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
a.button-1,
.g-ws-content a.button-1 {
padding:11px 51px 10px 27px;
border-radius:19px;
font-size:22px;
}
}
a.button-1:hover,
.g-ws-content a.button-1:hover {
color:#fff; text-decoration:none;
background:#30237e url(images/bg-btn-arrow.png) no-repeat scroll 100% 50%;
background-size:36px auto;
box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
}
@media only screen and (min-width:569px) {
a.button-1:hover,
.g-ws-content a.button-1:hover {
background:#30237e url(images/bg-btn-arrow.png) no-repeat scroll 100% 50%;
background-size:42px auto;
}
}
a.button-8,
.g-ws-content a.button-8 {
display:inline-block;
position:relative;
margin:5px 0 0; padding:11px 46px 10px 20px;
line-height:1;
border:0; border-radius:17px;
background:#1f145d;
font-family:nexa-bold, sans-serif;
font-size:17px;
color:#fff; text-decoration:none; text-transform:uppercase;
transition:all 0.5s;
}
@media only screen and (min-width:569px) {
a.button-8,
.g-ws-content a.button-8 {
padding:11px 51px 10px 24px;
border-radius:18px;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
a.button-8,
.g-ws-content a.button-8 {
padding:11px 51px 10px 27px;
border-radius:19px;
font-size:22px;
}
}
a.button-8:hover,
.g-ws-content a.button-8:hover {
color:#fff; text-decoration:none;
background:#30237e;
box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
}
a.button-8 span,
.g-ws-content a.button-8 span {
display:block;
position:absolute; top:12px; right:20px;
max-width:19px; width:100%;
transition:right 0.5s;
}
@media only screen and (min-width:569px) {
a.button-8 span,
.g-ws-content a.button-8 span {
top:12px; right:20px;
max-width:24px;
}
}
@media only screen and (min-width:900px) {
a.button-8 span,
.g-ws-content a.button-8 span {
top:11px; right:20px;
max-width:24px;
}
}
a.button-8:hover span,
.g-ws-content a.button-8:hover span {
right:17px;
}
table.styled-table {
width:100%;
margin:20px 0;
border:0; border-collapse:collapse;
border-top:1px solid #ccc;
}
@media only screen and (min-width:569px) {
table.styled-table {
margin:20px 0;
}
}
@media only screen and (min-width:900px) {
table.styled-table {
margin:20px 0;
}
}
.styled-table caption {
padding:7px 9px;
border-top:1px solid #ccc;
font-size:14px; color:#fff;
background:#333;
}
@media only screen and (min-width:569px) {
.styled-table caption {
padding:8px 14px;
font-size:15px;
}
}
@media only screen and (min-width:900px) {
.styled-table caption {
padding:10px 16px;
font-size:16px;
}
}
.styled-table tr {
border-bottom:1px solid #ccc;
}
.styled-table th {
padding:7px 9px;
font-size:14px;
text-align:left;
background:#eee;
}
@media only screen and (min-width:569px) {
.styled-table th {
padding:8px 14px;
font-size:15px;
}
}
@media only screen and (min-width:900px) {
.styled-table th {
padding:10px 16px;
font-size:16px;
}
}
.styled-table td {
padding:7px 9px;
font-size:14px;
vertical-align:top;
}
@media only screen and (min-width:569px) {
.styled-table td {
padding:8px 14px;
font-size:15px;
}
}
@media only screen and (min-width:900px) {
.styled-table td {
padding:10px 16px;
font-size:16px;
}
}
table.st-responsive-table {
display:block;
margin:13px 0 0;
text-align:center;
}
@media only screen and (min-width:768px) {
table.st-responsive-table {
display:table;
width:100%;
margin:20px 0;
border-collapse:collapse;
border:1px solid #0061aa;
}
}
@media only screen and (min-width:900px) {
table.st-responsive-table {
margin:20px 0;
}
}
/* max-width media query */ @media only screen and (max-width:767px) {
table.st-responsive-table tbody {
display:block;
}
}
.st-responsive-table caption {
display:none;
}
@media only screen and (min-width:768px) {
.st-responsive-table caption {
display:table-caption;
padding:8px 14px;
border:1px solid #0061aa;
background:#077ad2;
font-size:17px; font-weight:600;
color:#fff;
}
}
@media only screen and (min-width:900px) {
.st-responsive-table caption {
padding:10px 16px;
font-size:18px;
}
}
.st-responsive-table tr {
display:inline-block;
padding:25px 30px 15px; margin:15px 0;
border:1px solid #c2c2c2;
background:#f5f5f5;
}
@media only screen and (min-width:768px) {
.st-responsive-table tr {
display:table-row;
padding:0; margin:0;
border:0;
background:none;
}
}
/* max-width media query */ @media only screen and (max-width:767px) {
.st-responsive-table tr:nth-of-type(1) {
display:block;
padding:0; margin:0;
border:0;
background:none;
}
}
.st-responsive-table th {
display:none;
}
@media only screen and (min-width:768px) {
.st-responsive-table th {
display:table-cell;
padding:8px 14px;
border:1px solid #0061aa;
font-size:15px; font-weight:600;
text-align:center;
background:#0061aa;
color:#fff;
}
}
@media only screen and (min-width:900px) {
.st-responsive-table th {
padding:10px 16px;
font-size:16px;
}
}
.st-responsive-table td {
display:block;
padding:0 0 15px;
}
@media only screen and (min-width:768px) {
.st-responsive-table td {
display:table-cell;
padding:8px 14px;
border:1px solid #0061aa;
font-size:15px;
vertical-align:top;
}
}
@media only screen and (min-width:900px) {
.st-responsive-table td {
padding:10px 16px;
font-size:16px;
}
}
span.st-rt-heading {
display:block;
margin:0 0 3px;
line-height:1.4;
font-family:alda, serif;
font-size:18px; font-weight:600;
color:#0061aa;
}
@media only screen and (min-width:768px) {
span.st-rt-heading {
display:none;
}
}
span.st-rt-caption {
display:block;
margin:0 0 23px; padding:9px;
line-height:1.4;
background:#077ad2;
font-size:18px; font-weight:600;
color:#fff; text-align:center;
}
@media only screen and (min-width:768px) {
span.st-rt-caption {
display:none;
}
}
.styled-form {
line-height:1.625;
font-family:nexa-regular, sans-serif;
font-size:17px;
}
@media only screen and (min-width:569px) {
.styled-form {
line-height:1.55;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.styled-form {
line-height:1.5;
font-size:22px;
}
}
.styled-form .nf-form-content {
max-width:none;
padding:0;
}
.styled-form label,
.styled-form .nf-form-content label {
margin:0 0 5px;
line-height:1.625;
font-family:nexa-regular, sans-serif;
font-size:17px; font-weight:normal;
}
@media only screen and (min-width:569px) {
.styled-form label,
.styled-form .nf-form-content label {
line-height:1.55;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.styled-form label,
.styled-form .nf-form-content label {
line-height:1.5;
font-size:22px;
}
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="tel"],
.styled-form input[type="url"],
.styled-form .nf-form-content input[type="text"],
.styled-form .nf-form-content input[type="email"],
.styled-form .nf-form-content input[type="tel"],
.styled-form .nf-form-content input[type="url"] {
margin:0 0 15px; padding:6px 12px;
border:1px solid #b2b2b2;
border-radius:0;
color:#6d6e71;
font-family:nexa-regular, sans-serif;
}
.styled-form textarea,
.styled-form .nf-form-content textarea {
margin:0 0 15px; padding:6px 12px;
border:1px solid #b2b2b2;
border-radius:0;
color:#6d6e71;
font-family:nexa-regular, sans-serif;
}
.styled-form select,
.styled-form .nf-form-content select {
margin-bottom:15px;
color:#6d6e71;
font-family:nexa-regular, sans-serif;
}
.styled-form input[type="submit"],
.styled-form input[type="button"],
.styled-form .nf-form-content input[type="button"] {
height:auto;
margin:0 0 5px; padding:11px 46px 10px 20px;
line-height:1;
border:0;
border-radius:17px;
background:#1f145d url(images/bg-form-btn-arrow.png) no-repeat scroll 98% 50%;
background-size:36px auto;
font-family:nexa-bold, sans-serif;
font-size:17px;
color:#fff; text-decoration:none; text-transform:uppercase;
transition:all 0.5s;
}
@media only screen and (min-width:569px) {
.styled-form input[type="submit"],
.styled-form input[type="button"],
.styled-form .nf-form-content input[type="button"] {
margin:0 0 5px; padding:11px 51px 10px 24px;
border-radius:18px;
background:#1f145d url(images/bg-form-btn-arrow.png) no-repeat scroll 98% 50%;
background-size:42px auto;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.styled-form input[type="submit"],
.styled-form input[type="button"],
.styled-form .nf-form-content input[type="button"] {
margin:15px 0 5px; padding:11px 51px 10px 27px;
border-radius:19px;
font-size:22px;
}
}
.styled-form input[type="submit"]:hover,
.styled-form input[type="button"]:hover,
.styled-form .nf-form-content input[type="button"]:hover {
color:#fff; text-decoration:none;
background:#30237e url(images/bg-form-btn-arrow.png) no-repeat scroll 100% 50%;
background-size:36px auto;
cursor:pointer;
box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}
@media only screen and (min-width:569px) {
.styled-form input[type="submit"]:hover,
.styled-form input[type="button"]:hover,
.styled-form .nf-form-content input[type="button"]:hover {
background:#30237e url(images/bg-form-btn-arrow.png) no-repeat scroll 100% 50%;
background-size:42px auto;
}
}
.styled-form .nf-field-container {
margin-bottom:0;
}
.styled-form .nf-response-msg {
text-align:center;
color:#2d7817;
}
.styled-form .nf-error-msg,
.styled-form .nf-error .nf-error-msg {
margin-bottom:15px;
font-size:17px;
color:#d00;
}
.styled-form .nf-form-fields-required {
display:none;
}
.styled-form .ninja-forms-req-symbol {
color:#6d6e71;
}
#sm-cu-form-wrapper {
padding:90px 0 0; margin:40px 0 0;
background:url(images/fancy-divider-1.png) no-repeat scroll 50% 0;
background-size:1140px auto;
text-align:left;
}
.wp-caption {
width:auto !important; max-width:none !important; min-width:0 !important;
}
.wp-caption-text {
width:auto !important; max-width:none !important; min-width:0 !important;
padding:12px; margin:0 0 25px !important;
line-height:1.2;
background:#eaeaea;
font-family:nexa-regular, sans-serif;
font-size:16px;
}
.wp-caption-text strong {
font-weight:normal;
}
.alignleft {
float:left;
}
img.alignleft {
display:block;
float:none;
margin:0 0 25px;
}
@media only screen and (min-width:569px) {
img.alignleft {
float:left;
max-width:50%;
margin:8px 5% 15px 0;
}
}
@media only screen and (min-width:900px) {
img.alignleft {
max-width:97%;
margin:8px 3% 15px 0;
}
}
.wp-caption.alignleft {
display:block;
float:none;
padding:0; margin:0 0 25px;
}
@media only screen and (min-width:569px) {
.wp-caption.alignleft {
float:left;
max-width:50% !important;
margin:7px 5% 15px 0;
}
}
@media only screen and (min-width:900px) {
.wp-caption.alignleft {
max-width:97% !important;
margin:8px 3% 15px 0;
}
}
.alignright {
float:right;
}
img.alignright {
display:block;
float:none;
margin:25px 0;
}
@media only screen and (min-width:569px) {
img.alignright {
float:right;
max-width:50%;
margin:7px 0 15px 5%;
}
}
@media only screen and (min-width:900px) {
img.alignright {
max-width:97%;
margin:8px 0 15px 3%;
}
}
.wp-caption.alignright {
display:block;
float:none;
padding:0; margin:0 0 25px;
}
@media only screen and (min-width:569px) {
.wp-caption.alignright {
float:right;
max-width:50% !important;
margin:7px 0 15px 5%;
}
}
@media only screen and (min-width:900px) {
.wp-caption.alignright {
max-width:97% !important;
margin:8px 0 15px 3%;
}
}
.aligncenter {
margin:0 auto 15px;
}
img.aligncenter {
display:block;
margin:25px auto;
}
@media only screen and (min-width:569px) {
img.aligncenter {
margin:25px auto;
}
}
@media only screen and (min-width:900px) {
img.aligncenter {
margin:25px auto;
}
}
.wp-caption.aligncenter {
display:block;
padding:0; margin:25px auto;
}
.alignnone {
}
img.alignnone {
margin:0;
}
.wp-caption.alignnone {
margin:0;
}
.wrapper-responsive-video {
position:relative;
padding-bottom:56.25%; /* 16:9 */
padding-top:25px;
height:0;
}
.wrapper-responsive-video iframe {
position:absolute; top:0; left:0;
width:100%; height:100%;
}
#js-width-tracker-768 {
/* needed by JavaScript */
text-align:left;
}
@media only screen and (min-width:768px) {
#js-width-tracker-768 {
/* needed by JavaScript */
text-align:right;
}
}
#js-width-tracker-1000 {
/* needed by JavaScript */
text-align:left;
}
@media only screen and (min-width:1000px) {
#js-width-tracker-1000 {
/* needed by JavaScript */
text-align:right;
}
}
#js-width-tracker-1300 {
/* needed by JavaScript */
text-align:left;
}
@media only screen and (min-width:1300px) {
#js-width-tracker-1300 {
/* needed by JavaScript */
text-align:right;
}
}
.search-result-listing {
max-width:575px;
padding:30px 20px 15px; margin:35px auto 0;
border:1px solid #ccc;
text-align:center;
}
@media only screen and (min-width:569px) {
.search-result-listing {
padding:30px 30px 20px; margin:40px auto 0;
}
}
@media only screen and (min-width:900px) {
.search-result-listing {
max-width:none;
padding:40px 0 0; margin:40px 0 0;
border:0; border-top:1px solid #ccc;
text-align:left;
}
}
.srl-title {
margin:0 0 20px;
}
@media only screen and (min-width:900px) {
.srl-title {
margin:0 0 15px;
}
}
.srl-title h2 {
margin:0;
}
.srl-content {
}
.srl-content *:nth-last-child(2) {
}
.srl-pic {
max-width:400px;
margin:0 auto;
}
@media only screen and (min-width:900px) {
.srl-pic {
display:inline-block;
float:left;
max-width:325px;
margin:0;
}
}
.srl-pic-inner {
padding:0 0 20px;
line-height:0;
}
@media only screen and (min-width:900px) {
.srl-pic-inner {
padding:5px 25px 15px 0;
}
}
.sr-form-wrapper {
}
.sr-form-wrapper input[type="text"] {
padding:7px 12px;
}
.sm-srl-pagination-wrapper {
margin:30px 0 0;
}
@media only screen and (min-width:900px) {
.sm-srl-pagination-wrapper {
margin:30px 0 0; padding:30px 0 0;
border-top:1px solid #ccc;
}
}
.pagination-links {
line-height:1.625;
font-family:nexa-bold, sans-serif;
font-size:17px;
text-align:center; text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.pagination-links {
line-height:1.55;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.pagination-links {
line-height:1.5;
font-size:22px;
}
}
.pagination-links a {
color:#9c6114; text-decoration:none;
}
.pagination-links a:hover {
color:#2d7817; text-decoration:none;
}
.pagination-links .next.page-numbers {
margin:0 0 0 15px;
}
.pagination-links .prev.page-numbers {
margin:0 15px 0 0;
}
.skip-to-content-link {
overflow:hidden;
position:absolute; left:-1000em;
max-width:1px;
}
#anchor-content-section,
#anchor-sm-recipe-listings {
/* do not style - for anchor use only */
}
.smart-anchor {
/* needed by jQuery */
}
.smart-anchor-wrapper {
position:relative;
}
.smart-anchor-active {
position:absolute; top:-160px;
visibility:hidden;
}
.clear-float {
clear:both;
}
.parallax-section {
/* do not style - used by JavaScript */
}
.accordion-link {
/* do not add additional styles - used by JavaScript */
cursor:pointer;
}
.accordion-link-active {
/* do not style - used by JavaScript */
}
.accordion-content {
/* do not add additional styles - used by JavaScript */
display:none;
}
.styled-accordion-wrapper {
padding:0 0 10px;
}
@media only screen and (min-width:569px) {
.styled-accordion-wrapper {
padding:0 0 10px;
}
}
@media only screen and (min-width:1200px) {
.styled-accordion-wrapper {
padding:0 0 15px;
}
}
.styled-accordion-link {
padding:25px 40px 15px 0;
border-top:1px solid #1f145d;
line-height:1.425;
background:url(images/bg-arrow-2.png) no-repeat scroll 100% 30px;
background-size:24px auto;
font-family:nexa-bold, sans-serif;
font-size:19px;
text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.styled-accordion-link {
padding:25px 50px 15px 0;
line-height:1.375;
background:url(images/bg-arrow-2.png) no-repeat scroll 100% 31px;
background-size:28px auto;
font-family:nexa-heavy, sans-serif;
font-size:23px;
}
}
@media only screen and (min-width:900px) {
.styled-accordion-link {
line-height:1.35;
background-position:100% 33px;
font-size:25px;
}
}
@media only screen and (min-width:1200px) {
.styled-accordion-link {
padding:30px 50px 15px 0;
border-width:2px;
line-height:1.3;
background-position:100% 38px;
font-size:28px;
}
}
.styled-accordion-link.accordion-link-active {
background-image:url(images/bg-arrow-2b.png);
}
.styled-accordion-content {
}
.sm-faq-intro {
margin:0 0 40px;
}
@media only screen and (min-width:569px) {
.sm-faq-intro {
margin:0 0 50px;
}
}
@media only screen and (min-width:900px) {
.sm-faq-intro {
margin:0 0 70px;
}
}
.sm-faq-intro *:last-child {
margin-bottom:0;
}
#sm-faq-accordion-section {
border-bottom:1px solid #1f145d;
}
@media only screen and (min-width:1200px) {
#sm-faq-accordion-section {
border-width:2px;
}
}
#back-to-top-link {
display:none;
position:fixed; bottom:7%; right:15px; z-index:323000003;
max-width:38px;
}
@media only screen and (min-width:569px) {
#back-to-top-link {
bottom:7%;
max-width:43px;
}
}
@media only screen and (min-width:768px) {
#back-to-top-link {
bottom:12%; right:20px;
max-width:54px;
}
}
@media only screen and (min-width:1200px) {
#back-to-top-link {
bottom:15%; right:20px;
}
}
#back-to-top-link.back-to-top-link-active {
display:block;
}
.social-media-icons-wrapper {
display:none;
text-align:right;
}
@media only screen and (min-width:625px) {
.social-media-icons-wrapper {
display:block;
position:absolute; top:25px; right:0;
width:auto;
}
}
@media only screen and (min-width:1000px) {
.social-media-icons-wrapper {
top:30px;
}
}
.sm-icon {
display:inline-block;
max-width:23px; width:100%; min-height:23px;
margin:0 5px;
background:url(images/bg-icon-set-1.png) no-repeat scroll 0 0;
vertical-align:middle;
transition:all 0.5s;
}
.sm-icon:hover {
text-decoration:none;
}
.sm-icon-1 {
background-position:0 0;
}
.sm-icon-1:hover {
background-position:0 -23px;
}
.sm-icon-2 {
background-position:-23px 0;
}
.sm-icon-2:hover {
background-position:-23px -23px;
}
.sm-icon-3 {
background-position:-46px 0;
}
.sm-icon-3:hover {
background-position:-46px -23px;
}
.sm-icon-4 {
background-position:-69px 0;
}
.sm-icon-4:hover {
background-position:-69px -23px;
}
.sm-icon-5 {
background-position:-92px 0;
}
.sm-icon-5:hover {
background-position:-92px -23px;
}
.footer-icons-wrapper {
display:inline-block;
max-width:135px; width:100%;
text-align:center;
}
@media only screen and (min-width:1300px) {
.footer-icons-wrapper {
display:block;
max-width:none; width:auto;
text-align:left;
}
}
.fi-icon {
display:inline-block;
max-width:26px; width:100%; min-height:26px;
margin:12px 8px 0;
background:url(images/bg-icon-set-2.png) no-repeat scroll 0 0;
background-size:208px auto;
vertical-align:middle;
transition:all 0.5s;
}
@media only screen and (min-width:1300px) {
.fi-icon {
margin:12px 15px 0 0;
}
}
.fi-icon:hover {
text-decoration:none;
}
.fi-icon-1 {
background-position:0 0;
}
.fi-icon-1:hover {
background-position:0 -26px;
}
.fi-icon-2 {
background-position:-26px 0;
}
.fi-icon-2:hover {
background-position:-26px -26px;
}
.fi-icon-3 {
background-position:-52px 0;
}
.fi-icon-3:hover {
background-position:-52px -26px;
}
.fi-icon-4 {
background-position:-69px 0;
}
.fi-icon-4:hover {
background-position:-69px -23px;
}
.fi-icon-5 {
background-position:-92px 0;
}
.fi-icon-5:hover {
background-position:-92px -23px;
}
.top-wrapper-outer {
padding:0 20px;
background:#fff;
}
@media only screen and (min-width:900px) {
.top-wrapper-outer {
min-height:166px;
}
}
body.home .top-wrapper-outer {
position:absolute;
width:100%; min-height:0;
padding:0; margin:0;
border:0;
background:transparent;
}
body.page-id-16 .top-wrapper-outer {
height:auto;
line-height:1;
}
/* max-width media query */ @media only screen and (max-width:899px) {
body.post-type-archive-cpt_products_1 .top-wrapper-outer,
body.post-type-archive-cpt_products_2 .top-wrapper-outer,
body.post-type-archive-cpt_products_3 .top-wrapper-outer,
body.post-type-archive-cpt_products_4 .top-wrapper-outer,
body.tax-cpt_products_1_txny .top-wrapper-outer,
body.tax-cpt_products_2_txny .top-wrapper-outer,
body.tax-cpt_products_3_txny .top-wrapper-outer,
body.tax-cpt_products_4_txny .top-wrapper-outer,
body.post-type-archive-cpt_recipes_1 .top-wrapper-outer,
body.post-type-archive-cpt_recipes_2 .top-wrapper-outer,
body.post-type-archive-cpt_recipes_3 .top-wrapper-outer,
body.post-type-archive-cpt_recipes_4 .top-wrapper-outer,
body.tax-cpt_recipes_1_txny .top-wrapper-outer,
body.tax-cpt_recipes_2_txny .top-wrapper-outer,
body.tax-cpt_recipes_3_txny .top-wrapper-outer,
body.tax-cpt_recipes_4_txny .top-wrapper-outer {
min-height:0;
padding:0; margin:0;
border:0;
}
}
#top-wrapper {
position:relative;
padding:30px 0;
}
@media only screen and (min-width:569px) {
#top-wrapper {
padding:35px 0;
}
}
@media only screen and (min-width:900px) {
#top-wrapper {
padding:35px 0;
}
}
@media only screen and (min-width:1200px) {
#top-wrapper {
max-width:1140px;
padding:35px 0; margin:0 auto;
}
}
/* max-width media query */ @media only screen and (max-width:899px) {
body.post-type-archive-cpt_products_1 #top-wrapper,
body.post-type-archive-cpt_products_2 #top-wrapper,
body.post-type-archive-cpt_products_3 #top-wrapper,
body.post-type-archive-cpt_products_4 #top-wrapper,
body.tax-cpt_products_1_txny #top-wrapper,
body.tax-cpt_products_2_txny #top-wrapper,
body.tax-cpt_products_3_txny #top-wrapper,
body.tax-cpt_products_4_txny #top-wrapper,
body.post-type-archive-cpt_recipes_1 #top-wrapper,
body.post-type-archive-cpt_recipes_2 #top-wrapper,
body.post-type-archive-cpt_recipes_3 #top-wrapper,
body.post-type-archive-cpt_recipes_4 #top-wrapper,
body.tax-cpt_recipes_1_txny #top-wrapper,
body.tax-cpt_recipes_2_txny #top-wrapper,
body.tax-cpt_recipes_3_txny #top-wrapper,
body.tax-cpt_recipes_4_txny #top-wrapper {
max-width:none;
padding:0; margin:0;
border:0;
}
}
body.single-cpt_products_1 #top-wrapper,
body.single-cpt_products_2 #top-wrapper,
body.single-cpt_products_3 #top-wrapper,
body.single-cpt_products_4 #top-wrapper,
body.single-cpt_recipes_1 #top-wrapper,
body.single-cpt_recipes_2 #top-wrapper,
body.single-cpt_recipes_3 #top-wrapper,
body.single-cpt_recipes_4 #top-wrapper {
}
@media only screen and (min-width:900px) {
body.single-cpt_products_1 #top-wrapper,
body.single-cpt_products_2 #top-wrapper,
body.single-cpt_products_3 #top-wrapper,
body.single-cpt_products_4 #top-wrapper,
body.single-cpt_recipes_1 #top-wrapper,
body.single-cpt_recipes_2 #top-wrapper,
body.single-cpt_recipes_3 #top-wrapper,
body.single-cpt_recipes_4 #top-wrapper {
padding-top:45px; padding-bottom:45px;
}
}
@media only screen and (min-width:1200px) {
body.single-cpt_products_1 #top-wrapper,
body.single-cpt_products_2 #top-wrapper,
body.single-cpt_products_3 #top-wrapper,
body.single-cpt_products_4 #top-wrapper,
body.single-cpt_recipes_1 #top-wrapper,
body.single-cpt_recipes_2 #top-wrapper,
body.single-cpt_recipes_3 #top-wrapper,
body.single-cpt_recipes_4 #top-wrapper {
padding-top:50px; padding-bottom:50px;
}
}
.top-wrapper-short {
}
#top-wrapper.top-wrapper-short {
min-height:0;
padding-top:0;
}
#sm-main-logo {
max-width:150px;
margin:0 auto;
line-height:0;
}
@media only screen and (min-width:569px) {
#sm-main-logo {
max-width:225px;
}
}
@media only screen and (min-width:900px) {
#sm-main-logo {
max-width:255px;
}
}
@media only screen and (min-width:1200px) {
#sm-main-logo {
max-width:297px;
}
}
.sm-logo-1 {
max-width:150px;
margin:0 auto;
line-height:0;
}
@media only screen and (min-width:569px) {
.sm-logo-1 {
max-width:225px;
}
}
@media only screen and (min-width:900px) {
.sm-logo-1 {
max-width:300px;
}
}
@media only screen and (min-width:1200px) {
.sm-logo-1 {
max-width:363px;
}
}
.sm-logo-2 {
max-width:125px;
margin:0 auto;
line-height:0;
}
@media only screen and (min-width:569px) {
.sm-logo-2 {
max-width:150px;
}
}
@media only screen and (min-width:768px) {
.sm-logo-2 {
max-width:200px;
}
}
.sm-ir-header-link {
padding:14px 0 0;
line-height:1;
font-family:nexa-bold, sans-serif;
font-size:14px;
text-align:center;
}
@media only screen and (min-width:569px) {
.sm-ir-header-link {
padding:17px 0 0;
font-size:16px;
}
}
@media only screen and (min-width:768px) {
.sm-ir-header-link {
position:absolute; top:60px; left:30px;
max-width:215px;
padding:0;
font-size:17px;
text-align:left;
}
}
@media only screen and (min-width:900px) {
.sm-ir-header-link {
top:73px;
font-size:19px;
}
}
@media only screen and (min-width:1150px) {
.sm-ir-header-link {
font-family:nexa-heavy, sans-serif;
font-size:21px;
}
}
@media only screen and (min-width:1300px) {
.sm-ir-header-link {
top:50%; left:0;
font-size:24px;
}
}
.sm-ir-header-link a {
color:#1f145d; text-decoration:none;
}
.sm-ir-header-link a:hover {
color:#9c6114; text-decoration:none;
}
#logo {
transition:all 0.5s;
}
.logo-short {
}
#logo.logo-short {
top:15px;
}
#logo img {
transition:all .5s;
}
#logo img.logo-short-image {
max-width:75px; width:100%;
}
.sm-hero-section-1-outer-2 {
margin:0 0 40px;
background:#fff url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:cover;
}
@media only screen and (min-width:569px) {
.sm-hero-section-1-outer-2 {
margin:0 0 50px;
}
}
@media only screen and (min-width:900px) {
.sm-hero-section-1-outer-2 {
margin:0 0 70px;
}
}
@media only screen and (min-width:1200px) {
.sm-hero-section-1-outer-2 {
margin:0 0 100px;
}
}
.sm-hero-section-1-outer {
padding:0 20px;
background:url(images/bg-hero-s1-gradient.png) repeat-x scroll 50% 100%;
}
@media only screen and (min-width:569px) {
.sm-hero-section-1-outer {
padding:0 20px;
}
}
@media only screen and (min-width:900px) {
.sm-hero-section-1-outer {
padding:0 20px;
}
}
.sm-hero-section-1 {
text-align:center;
}
.sm-hero-s1-logo {
max-width:150px;
margin:0 auto; padding:30px 0;
}
@media only screen and (min-width:569px) {
.sm-hero-s1-logo {
max-width:225px;
padding:30px 0 40px;
}
}
@media only screen and (min-width:900px) {
.sm-hero-s1-logo {
max-width:297px;
padding:30px 0 50px;
}
}
.sm-hero-s1-top {
position:relative; z-index:533;
padding:0 20px 25px;
}
@media only screen and (min-width:569px) {
.sm-hero-s1-top {
padding:0 20px 27px;
}
}
@media only screen and (min-width:900px) {
.sm-hero-s1-top {
padding:0 20px 27px;
}
}
@media only screen and (min-width:1200px) {
.sm-hero-s1-top {
max-width:1270px;
margin:0 auto; padding:0 20px 27px;
}
}
.sm-hs1-t-background {
position:absolute; bottom:0; left:0; z-index:-1;
width:100%; min-height:60%;
background:url(images/bg-hero-s1-content.png) no-repeat scroll 50% 0;
}
@media only screen and (min-width:768px) {
.sm-hs1-t-background {
min-height:43.25%;
}
}
.sm-hero-s1-bottom {
padding:30px 20px 15px;
background:url(images/bg-hero-s1-content.png) no-repeat scroll 50% 0;
}
@media only screen and (min-width:569px) {
.sm-hero-s1-bottom {
padding:40px 30px 15px;
}
}
@media only screen and (min-width:900px) {
.sm-hero-s1-bottom {
max-width:1050px;
margin:0 auto; padding:45px 45px 15px;
}
}
.sm-hero-s1-top + .sm-hero-s1-bottom {
padding-top:0;
}
.sm-hs1-g-content {
line-height:1.625;
font-family:Nexa-Regular, sans-serif;
font-size:17px;
}
@media only screen and (min-width:569px) {
.sm-hs1-g-content {
line-height:1.6;
font-size:18px;
}
}
@media only screen and (min-width:900px) {
.sm-hs1-g-content {
line-height:1.575;
font-size:19px;
}
}
@media only screen and (min-width:1050px) {
.sm-hs1-g-content {
line-height:1.55;
font-size:20px;
}
}
@media only screen and (min-width:1200px) {
.sm-hs1-g-content {
line-height:1.5;
font-size:22px;
}
}
.sm-hs1-g-content h1 {
margin:0 0 15px;
line-height:1.375;
font-family:Nexa-Heavy, sans-serif;
font-size:28px; font-weight:normal;
color:#2d7817;
}
@media only screen and (min-width:569px) {
.sm-hs1-g-content h1 {
margin:0 0 15px;
line-height:1.35;
font-size:32px;
}
}
@media only screen and (min-width:900px) {
.sm-hs1-g-content h1 {
margin:0 0 15px;
line-height:1.25;
font-size:42px;
}
}
@media only screen and (min-width:1050px) {
.sm-hs1-g-content h1 {
margin:0 0 15px;
line-height:1.225;
font-size:54px;
}
}
@media only screen and (min-width:1200px) {
.sm-hs1-g-content h1 {
margin:0 0 15px;
line-height:1.2;
font-size:64px;
}
}
.sm-hs1-g-content h2 {
margin:15px 0;
line-height:1.4;
font-family:Nexa-Heavy, sans-serif;
font-size:24px; font-weight:normal;
color:inherit;
}
@media only screen and (min-width:569px) {
.sm-hs1-g-content h2 {
margin:15px 0;
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:900px) {
.sm-hs1-g-content h2 {
margin:15px 0;
line-height:1.35;
font-size:32px;
}
}
@media only screen and (min-width:1050px) {
.sm-hs1-g-content h2 {
margin:15px 0;
line-height:1.25;
font-size:42px;
}
}
@media only screen and (min-width:1200px) {
.sm-hs1-g-content h2 {
margin:15px 0;
line-height:1.225;
font-size:54px;
}
}
.sm-hs1-g-content h2:first-child {
margin-top:0;
}
.sm-hs1-g-content p {
margin:15px 0 0;
}
.sm-hs1-g-content a {
color:#9c6114; text-decoration:none;
}
.sm-hs1-g-content a:hover {
color:#2d7817; text-decoration:none;
}
.sm-hs1-pic-1 {
line-height:0;
}
@media only screen and (min-width:768px) {
.sm-hs1-pic-1 {
display:none;
}
}
.sm-hs1-pic-2 {
display:none;
line-height:0;
}
@media only screen and (min-width:768px) {
.sm-hs1-pic-2 {
display:block;
}
}
.page-section-outer {
padding:0;
}
.page-section {
padding:0; margin:0 auto;
}
.page-section::after {
content:"";
display:block;
clear:both;
}
.sm-main-heading {
text-align:center;
}
.sm-main-heading h1 {
margin:0 20px 20px; padding:35px 0 0;
border-top:1px solid #b2b2b2;
line-height:1.425;
font-family:nexa-heavy, sans-serif;
font-size:25px;
}
@media only screen and (min-width:400px) {
.sm-main-heading h1 {
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:569px) {
.sm-main-heading h1 {
margin:0 20px 30px; padding:40px 0 0;
line-height:1.35;
font-size:32px;
}
}
@media only screen and (min-width:768px) {
.sm-main-heading h1 {
line-height:1.25;
font-size:42px;
}
}
@media only screen and (min-width:900px) {
.sm-main-heading h1 {
margin:20px 20px 35px; padding:0;
border:0;
line-height:1.225;
font-size:54px;
}
}
@media only screen and (min-width:1050px) {
.sm-main-heading h1 {
line-height:1.225;
font-size:54px;
}
}
@media only screen and (min-width:1500px) {
.sm-main-heading h1 {
line-height:1.2;
font-size:64px;
}
}
.sm-page-section-outer {
margin:40px 20px;
}
@media only screen and (min-width:569px) {
.sm-page-section-outer {
margin:50px 20px;
}
}
@media only screen and (min-width:900px) {
.sm-page-section-outer {
margin:70px 20px;
}
}
.sm-main-heading + .sm-page-section-outer {
margin-top:0;
}
.sm-page-section {
max-width:1140px;
margin:0 auto;
}
.sm-page-section::after {
content:"";
display:block;
clear:both;
}
.sm-pso-option-1 {
text-align:center;
}
.sm-pso-option-2 {
margin-bottom:0;
text-align:center;
}
.sm-pso-option-2 h2 {
margin:0 0 25px;
line-height:1.375;
font-family:nexa-bold, sans-serif;
font-size:28px;
color:#686868; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-pso-option-2 h2 {
margin:0 0 30px;
line-height:1.3;
font-size:37px;
}
}
@media only screen and (min-width:900px) {
.sm-pso-option-2 h2 {
margin:0 0 35px;
line-height:1.275;
font-size:42px;
}
}
@media only screen and (min-width:1200px) {
.sm-pso-option-2 h2 {
line-height:1.25;
font-size:55px;
}
}
@media only screen and (min-width:1500px) {
.sm-pso-option-2 h2 {
line-height:1.15;
font-size:78px;
}
}
.sm-page-section-wbg-outer {
margin:40px 0; padding:40px 20px;
}
@media only screen and (min-width:569px) {
.sm-page-section-wbg-outer {
margin:50px 0; padding:50px 20px;
}
}
@media only screen and (min-width:900px) {
.sm-page-section-wbg-outer {
margin:70px 0; padding:70px 20px;
}
}
.sm-page-section-wbg {
max-width:850px;
margin:0 auto;
font-family:nexa-bold, sans-serif;
text-shadow:0 0 2px rgba(0,0,0,0.4);
}
.sm-page-section-wbg::after {
content:"";
display:block;
clear:both;
}
.sm-pswbgo-option-1 {
margin-bottom:0;
line-height:1.55;
background:url(images/bg-purple-kale.jpg) no-repeat scroll 50% 0;
background-size:cover;
font-size:20px;
color:#fff; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-pswbgo-option-1 {
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:900px) {
.sm-pswbgo-option-1 {
line-height:1.35;
font-size:32px;
}
}
.sm-pswbgo-option-2 {
padding-top:200px;
line-height:1.55;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:cover;
font-size:20px;
color:#fff; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-pswbgo-option-2 {
padding-top:175px;
line-height:1.5;
font-size:22px;
}
}
@media only screen and (min-width:900px) {
.sm-pswbgo-option-2 {
padding-top:230px;
line-height:1.375;
font-size:28px;
}
}
.sm-page-section-wc-outer {
margin:40px 20px;
}
@media only screen and (min-width:569px) {
.sm-page-section-wc-outer {
margin:50px 10px;
}
}
@media only screen and (min-width:900px) {
.sm-page-section-wc-outer {
margin:70px 0;
}
}
@media only screen and (min-width:1200px) {
.sm-page-section-wc-outer {
margin:70px 0;
}
}
.sm-page-section-wc {
}
@media only screen and (min-width:900px) {
.sm-page-section-wc {
max-width:1180px;
margin:0 auto;
}
}
@media only screen and (min-width:1200px) {
.sm-page-section-wc {
max-width:1220px;
}
}
.sm-pswc-g-col-inner {
}
@media only screen and (min-width:569px) {
.sm-pswc-g-col-inner {
padding:0 10px;
}
}
@media only screen and (min-width:900px) {
.sm-pswc-g-col-inner {
padding:0 20px;
}
}
@media only screen and (min-width:1200px) {
.sm-pswc-g-col-inner {
padding:0 40px;
}
}
.sm-pswc-col-100 {
}
.sm-pswc-col-50 {
}
@media only screen and (min-width:900px) {
.sm-pswc-col-50 {
display:inline-block;
width:50%;
vertical-align:top;
}
}
.sm-pswco-option-1 {
text-align:center;
}
.sm-pswco-option-1 .sm-page-section-wc {
max-width:600px; min-width:0; width:auto;
padding:0; margin:0 auto;
border:0;
}
.sm-pswco-option-1 .sm-pswc-col-50 {
vertical-align:middle;
}
.sm-pswco-option-2 {
text-align:center;
}
.sm-pswco-option-2 .sm-pswc-col-50:nth-of-type(1) .sm-au-c-wrapper-1 {
margin-top:0;
}
.sm-acs-section-outer {
margin:0 20px;
}
@media only screen and (min-width:569px) {
.sm-acs-section-outer {
margin:0 20px;
}
}
@media only screen and (min-width:900px) {
.sm-acs-section-outer {
margin:70px 0;
}
}
.sm-acs-section {
max-width:1800px;
margin:0 auto;
}
.sm-acsso-option-1 {
text-align:center;
}
@media only screen and (min-width:900px) {
.sm-acsso-option-1 {
text-align:left;
}
}
.sm-acsso-option-1 h2 {
color:#1f145d;
}
@media only screen and (min-width:1500px) {
.sm-acsso-option-1 h2 {
font-size:58px;
color:#1f145d;
}
}
.sm-acsso-option-1 .sm-acs-boxes-wrapper:nth-of-type(odd) {
flex-direction:row-reverse;
}
.sm-acsso-option-1 .sm-acs-boxes-wrapper:nth-of-type(odd) .sm-acs-box:nth-of-type(2) .sm-acs-cb {
float:right;
}
.sm-acsso-option-2 {
}
@media only screen and (min-width:900px) {
.sm-acsso-option-2 {
}
}
.sm-acsso-option-2 .sm-acs-boxes-wrapper:nth-of-type(1) .sm-acs-box:first-child {
}
/* max-width media query */ @media only screen and (max-width:899px) {
.sm-acsso-option-2 .sm-acs-boxes-wrapper:nth-of-type(1) .sm-acs-box:first-child {
margin-top:40px;
}
}
/* max-width media query */ @media only screen and (max-width:568px) {
.sm-acsso-option-2 .sm-acs-boxes-wrapper:nth-of-type(1) .sm-acs-box:first-child {
margin-top:30px;
}
}
.sm-acs-boxes-wrapper {
border-top:2px solid #d6d7d9;
}
@media only screen and (min-width:900px) {
.sm-acs-boxes-wrapper {
display:flex;
border-top:0;
flex-wrap:wrap;
align-items:center;
}
}
.sm-acs-boxes-wrapper:first-child {
border-top:0;
}
.sm-acs-boxes-wrapper:nth-of-type(even) {
flex-direction:row-reverse;
}
.sm-acs-box {
margin:40px 0;
}
@media only screen and (min-width:569px) {
.sm-acs-box {
margin:50px 0;
}
}
@media only screen and (min-width:900px) {
.sm-acs-box {
margin:35px 0;
width:50%;
}
}
/* max-width media query */ @media only screen and (max-width:899px) {
.sm-acs-box:nth-of-type(odd) {
margin-bottom:25px;
}
}
/* max-width media query */ @media only screen and (max-width:899px) {
.sm-acs-box:nth-of-type(even) {
margin-top:25px;
}
}
.sm-acs-boxes-wrapper:first-child .sm-acs-box {
}
@media only screen and (min-width:900px) {
.sm-acs-boxes-wrapper:first-child .sm-acs-box {
margin-top:0;
}
}
.sm-acs-boxes-wrapper:last-child .sm-acs-box {
}
@media only screen and (min-width:900px) {
.sm-acs-boxes-wrapper:last-child .sm-acs-box {
margin-bottom:0;
}
}
.sm-acs-box-inner {
}
.sm-acs-cb {
padding:0;
}
@media only screen and (min-width:900px) {
.sm-acs-cb {
max-width:560px;
padding:0 40px;
}
}
@media only screen and (min-width:1200px) {
.sm-acs-cb {
padding:0 60px;
}
}
.sm-acs-boxes-wrapper:nth-of-type(even) .sm-acs-box:nth-of-type(2) .sm-acs-cb {
float:right;
}
.sm-acs-cb *:last-child {
margin-bottom:0;
}
.sm-acs-cb-home {
line-height:1.5;
font-family:nexa-bold, sans-serif;
font-size:22px;
text-align:center;
}
@media only screen and (min-width:569px) {
.sm-acs-cb-home {
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:900px) {
.sm-acs-cb-home {
line-height:1.35;
font-size:30px;
text-align:left;
}
}
@media only screen and (min-width:1200px) {
.sm-acs-cb-home {
padding:0 20px;
line-height:1.3;
font-size:35px;
}
}
@media only screen and (min-width:1500px) {
.sm-acs-cb-home {
padding:0 20px;
line-height:1.2;
font-size:45px;
}
}
.sm-acs-b-pics-wrapper {
position:relative;
padding:0 0 7%;
}
.sm-acs-b-pic-small {
position:absolute; bottom:0; right:3%;
max-width:40%;
}
.sm-acs-b-pic-big {
}
.sm-acs-b-logo {
max-width:200px;
margin:0 auto 25px;
line-height:0;
}
@media only screen and (min-width:900px) {
.sm-acs-b-logo {
max-width:250px;
margin:0 0 30px;
}
}
.sm-acs-additional-info {
padding:90px 0 0; margin:25px 0;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:75px auto;
}
@media only screen and (min-width:900px) {
.sm-acs-additional-info {
min-height:75px;
padding:0 0 0 90px; margin:25px 0;
background-position:0 50%;
}
}
@media only screen and (min-width:1200px) {
.sm-acs-additional-info {
margin:25px 0;
}
}
.sm-acs-ai-content {
line-height:1.6;
font-family:nexa-regular, sans-serif;
font-size:18px;
text-align:center;
}
@media only screen and (min-width:569px) {
.sm-acs-ai-content {
line-height:1.525;
font-size:21px;
}
}
@media only screen and (min-width:900px) {
.sm-acs-ai-content {
line-height:1.525;
font-size:21px;
text-align:left;
}
}
@media only screen and (min-width:1200px) {
.sm-acs-ai-content {
line-height:1.35;
font-size:24px;
}
}
.sm-au-big-bg-section-1-outer {
margin:40px 0; padding:0 20px;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 50%;
background-size:cover;
}
@media only screen and (min-width:569px) {
.sm-au-big-bg-section-1-outer {
margin:50px 0; padding:0 20px;
}
}
@media only screen and (min-width:900px) {
.sm-au-big-bg-section-1-outer {
margin:70px 0; padding:0 50px;
}
}
.sm-au-big-bg-section-1 {
max-width:1140px;
margin:0 auto; padding:95px 0 75px;
}
.sm-au-bbs1-cb {
max-width:440px;
padding:25px; margin:0 auto;
background:#1c2776;
font-family:nexa-regular, sans-serif;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-au-bbs1-cb {
padding:35px;
}
}
@media only screen and (min-width:900px) {
.sm-au-bbs1-cb {
padding:55px 40px; margin:0;
}
}
@media only screen and (min-width:1200px) {
.sm-au-bbs1-cb {
font-size:24px;
}
}
.sm-au-big-bg-section-2-outer {
margin:40px 0;
}
@media only screen and (min-width:569px) {
.sm-au-big-bg-section-2-outer {
margin:50px 0;
}
}
@media only screen and (min-width:900px) {
.sm-au-big-bg-section-2-outer {
margin:70px 0;
}
}
.sm-au-big-bg-section-2 {
padding:125px 20px 0;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:100% auto;
}
@media only screen and (min-width:569px) {
.sm-au-big-bg-section-2 {
padding:155px 20px 0;
background-size:auto 80%;
}
}
@media only screen and (min-width:900px) {
.sm-au-big-bg-section-2 {
max-width:1140px;
margin:0 auto; padding:185px 50px 25px;
background:url(images/bg-placeholder.png) no-repeat scroll 0 0;
background-size:80% auto;
}
}
@media only screen and (min-width:1200px) {
.sm-au-big-bg-section-2 {
max-width:1140px;
margin:0 auto; padding:155px 50px 25px;
background-size:auto;
}
}
.sm-au-bbs2-cb {
max-width:460px;
padding:25px; margin:0 auto;
background:#2d7817;
font-family:nexa-regular, sans-serif;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-au-bbs2-cb {
padding:35px;
}
}
@media only screen and (min-width:900px) {
.sm-au-bbs2-cb {
float:right;
padding:55px 40px; margin:0;
}
}
@media only screen and (min-width:1200px) {
.sm-au-bbs2-cb {
font-size:24px;
}
}
.sm-au-big-bg-section-3-outer {
margin:40px 0;
}
@media only screen and (min-width:569px) {
.sm-au-big-bg-section-3-outer {
margin:50px 0;
}
}
@media only screen and (min-width:900px) {
.sm-au-big-bg-section-3-outer {
margin:70px 0;
}
}
.sm-au-big-bg-section-3 {
padding:125px 20px 0;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:100% auto;
}
@media only screen and (min-width:425px) {
.sm-au-big-bg-section-3 {
padding:175px 20px 0;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:100% auto;
}
}
@media only screen and (min-width:569px) {
.sm-au-big-bg-section-3 {
padding:215px 20px 0;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:95% auto;
}
}
@media only screen and (min-width:768px) {
.sm-au-big-bg-section-3 {
padding:215px 20px 0;
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:75% auto;
}
}
@media only screen and (min-width:900px) {
.sm-au-big-bg-section-3 {
max-width:1140px;
margin:0 auto; padding:215px 50px 0;
background:url(images/bg-placeholder.png) no-repeat scroll 100% 0;
background-size:80% auto;
}
}
@media only screen and (min-width:1200px) {
.sm-au-big-bg-section-3 {
background-position:100% 100%;
background-size:auto;
}
}
.sm-au-bbs3-cb {
max-width:470px;
padding:25px; margin:0 auto;
background:#2d7817;
font-family:nexa-regular, sans-serif;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-au-bbs3-cb {
padding:35px;
}
}
@media only screen and (min-width:900px) {
.sm-au-bbs3-cb {
padding:55px 40px; margin:0;
}
}
@media only screen and (min-width:1200px) {
.sm-au-bbs3-cb {
font-size:24px;
}
}
.sm-au-pic-1 {
margin:0 0 15px;
}
@media only screen and (min-width:569px) {
.sm-au-pic-1 {
margin:0 0 20px;
}
}
@media only screen and (min-width:900px) {
.sm-au-pic-1 {
margin:0 0 30px;
}
}
.sm-au-pic-2 {
margin:0 0 15px;
}
@media only screen and (min-width:569px) {
.sm-au-pic-2 {
margin:0 0 20px;
}
}
@media only screen and (min-width:900px) {
.sm-au-pic-2 {
margin:0 0 30px;
}
}
.sm-au-c-wrapper-1 {
margin:40px 0 0;
}
@media only screen and (min-width:569px) {
.sm-au-c-wrapper-1 {
margin:50px 0 0;
}
}
@media only screen and (min-width:900px) {
.sm-au-c-wrapper-1 {
margin:0;
}
}
#sm-career-listings-wrapper {
}
.sm-career-listing {
}
h2.sm-cl-heading {
margin:0 0 25px;
line-height:1.375;
font-family:nexa-bold, sans-serif;
font-size:28px;
color:#1f145d; text-align:center;
}
@media only screen and (min-width:569px) {
h2.sm-cl-heading {
margin:0 0 30px;
line-height:1.3;
font-size:37px;
}
}
@media only screen and (min-width:900px) {
h2.sm-cl-heading {
margin:0 0 35px;
line-height:1.275;
font-size:42px;
}
}
@media only screen and (min-width:1200px) {
h2.sm-cl-heading {
line-height:1.25;
font-size:55px;
}
}
@media only screen and (min-width:1500px) {
h2.sm-cl-heading {
line-height:1.225;
font-size:61px;
}
}
.sm-cl-title {
padding:0 0 5px; margin:30px 0 5px;
border-bottom:1px solid #fbab00;
line-height:1.425;
font-family:nexa-bold, sans-serif;
font-size:19px;
text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.sm-cl-title {
line-height:1.375;
font-family:nexa-heavy, sans-serif;
font-size:23px;
}
}
@media only screen and (min-width:900px) {
.sm-cl-title {
line-height:1.35;
font-size:25px;
}
}
@media only screen and (min-width:1200px) {
.sm-cl-title {
border-width:2px;
line-height:1.3;
font-size:28px;
}
}
.sm-cl-title a {
color:#6d6e71; text-decoration:none;
}
.sm-cl-title a:hover {
color:#2d7817; text-decoration:none;
}
.sm-cl-info {
}
.sm-cu-pic-wrapper-1 {
}
.sm-cu-pic-wrapper-1 img {
margin:0 0 25px;
}
@media only screen and (min-width:900px) {
.sm-cu-pic-wrapper-1 img {
margin:0;
}
}
.sm-about-timeline-outer {
margin:40px 0;
}
@media only screen and (min-width:569px) {
.sm-about-timeline-outer {
margin:50px 0;
}
}
@media only screen and (min-width:900px) {
.sm-about-timeline-outer {
margin:70px 0;
}
}
#sm-about-timeline {
max-width:1140px;
margin:0 auto;
color:#6d6e71;
}
#sm-about-timeline header {
max-width:1140px;
margin:0 auto;
color:#6d6e71;
}
#sm-about-timeline #cd-timeline::before {
width:4px;
background:#d6d7d9;
}
#sm-about-timeline img {
box-sizing:border-box;
max-width:100%; width:auto; height:auto;
border:0;
}
#sm-about-timeline .cd-timeline-img {
border-radius:0;
box-shadow:none;
}
@media only screen and (min-width:1170px) {
#sm-about-timeline .cd-timeline-img {
left:49%;
width:49px;
height:49px;
}
}
#sm-about-timeline .cd-timeline-img img {
left:28%; top:15px;
width:auto; max-width:100%;
height:auto;
border-radius:50%;
box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);
}
@media only screen and (min-width:1170px) {
#sm-about-timeline .cd-timeline-img img {
left:56.75%; top:16px;
box-shadow:none;
}
}
#sm-about-timeline .cd-timeline-img.cd-picture {
background:none;
}
#sm-about-timeline .cd-timeline-content {
padding:20px;
border-radius:0;
line-height:1.45;
font-family:nexa-regular, sans-serif;
font-size:18px;
box-shadow:0 0 15px 0 rgba(0,0,0,0.4);
}
@media only screen and (min-width:569px) {
#sm-about-timeline .cd-timeline-content {
line-height:1.425;
font-size:19px;
}
}
@media only screen and (min-width:900px) {
#sm-about-timeline .cd-timeline-content {
line-height:1.4;
font-size:21px;
}
}
#sm-about-timeline .cd-timeline-content p {
margin:15px 0 0;
}
#sm-about-timeline .cd-timeline-content p:nth-of-type(1) {
margin-top:0;
}
#sm-about-timeline .cd-date {
position:static;
float:none;
margin:0 0 5px; padding:0;
line-height:1.375;
font-family:nexa-heavy, sans-serif;
font-size:23px;
color:#6d6e71;
text-align:left;
opacity:1;
}
@media only screen and (min-width:569px) {
#sm-about-timeline .cd-date {
line-height:1.35;
font-size:24px;
}
}
@media only screen and (min-width:1200px) {
#sm-about-timeline .cd-date {
line-height:1.325;
font-size:26px;
}
}
#sm-about-timeline #cd-timeline {
margin-top:0; margin-bottom:0;
}
#sm-about-timeline img.alignnone {
margin:0;
}
.sm-vid-section-1-outer {
margin:40px 0;
}
@media only screen and (min-width:569px) {
.sm-vid-section-1-outer {
margin:50px 0;
}
}
@media only screen and (min-width:768px) {
.sm-vid-section-1-outer {
padding:55px 20px;
background:#fff url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:cover;
}
}
@media only screen and (min-width:900px) {
.sm-vid-section-1-outer {
padding:75px 20px; margin:70px 0;
}
}
@media only screen and (min-width:1200px) {
.sm-vid-section-1-outer {
padding:100px 20px 120px; margin:100px 0;
background-size:auto 100%;
}
}
@media only screen and (min-width:1800px) {
.sm-vid-section-1-outer {
background-size:cover;
}
}
/* max-width media query */ @media only screen and (max-width:767px) {
.sm-vid-section-1-outer {
background-image:none !important;
}
}
body.home .sm-vid-section-1-outer {
margin-bottom:0;
}
.sm-vid-section-1 {
max-width:1140px;
margin:0 auto;
background:rgba(92,187,65,0.9);
}
.sm-vid-section-1-inner {
padding:45px 20px;
}
@media only screen and (min-width:569px) {
.sm-vid-section-1-inner {
padding:55px 45px;
}
}
@media only screen and (min-width:768px) {
.sm-vid-section-1-inner {
padding:45px;
}
}
@media only screen and (min-width:900px) {
.sm-vid-section-1-inner {
padding:45px 75px;
}
}
@media only screen and (min-width:1200px) {
.sm-vid-section-1-inner {
padding:45px 150px;
}
}
.sm-vs1-intro {
line-height:1.625;
font-family:nexa-regular, sans-serif;
font-size:17px;
color:#2d7817; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-vs1-intro {
line-height:1.6;
font-size:18px;
}
}
@media only screen and (min-width:900px) {
.sm-vs1-intro {
line-height:1.575;
font-size:19px;
}
}
@media only screen and (min-width:1050px) {
.sm-vs1-intro {
line-height:1.55;
font-size:20px;
}
}
@media only screen and (min-width:1200px) {
.sm-vs1-intro {
line-height:1.5;
font-size:22px;
}
}
@media only screen and (min-width:1500px) {
.sm-vs1-intro {
line-height:1.45;
font-size:25px;
}
}
.sm-vs1-intro h2 {
margin:0 0 15px;
line-height:1.375;
font-family:nexa-bold, sans-serif;
font-size:28px;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-vs1-intro h2 {
line-height:1.35;
font-size:32px;
}
}
@media only screen and (min-width:900px) {
.sm-vs1-intro h2 {
line-height:1.25;
font-size:42px;
}
}
@media only screen and (min-width:1050px) {
.sm-vs1-intro h2 {
line-height:1.225;
font-size:54px;
}
}
@media only screen and (min-width:1200px) {
.sm-vs1-intro h2 {
line-height:1.2;
font-size:64px;
}
}
@media only screen and (min-width:1500px) {
.sm-vs1-intro h2 {
line-height:1.125;
font-size:78px;
}
}
.sm-vs1-intro p {
margin:15px 0;
}
.sm-vs1-intro a {
color:rgba(255,255,255,0.85); text-decoration:none;
}
.sm-vs1-intro a:hover {
color:#fff; text-decoration:none;
}
.sm-vs1-intro *:last-child {
margin-bottom:0;
}
.sm-vs1-video {
}
.sm-vs1-intro + .sm-vs1-video {
margin:25px 0 0;
}
.sm-pl-hero-outer {
padding:0 20px;
}
@media only screen and (min-width:900px) {
.sm-pl-hero-outer {
padding:0;
}
}
.sm-pl-hero {
max-width:1250px;
margin:0 auto;
}
@media only screen and (min-width:1600px) {
.sm-pl-hero {
max-width:1500px;
}
}
@media only screen and (min-width:1900px) {
.sm-pl-hero {
max-width:1800px;
}
}
.sm-plho-option-1 {
}
.sm-plho-option-1 .sm-pl-h-caption {
background-color:#df1683;
}
.sm-plho-option-1 .sm-pl-h-mini-nav li a:hover {
color:#df1683;
}
.sm-plho-option-2 {
}
.sm-plho-option-2 .sm-pl-h-caption {
background-color:#eea803;
}
.sm-plho-option-2 .sm-pl-h-mini-nav li a:hover {
color:#eea803;
}
.sm-plho-option-3 {
}
.sm-plho-option-3 .sm-pl-h-caption {
background-color:#2d7817;
}
.sm-plho-option-3 .sm-pl-h-mini-nav li a:hover {
color:#2d7817;
}
.sm-plho-option-3 .sm-pl-h-l-text {
color:#2d7817;
}
.sm-plho-option-4 {
}
.sm-plho-option-4 .sm-pl-h-caption {
background-color:#1f145d;
}
.sm-plho-option-4 .sm-pl-h-mini-nav li a:hover {
color:#1f145d;
}
.sm-plho-option-4 .sm-pl-h-l-text {
color:#1f145d;
}
.sm-plho-option-5 {
}
.sm-plho-option-5 .sm-pl-h-caption {
background-color:#df1683;
}
.sm-plho-option-5 .sm-pl-h-mini-nav li a:hover {
color:#df1683;
}
.sm-plho-option-6 {
}
.sm-plho-option-6 .sm-pl-h-caption {
background-color:#eea803;
}
.sm-plho-option-6 .sm-pl-h-mini-nav li a:hover {
color:#eea803;
}
.sm-plho-option-7 {
}
.sm-plho-option-7 .sm-pl-h-caption {
background-color:#2d7817;
}
.sm-plho-option-7 .sm-pl-h-mini-nav li a:hover {
color:#2d7817;
}
.sm-plho-option-8 {
}
.sm-plho-option-8 .sm-pl-h-caption {
background-color:#1f145d;
}
.sm-plho-option-8 .sm-pl-h-mini-nav li a:hover {
color:#1f145d;
}
.sm-pl-h-col-1 {
}
@media only screen and (min-width:900px) {
.sm-pl-h-col-1 {
display:inline-block;
width:50%;
vertical-align:middle;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-col-1 {
vertical-align:middle;
}
}
.sm-pl-h-col-1-inner {
padding:40px 20px 35px;
text-align:center;
}
@media only screen and (min-width:900px) {
.sm-pl-h-col-1-inner {
padding:0 45px 45px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-col-1-inner {
padding:0 80px 55px 55px;
text-align:right;
}
}
.sm-pl-h-col-2 {
background:url(images/bg-placeholder.png) no-repeat scroll 50% 0;
background-size:cover;
}
@media only screen and (min-width:900px) {
.sm-pl-h-col-2 {
display:inline-block;
width:50%;
vertical-align:middle;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-col-2 {
vertical-align:middle;
}
}
.sm-pl-h-col-2-inner {
line-height:0;
}
.sm-pl-h-spacer {
}
@media only screen and (min-width:900px) {
.sm-pl-h-spacer {
min-height:75px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-spacer {
min-height:200px;
}
}
.sm-pl-h-caption {
position:relative; z-index:527;
}
@media only screen and (min-width:900px) {
.sm-pl-h-caption {
width:65%;
margin:-75px 0 0;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-caption {
width:65%;
margin:-200px 0 0;
}
}
.sm-pl-h-caption-inner {
padding:35px 20px;
}
@media only screen and (min-width:768px) {
.sm-pl-h-caption-inner {
padding:35px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-h-caption-inner {
padding:60px 45px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-caption-inner {
padding:60px 55px;
text-align:right;
}
}
.sm-pl-h-cap-content {
line-height:1.5;
font-family:nexa-bold, sans-serif;
font-size:22px;
color:#fff; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-pl-h-cap-content {
line-height:1.4;
font-size:24px;
}
}
@media only screen and (min-width:768px) {
.sm-pl-h-cap-content {
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-h-cap-content {
display:inline-block;
max-width:740px; width:100%;
line-height:1.375;
font-size:28px;
text-align:left;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-cap-content {
line-height:1.3;
font-size:37px;
}
}
@media only screen and (min-width:1600px) {
.sm-pl-h-cap-content {
line-height:1.225;
font-size:48px;
}
}
@media only screen and (min-width:1900px) {
.sm-pl-h-cap-content {
max-width:785px;
}
}
.sm-pl-h-cap-content h1 {
margin:0; padding:0;
line-height:1.5;
font-family:nexa-bold, sans-serif;
font-size:22px;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-pl-h-cap-content h1 {
line-height:1.4;
font-size:24px;
}
}
@media only screen and (min-width:768px) {
.sm-pl-h-cap-content h1 {
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-cap-content h1 {
line-height:1.3;
font-size:37px;
}
}
@media only screen and (min-width:1600px) {
.sm-pl-h-cap-content h1 {
line-height:1.225;
font-size:48px;
}
}
.sm-pl-h-cap-content p {
margin:0;
}
.sm-pl-h-cap-content a {
color:rgba(255,255,255,0.9); text-decoration:none;
}
.sm-pl-h-cap-content a:hover {
color:#fff; text-decoration:none;
}
.sm-pl-h-cap-c-heading {
margin:0 0 7px;
line-height:1.55;
font-family:nexa-bold, sans-serif;
font-size:20px;
color:rgba(0,0,0,0.4); text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.sm-pl-h-cap-c-heading {
line-height:1.55;
font-size:20px;
}
}
@media only screen and (min-width:768px) {
.sm-pl-h-cap-c-heading {
margin:0 0 8px;
line-height:1.5;
font-size:22px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-cap-c-heading {
margin:0 0 10px;
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:1600px) {
.sm-pl-h-cap-c-heading {
margin:0 0 10px;
line-height:1.35;
font-size:33px;
}
}
.sm-pl-h-c1-content {
text-align:center;
}
@media only screen and (min-width:1200px) {
.sm-pl-h-c1-content {
display:inline-block;
max-width:490px; width:100%;
}
}
@media only screen and (min-width:1800px) {
.sm-pl-h-c1-content {
text-align:left;
}
}
.sm-pl-h-logo {
max-width:175px;
margin:0 auto;
line-height:0;
}
@media only screen and (min-width:569px) {
.sm-pl-h-logo {
max-width:225px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-h-logo {
max-width:250px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-logo {
max-width:275px;
}
}
@media only screen and (min-width:1500px) {
.sm-pl-h-logo {
max-width:325px;
}
}
@media only screen and (min-width:1800px) {
.sm-pl-h-logo {
max-width:420px;
margin:0;
}
}
.sm-pl-h-logo-2 {
max-width:125px;
margin:0 auto;
line-height:0;
}
@media only screen and (min-width:569px) {
.sm-pl-h-logo-2 {
max-width:150px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-h-logo-2 {
max-width:175px;
}
}
@media only screen and (min-width:1600px) {
.sm-pl-h-logo-2 {
max-width:200px;
}
}
@media only screen and (min-width:1800px) {
.sm-pl-h-logo-2 {
margin:0;
}
}
@media only screen and (min-width:1900px) {
.sm-pl-h-logo-2 {
max-width:300px;
}
}
.sm-pl-h-l-text {
padding:25px 0 0;
line-height:1;
font-family:nexa-heavy, sans-serif;
font-size:26px;
color:#1f145d;
}
@media only screen and (min-width:569px) {
.sm-pl-h-l-text {
font-size:30px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-h-l-text {
padding:30px 0 0;
font-size:35px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-l-text {
font-size:42px;
}
}
@media only screen and (min-width:1500px) {
.sm-pl-h-l-text {
padding:35px 0 0;
font-size:50px;
}
}
@media only screen and (min-width:1800px) {
.sm-pl-h-l-text {
font-size:57px;
}
}
.sm-pl-h-mini-nav {
padding:25px 0 0;
line-height:1;
color:#1f145d;
}
@media only screen and (min-width:900px) {
.sm-pl-h-mini-nav {
padding:30px 0 0;
}
}
@media only screen and (min-width:1500px) {
.sm-pl-h-mini-nav {
padding:35px 0 0;
}
}
@media only screen and (min-width:1800px) {
.sm-pl-h-mini-nav {
padding:55px 0 0;
}
}
.sm-pl-h-l-text + .sm-pl-h-mini-nav {
}
@media only screen and (min-width:1800px) {
.sm-pl-h-l-text + .sm-pl-h-mini-nav {
padding:35px 0 0;
}
}
.sm-pl-h-mini-nav ul {
margin:0; padding:0;
list-style-type:none;
}
.sm-pl-h-mini-nav li {
display:inline-block;
margin:0 0 0 20px; padding:0 0 6px;
vertical-align:top;
font-family:nexa-regular, sans-serif;
font-size:18px;
}
@media only screen and (min-width:569px) {
.sm-pl-h-mini-nav li {
margin:0 0 0 25px;
font-size:22px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-h-mini-nav li {
margin:0 0 0 35px;
font-size:24px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-h-mini-nav li {
margin:0 0 0 40px;
font-size:28px;
}
}
@media only screen and (min-width:1500px) {
.sm-pl-h-mini-nav li {
margin:0 0 0 45px;
font-size:32px;
}
}
.sm-pl-h-mini-nav li:first-child {
margin-left:0;
}
.sm-pl-h-mini-nav li.sm-pl-h-mn-just-text {
border-bottom:2px solid #fbab00;
}
.sm-pl-h-mini-nav li a {
color:#1f145d; text-decoration:none;
}
.sm-pl-h-mini-nav li a:hover {
color:#2d7817; text-decoration:none;
}
.sm-pl-intro-section-outer {
margin:40px 20px;
text-align:center;
}
@media only screen and (min-width:569px) {
.sm-pl-intro-section-outer {
margin:50px 20px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-intro-section-outer {
margin:70px 20px;
text-align:left;
}
}
.sm-pl-intro-section {
text-align:center;
}
@media only screen and (min-width:900px) {
.sm-pl-intro-section {
max-width:1140px;
margin:0 auto;
text-align:left;
}
}
.sm-pl-intro-section *:last-child {
margin-bottom:0;
}
.sm-pl-is-col-1 {
}
@media only screen and (min-width:900px) {
.sm-pl-is-col-1 {
display:inline-block;
width:50%;
vertical-align:middle;
}
}
.sm-pl-is-col-1-inner {
line-height:0;
}
@media only screen and (min-width:900px) {
.sm-pl-is-col-1-inner {
padding:0 20px 0 0;
}
}
.sm-pl-is-col-2 {
}
@media only screen and (min-width:900px) {
.sm-pl-is-col-2 {
display:inline-block;
width:50%;
vertical-align:middle;
}
}
.sm-pl-is-col-2-inner {
padding:25px 0 0;
}
@media only screen and (min-width:900px) {
.sm-pl-is-col-2-inner {
padding:0 0 0 20px;
}
}
h2.sm-pl-is-main-heading {
margin:0 0 15px;
line-height:1.35;
font-family:nexa-heavy, sans-serif;
font-size:25px;
color:#2d7817; text-transform:uppercase;
}
@media only screen and (min-width:569px) {
h2.sm-pl-is-main-heading {
line-height:1.3;
font-size:30px;
}
}
@media only screen and (min-width:900px) {
h2.sm-pl-is-main-heading {
line-height:1.25;
font-size:35px;
}
}
@media only screen and (min-width:1200px) {
h2.sm-pl-is-main-heading {
line-height:1.15;
font-size:50px;
}
}
.sm-pl-intro-section::after {
display:block;
content:"";
clear:both;
}
.sm-product-listings-outer {
margin:40px 20px 55px;
}
@media only screen and (min-width:450px) {
.sm-product-listings-outer {
margin:40px 20px 25px;
}
}
@media only screen and (min-width:569px) {
.sm-product-listings-outer {
margin:50px 20px 25px;
}
}
@media only screen and (min-width:900px) {
.sm-product-listings-outer {
margin:70px 20px 25px;
}
}
@media only screen and (min-width:1200px) {
.sm-product-listings-outer {
margin:75px 20px 35px;
}
}
#sm-product-listings {
text-align:center;
}
@media only screen and (min-width:650px) {
#sm-product-listings {
max-width:1140px;
margin:0 auto;
text-align:left;
}
}
.sm-pl-listings-group {
}
.sm-pl-listings-group-2 {
margin:40px 0 0; padding:40px 0 0;
border-top:2px solid #b2b2b2;
}
@media only screen and (min-width:450px) {
.sm-pl-listings-group-2 {
margin:10px 0 0; padding:0;
border:0;
}
}
@media only screen and (min-width:650px) {
.sm-pl-listings-group-2 {
margin:5px 0 0;
}
}
@media only screen and (min-width:900px) {
.sm-pl-listings-group-2 {
margin:10px 0 0;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-listings-group-2 {
margin:15px 0 0;
}
}
.sm-pl-listings-group-2:first-child {
margin-top:0;
}
/* max-width media query */ @media only screen and (max-width:449px) {
.sm-pl-listings-group-2:nth-of-type(1),
.sm-pl-listings-group + .sm-pl-listings-group-2 {
padding-top:0;
border-top:0;
}
}
.sm-pl-pagination-wrapper {
margin:40px 0 0; padding:30px 0 0;
border-top:1px solid #ccc;
}
@media only screen and (min-width:450px) {
.sm-pl-pagination-wrapper {
margin:0 0 40px;
}
}
@media only screen and (min-width:569px) {
.sm-pl-pagination-wrapper {
margin:0 0 50px;
}
}
@media only screen and (min-width:650px) {
.sm-pl-pagination-wrapper {
margin:0 0 50px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-pagination-wrapper {
margin:0 0 70px;
}
}
.sm-tax-heading-wrapper {
margin:40px 15px 0;
}
@media only screen and (min-width:569px) {
.sm-tax-heading-wrapper {
margin:50px 15px 0;
}
}
.sm-listings-styled-heading {
display:table;
margin:0 auto 35px; padding:0 0 7px;
border-bottom:2px solid #1f145d;
line-height:1.375;
font-family:nexa-regular, sans-serif;
font-size:26px;
color:#1f145d;
}
@media only screen and (min-width:569px) {
.sm-listings-styled-heading {
padding:0 0 7px;
line-height:1.35;
font-size:32px;
}
}
@media only screen and (min-width:650px) {
.sm-listings-styled-heading {
display:block;
margin:0 0 45px; padding:0 0 7px;
}
}
@media only screen and (min-width:900px) {
.sm-listings-styled-heading {
padding:0 0 10px;
line-height:1.25;
font-size:42px;
text-align:left;
}
}
.sm-pl-listings-group-2:nth-of-type(3n+2) .sm-listings-styled-heading {
color:#d53033; border-color:#d53033;
}
.sm-pl-listings-group-2:nth-of-type(3n+3) .sm-listings-styled-heading {
color:#fbab00; border-color:#fbab00;
}
.sm-tax-heading-wrapper .sm-listings-styled-heading {
margin-bottom:0;
}
.sm-pl-heading-wrapper {
}
@media only screen and (min-width:450px) {
.sm-pl-heading-wrapper {
padding:0 15px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-heading-wrapper {
padding:0 20px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-heading-wrapper {
padding:0 25px;
}
}
.sm-pl-box {
max-width:225px;
margin:0 auto 35px;
}
@media only screen and (min-width:450px) {
.sm-pl-box {
display:inline-block;
width:50%; max-width:250px;
margin:0 0 40px;
vertical-align:top;
}
}
@media only screen and (min-width:650px) {
.sm-pl-box {
width:33.33%; max-width:none;
margin:0 0 45px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-box {
width:25%;
margin:0 0 50px;
}
}
body.post-type-archive-cpt_products_3 .sm-pl-box {
vertical-align:bottom;
}
.sm-pl-box-inner {
text-align:center;
}
@media only screen and (min-width:450px) {
.sm-pl-box-inner {
padding:0 15px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-box-inner {
padding:0 20px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-box-inner {
padding:0 25px;
}
}
.sm-pl-b-pic {
padding:0 0 13px;
line-height:0;
}
@media only screen and (min-width:900px) {
.sm-pl-b-pic {
padding:0 0 10px;
}
}
.sm-pl-b-title {
}
.sm-pl-b-title h3 {
margin:0;
line-height:1.45;
font-family:nexa-bold, sans-serif;
font-size:18px;
}
@media only screen and (min-width:569px) {
.sm-pl-b-title h3 {
line-height:1.425;
font-family:nexa-regular, sans-serif;
font-size:19px;
}
}
@media only screen and (min-width:900px) {
.sm-pl-b-title h3 {
line-height:1.4;
font-size:21px;
}
}
@media only screen and (min-width:1050px) {
.sm-pl-b-title h3 {
line-height:1.375;
font-size:23px;
}
}
@media only screen and (min-width:1200px) {
.sm-pl-b-title h3 {
line-height:1.35;
font-size:26px;
}
}
.sm-pl-b-title a {
color:#6d6e71; text-decoration:none;
}
.sm-pl-b-title a:hover {
color:#1f145d; text-decoration:none;
}
.sm-ip-bg-wrapper-1 {
background:url(images/bg-placeholder.png) no-repeat scroll 0 50%;
}
/* max-width media query */ @media only screen and (max-width:1600px) {
.sm-ip-bg-wrapper-1 {
background-image:none !important;
}
}
.sm-ip-bg-wrapper-2 {
background:url(images/bg-placeholder.png) no-repeat scroll 100% 50%;
}
/* max-width media query */ @media only screen and (max-width:1600px) {
.sm-ip-bg-wrapper-2 {
background-image:none !important;
}
}
.sm-individual-product-outer {
padding:0 20px 45px;
}
#sm-individual-product {
max-width:1140px;
margin:0 auto;
background:#fff;
text-align:center;
}
@media only screen and (min-width:900px) {
#sm-individual-product {
text-align:left;
}
}
.sm-ip-col-1 {
}
@media only screen and (min-width:900px) {
.sm-ip-col-1 {
float:right;
width:50%;
}
}
.sm-ip-col-1-inner {
}
@media only screen and (min-width:900px) {
.sm-ip-col-1-inner {
padding:0 20px;
}
}
.sm-ip-col-2 {
}
@media only screen and (min-width:900px) {
.sm-ip-col-2 {
float:right;
width:50%;
}
}
.sm-ip-col-2-inner {
}
@media only screen and (min-width:900px) {
.sm-ip-col-2-inner {
padding:0 20px;
}
}
.sm-ip-main-title {
padding:20px 20px 18px;
}
@media only screen and (min-width:569px) {
.sm-ip-main-title {
padding:25px 25px 21px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-main-title {
padding:25px 25px 22px;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-main-title {
padding:25px 25px 20px;
}
}
.sm-ip-main-title h1 {
margin:0;
line-height:1.35;
font-family:nexa-heavy, sans-serif;
font-size:25px;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-ip-main-title h1 {
line-height:1.3;
font-size:30px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-main-title h1 {
line-height:1.25;
font-size:35px;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-main-title h1 {
line-height:1.15;
font-size:50px;
}
}
.sm-ip-main-title h1 span {
display:block;
margin:0 0 7px;
line-height:1;
font-family:nexa-bold, sans-serif;
font-size:17px;
color:#eea803; text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.sm-ip-main-title h1 span {
margin:0 0 7px;
font-size:19px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-main-title h1 span {
margin:0 0 7px;
font-size:21px;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-main-title h1 span {
margin:0 0 8px;
font-size:25px;
}
}
.sm-ip-pic-1 {
max-width:400px;
line-height:0;
margin:45px auto;
}
@media only screen and (min-width:900px) {
.sm-ip-pic-1 {
display:none;
}
}
.sm-ip-pic-2 {
display:none;
}
@media only screen and (min-width:900px) {
.sm-ip-pic-2 {
display:block;
margin:0 0 45px;
line-height:0;
}
}
.sm-ip-content-1 {
margin:35px 0;
}
@media only screen and (min-width:900px) {
.sm-ip-content-1 {
margin:45px 0;
}
}
.sm-ip-content-1 *:last-child {
margin-bottom:0;
}
.sm-ip-content-2 {
margin:45px 0;
}
@media only screen and (min-width:900px) {
.sm-ip-content-2 {
margin:45px 0 70px;
}
}
.sm-ip-content-2 *:last-child {
margin-bottom:0;
}
.sm-g-ip-content {
}
.sm-ip-additional-info-1 {
}
.sm-ip-ai-1-box {
margin:35px 0;
line-height:1.35;
font-family:nexa-regular, sans-serif;
font-size:18px;
}
@media only screen and (min-width:569px) {
.sm-ip-ai-1-box {
line-height:1.325;
font-size:19px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-ai-1-box {
margin:45px 0;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-ai-1-box {
line-height:1.275;
font-size:21px;
}
}
.sm-ip-ai-1-box h2 {
margin:0 0 10px;
line-height:1.375;
font-family:nexa-heavy, sans-serif;
font-size:23px;
color:#fbab00; text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.sm-ip-ai-1-box h2 {
margin:0 0 10px;
line-height:1.35;
font-size:24px;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-ai-1-box h2 {
margin:0 0 10px;
line-height:1.325;
font-size:26px;
}
}
.sm-ip-ai-1-box a {
color:#6d6e71; text-decoration:none;
}
.sm-ip-ai-1-box a:hover {
color:#2d7817; text-decoration:none;
}
.sm-ip-ai-1-box ul {
padding:0; margin:0;
list-style-type:none;
}
.sm-ip-ai-1-box ul li {
padding:0; margin:10px 0 0;
}
.sm-ip-ai-1-box.sm-ipai1b-option-1 {
}
.sm-ip-ai-1-box.sm-ipai1b-option-2 {
}
.sm-ip-ai-1-box.sm-ipai1b-option-2 ul li {
}
@media only screen and (min-width:475px) {
.sm-ip-ai-1-box.sm-ipai1b-option-2 ul li {
display:inline-block;
padding:0 14px 0 0; margin:0 7px 10px 0;
background:url(images/bg-text-divider-1.png) no-repeat scroll 100% 50%;
background-size:2px 16px;
}
}
.sm-ip-ai-1-box.sm-ipai1b-option-2 ul li:last-child {
padding:0;
background:none;
}
.sm-ip-featured-products {
max-width:600px;
margin:0 auto 45px;
}
@media only screen and (min-width:900px) {
.sm-ip-featured-products {
max-width:none;
margin:0 0 45px;
}
}
.sm-ip-featured-products h2 {
margin:0;
line-height:1.375;
font-family:nexa-heavy, sans-serif;
font-size:23px;
color:#6d6e71; text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.sm-ip-featured-products h2 {
line-height:1.35;
font-size:24px;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-featured-products h2 {
line-height:1.325;
font-size:26px;
}
}
.sm-ip-fp-box {
margin:20px 0 0;
}
@media only screen and (min-width:450px) {
.sm-ip-fp-box {
display:inline-block;
width:50%;
margin:25px 0 0;
vertical-align:top;
}
}
.sm-ip-fp-box-inner {
}
@media only screen and (min-width:450px) {
.sm-ip-fp-box-inner {
padding:0 10px;
}
}
@media only screen and (min-width:569px) {
.sm-ip-fp-box-inner {
padding:0 20px;
}
}
.sm-ip-fp-box:nth-of-type(odd) .sm-ip-fp-box-inner {
}
@media only screen and (min-width:900px) {
.sm-ip-fp-box:nth-of-type(odd) .sm-ip-fp-box-inner {
padding-left:0;
}
}
.sm-ip-fp-box:nth-of-type(even) .sm-ip-fp-box-inner {
}
@media only screen and (min-width:900px) {
.sm-ip-fp-box:nth-of-type(even) .sm-ip-fp-box-inner {
padding-right:0;
}
}
.sm-ip-additional-info-2 {
padding:85px 20px 20px; margin:0 0 45px;
background:url(images/icon-lightning.png) no-repeat scroll 50% 20px;
background-size:55px auto;
}
@media only screen and (min-width:569px) {
.sm-ip-additional-info-2 {
padding:85px 30px 30px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-additional-info-2 {
min-height:45px;
padding:30px 30px 30px 120px;
background-position:30px 50%;
background-size:75px auto;
}
}
.sm-ip-ai-2-content {
line-height:1.6;
font-family:nexa-regular, sans-serif;
font-size:18px;
color:#fff; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-ip-ai-2-content {
line-height:1.525;
font-size:21px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-ai-2-content {
line-height:1.575;
font-size:19px;
text-align:left;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-ai-2-content {
line-height:1.35;
font-size:24px;
}
}
.sm-ip-ai-2-content h2 {
margin:0 0 3px;
line-height:1.425;
font-family:nexa-heavy, sans-serif;
font-size:23px;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-ip-ai-2-content h2 {
margin:0 0 3px;
line-height:1.375;
font-size:26px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-ai-2-content h2 {
margin:0 0 4px;
line-height:1.425;
font-size:24px;
}
}
@media only screen and (min-width:1200px) {
.sm-ip-ai-2-content h2 {
margin:0 0 2px;
line-height:1.3;
font-size:28px;
}
}
.sm-ip-ingredients {
padding:20px;
border-top:1px solid #6d6e71; border-bottom:1px solid #6d6e71;
line-height:1.6;
font-family:nexa-regular, sans-serif;
font-size:18px;
color:#6d6e71;
text-align:center;
}
@media only screen and (min-width:569px) {
.sm-ip-ingredients {
padding:25px;
line-height:1.55;
font-size:19px;
}
}
@media only screen and (min-width:900px) {
.sm-ip-ingredients {
line-height:1.5;
font-size:20px;
}
}
.sm-ip-ingredients h2 {
margin:0 0 5px;
line-height:1.375;
font-family:nexa-bold, sans-serif;
font-size:23px;
color:#6d6e71; text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.sm-ip-ingredients h2 {
line-height:1.35;
font-size:24px;
}
}
.sm-ip-ingredients p {
margin:20px 0 0;
}
.sm-ip-ingredients h2 + p {
margin-top:0;
}
.sm-filter-menu-bar-outer {
margin:40px 0 0;
}
@media only screen and (min-width:569px) {
.sm-filter-menu-bar-outer {
margin:50px 0 10px;
}
}
@media only screen and (min-width:900px) {
.sm-filter-menu-bar-outer {
margin:50px 15px 10px;
}
}
@media only screen and (min-width:1000px) {
.sm-filter-menu-bar-outer {
margin:50px 15px 0;
}
}
.sm-filter-menu-bar {
text-align:center;
}
@media only screen and (min-width:900px) {
.sm-filter-menu-bar {
max-width:1140px;
margin:0 auto;
text-align:left;
}
}
.sm-fmb-box {
}
@media only screen and (min-width:900px) {
.sm-fmb-box {
display:inline-block;
vertical-align:top;
width:100%; max-width:400px;
}
}
@media only screen and (min-width:1200px) {
.sm-fmb-box {
width:57%; max-width:none;
}
}
.sm-fmb-box-inner {
}
.sm-fmb-box:first-child .sm-fmb-box-inner {
}
.sm-fmb-box:last-child .sm-fmb-box-inner {
}
.sm-fmb-search {
}
@media only screen and (min-width:900px) {
.sm-fmb-search {
display:inline-block;
width:100%; max-width:400px;
vertical-align:top;
}
}
@media only screen and (min-width:1200px) {
.sm-fmb-search {
width:43%; max-width:none;
}
}
.sm-fmb-search-inner {
padding:0 0 30px;
}
@media only screen and (min-width:900px) {
.sm-fmb-search-inner {
padding:0 50px 0 0;
}
}
@media only screen and (min-width:1200px) {
.sm-fmb-search-inner {
padding:0 40px 0 0;
}
}
.sm-fmb-search-inner form {
margin:0; padding:0;
}
.sm-fmb-search-inner input[type="text"] {
box-sizing:border-box;
max-width:275px; width:100%;
padding:7px 40px 7px 10px;
border:1px solid #686868;
vertical-align:middle;
background:url(images/bg-sm-fmb-search.png) no-repeat scroll 100% 50%;
background-size:28px auto;
font-family:nexa-regular, sans-serif;
font-size:17px;
color:#6d6e71;
}
@media only screen and (min-width:569px) {
.sm-fmb-search-inner input[type="text"] {
padding:7px 50px 7px 15px;
background-size:34px auto;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.sm-fmb-search-inner input[type="text"] {
max-width:300px;
padding:7px 55px 7px 15px;
background-size:39px auto;
font-size:24px;
}
}
.sm-fmb-s-title {
display:block;
padding:0 0 10px;
line-height:1;
font-family:nexa-heavy, sans-serif;
font-size:20px;
color:#6d6e71;
}
@media only screen and (min-width:569px) {
.sm-fmb-s-title {
font-size:22px;
}
}
@media only screen and (min-width:900px) {
.sm-fmb-s-title {
padding:0 0 10px;
font-size:24px;
}
}
@media only screen and (min-width:1200px) {
.sm-fmb-s-title {
display:inline-block;
padding:0 12px 0 0;
vertical-align:middle;
font-size:29px;
}
}
#sm-fmb-search-input {
}
.sm-jm-title {
padding:0 0 10px;
line-height:1;
font-family:nexa-heavy, sans-serif;
font-size:20px;
color:#6d6e71;
}
@media only screen and (min-width:569px) {
.sm-jm-title {
font-size:22px;
}
}
@media only screen and (min-width:900px) {
.sm-jm-title {
padding:0 0 10px;
font-size:24px;
}
}
@media only screen and (min-width:1200px) {
.sm-jm-title {
display:inline-block;
padding:0 15px 0 0;
vertical-align:middle;
font-size:29px;
}
}
.jump-menu-wrapper {
max-width:275px;
margin:0 auto 15px;
font-family:nexa-regular, sans-serif;
font-size:18px;
text-align:left;
}
@media only screen and (min-width:768px) {
.jump-menu-wrapper {
position:relative; z-index:788;
margin:0 auto;
}
}
@media only screen and (min-width:900px) {
.jump-menu-wrapper {
display:inline-block;
max-width:300px; width:100%;
margin:0;
vertical-align:middle;
}
}
.jump-menu-wrapper:last-of-type {
margin-bottom:0;
}
.jm-button {
}
.jm-button a {
display:block;
padding:9px 42px 9px 10px;
border:1px solid #686868;
line-height:1;
background:url(images/bg-jm-indicator-1.png) no-repeat scroll 100% 50%;
background-size:32px auto;
font-size:17px;
color:#6d6e71; text-decoration:none;
}
@media only screen and (min-width:569px) {
.jm-button a {
padding:10px 53px 10px 15px;
background-size:38px auto;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.jm-button a {
padding:10px 60px 10px 15px;
background-size:47px auto;
font-size:24px;
}
}
.jm-button a:hover {
color:#6d6e71; text-decoration:none;
}
.jm-button a.jm-button-active {
background-image:url(images/bg-jm-indicator-1-a.png);
color:#6d6e71;
}
.jm-links {
display:none;
padding:10px 0;
}
@media only screen and (min-width:768px) {
.jm-links {
position:absolute; top:100%; left:0;
width:100%;
padding:10px 0 0;
}
}
.jm-links ul {
margin:0; padding:5px 0;
border:1px solid #686868;
background:#fff;
list-style-type:none;
}
@media only screen and (min-width:569px) {
.jm-links ul {
padding:10px 0;
}
}
.jm-links ul li {
margin:10px 15px; padding:0;
background:none;
}
@media only screen and (min-width:569px) {
.jm-links ul li {
margin:10px 20px;
}
}
.jm-links ul li a {
display:block;
line-height:1.35;
font-size:17px;
color:#6d6e71; text-decoration:none;
}
@media only screen and (min-width:569px) {
.jm-links ul li a {
line-height:1.3;
font-size:20px;
}
}
.jm-links ul li a:hover {
background:#fff;
color:#2d7817; text-decoration:none;
}
.sm-recipe-listings-outer {
margin:0 20px 40px;
}
@media only screen and (min-width:569px) {
.sm-recipe-listings-outer {
margin:0 5px 50px;
}
}
@media only screen and (min-width:900px) {
.sm-recipe-listings-outer {
margin:0 5px 70px;
}
}
.sm-recipe-listings {
text-align:center;
}
@media only screen and (min-width:900px) {
.sm-recipe-listings {
max-width:1170px;
margin:0 auto;
text-align:left;
}
}
.sm-rl-boxes-group {
}
.sm-rl-box {
margin:40px 0 0;
}
@media only screen and (min-width:569px) {
.sm-rl-box {
display:inline-block;
width:50%;
margin:40px 0 0;
vertical-align:top;
}
}
@media only screen and (min-width:1000px) {
.sm-rl-box {
width:33.33%;
margin:50px 0 0;
}
}
.sm-rl-box-inner {
}
@media only screen and (min-width:569px) {
.sm-rl-box-inner {
padding:0 15px;
}
}
@media only screen and (min-width:900px) {
.sm-rl-box-inner {
padding:0 15px;
}
}
.sm-rl-b-pic {
margin:0 0 10px;
line-height:0;
}
@media only screen and (min-width:569px) {
.sm-rl-b-pic {
margin:0 0 10px;
}
}
@media only screen and (min-width:900px) {
.sm-rl-b-pic {
margin:0 0 15px;
}
}
.sm-rl-b-title {
line-height:1.375;
font-family:nexa-regular, sans-serif;
font-size:18px;
}
@media only screen and (min-width:569px) {
.sm-rl-b-title {
line-height:1.35;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.sm-rl-b-title {
line-height:1.325;
font-size:22px;
}
}
@media only screen and (min-width:1200px) {
.sm-rl-b-title {
line-height:1.275;
font-size:26px;
}
}
.sm-rl-b-title a {
color:#6d6e71; text-decoration:none;
}
.sm-rl-b-title a:hover {
color:#1f145d; text-decoration:none;
}
.sm-rl-pagination-wrapper {
margin:40px 0 0; padding:30px 0 0;
border-top:1px solid #ccc;
}
@media only screen and (min-width:569px) {
.sm-rl-pagination-wrapper {
margin:50px 0 0;
}
}
.sm-ir-hero-outer {
padding:0 20px; margin:0 0 45px;
}
.sm-ir-hero {
max-width:1140px;
margin:0 auto;
}
.sm-irho-option-1 {
}
.sm-irho-option-2 {
}
.sm-irho-option-3 {
}
.sm-irho-option-4 {
}
.sm-ir-h-pic {
line-height:0;
}
.sm-ir-h-caption {
background:#1f145d;
}
@media only screen and (min-width:900px) {
.sm-ir-h-caption {
position:relative; z-index:427;
margin:-75px 20px 0;
}
}
@media only screen and (min-width:1200px) {
.sm-ir-h-caption {
margin:-130px 20px 0;
}
}
.sm-irho-option-1 .sm-ir-h-caption {
background:#df1683;
}
.sm-irho-option-2 .sm-ir-h-caption {
background:#eea803;
}
.sm-irho-option-3 .sm-ir-h-caption {
background:#2d7817;
}
.sm-irho-option-4 .sm-ir-h-caption {
background:#1f145d;
}
.sm-ir-h-caption-inner {
padding:35px;
color:#fff;
}
.sm-ir-h-caption-inner h1 {
margin:0;
line-height:1.375;
font-family:nexa-heavy, sans-serif;
font-size:28px;
color:#fff;
}
@media only screen and (min-width:569px) {
.sm-ir-h-caption-inner h1 {
line-height:1.35;
font-size:32px;
}
}
@media only screen and (min-width:900px) {
.sm-ir-h-caption-inner h1 {
line-height:1.25;
font-size:42px;
}
}
@media only screen and (min-width:1050px) {
.sm-ir-h-caption-inner h1 {
line-height:1.225;
font-size:50px;
}
}
.sm-ir-h-share-section {
padding:15px 0 0;
}
.sm-ir-h-share-title {
margin:0 0 10px;
line-height:1;
font-family:nexa-heavy, sans-serif;
font-size:20px;
color:rgba(0,0,0,0.45);
text-transform:uppercase;
}
@media only screen and (min-width:569px) {
.sm-ir-h-share-title {
display:inline-block;
margin:0 6px 0 0;
vertical-align:middle;
}
}
#sm-ir-h-icons {
display:inline-block;
vertical-align:middle;
}
#sm-ir-h-icons a {
display:inline-block;
max-width:none; min-width:0; width:auto; max-height:none; min-height:0; height:auto;
margin:0 10px 0 0;
vertical-align:middle;
text-decoration:none;
}
@media only screen and (min-width:569px) {
#sm-ir-h-icons a {
margin:0 6px;
}
}
.sm-ir-h-icons-inner {
}
.sm-ir-section-outer {
margin:40px 20px;
}
@media only screen and (min-width:569px) {
.sm-ir-section-outer {
margin:45px 20px;
}
}
.sm-ir-section {
max-width:1140px;
margin:0 auto;
}
.sm-ir-section hr {
max-width:1040px;
margin:40px auto;
}
@media only screen and (min-width:569px) {
.sm-ir-section hr {
margin:45px auto;
}
}
.sm-ir-section ul {
margin-left:0;
list-style-type:none;
}
.sm-ir-section ul li {
margin-top:15px; margin-bottom:15px;
}
.sm-irso-option-1 {
}
.sm-irso-option-1 h2 {
color:#df1683;
}
.sm-irso-option-2 {
}
.sm-irso-option-2 h2 {
color:#eea803;
}
.sm-irso-option-3 {
}
.sm-irso-option-3 h2 {
color:#2d7817;
}
.sm-irso-option-4 {
}
.sm-irso-option-4 h2 {
color:#1f145d;
}
.sm-ir-intro {
max-width:1040px;
margin:0 auto;
font-family:nexa-bold, sans-serif;
}
.sm-ir-col-50 {
}
@media only screen and (min-width:900px) {
.sm-ir-col-50 {
display:inline-block;
width:50%;
vertical-align:top;
}
}
.sm-ir-global-col-inner {
}
@media only screen and (min-width:900px) {
.sm-ir-global-col-inner {
padding:0 50px;
}
}
.sm-recipe-grid-outer {
margin:40px 20px;
}
@media only screen and (min-width:569px) {
.sm-recipe-grid-outer {
margin:50px 20px;
}
}
@media only screen and (min-width:900px) {
.sm-recipe-grid-outer {
margin:70px 20px;
}
}
@media only screen and (min-width:1200px) {
.sm-recipe-grid-outer {
margin:100px 20px;
}
}
.sm-recipe-grid {
padding:80px 0 0;
background:url(images/fancy-divider-1.png) no-repeat scroll 50% 0;
background-size:1140px auto;
}
@media only screen and (min-width:569px) {
.sm-recipe-grid {
padding:85px 0 0;
}
}
@media only screen and (min-width:900px) {
.sm-recipe-grid {
max-width:1140px;
margin:0 auto; padding:90px 0 0;
}
}
.sm-recipe-grid h2 {
margin:0 0 25px;
line-height:1.375;
font-family:nexa-bold, sans-serif;
font-size:28px;
color:#686868; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-recipe-grid h2 {
margin:0 0 30px;
line-height:1.3;
font-size:37px;
}
}
@media only screen and (min-width:900px) {
.sm-recipe-grid h2 {
margin:0 0 35px;
line-height:1.275;
font-size:42px;
}
}
@media only screen and (min-width:1200px) {
.sm-recipe-grid h2 {
line-height:1.25;
font-size:55px;
}
}
.sm-recipe-grid h2 span {
font-family:nexa-heavy, sans-serif;
color:#d53033;
}
.sm-rg-col-1 {
}
@media only screen and (min-width:900px) {
.sm-rg-col-1 {
display:inline-block;
width:66.67%;
vertical-align:top;
}
}
.sm-rg-col-1-inner {
}
@media only screen and (min-width:900px) {
.sm-rg-col-1-inner {
}
}
.sm-rg-col-2 {
}
@media only screen and (min-width:900px) {
.sm-rg-col-2 {
display:inline-block;
width:33.33%;
vertical-align:top;
}
}
.sm-rg-col-2-inner {
padding:20px 0 0;
}
@media only screen and (min-width:900px) {
.sm-rg-col-2-inner {
padding:0 0 0 20px;
}
}
a.sm-rg-box-big {
display:block;
position:relative;
transition:all 0.75s;
}
.sm-rg-bb-hover {
position:absolute; bottom:12%; left:0;
max-width:75%;
padding:10px;
line-height:1.35;
background:#d53033;
font-family:nexa-bold, sans-serif;
font-size:15px;
color:#fff; text-decoration:none;
transition:all 0.75s;
}
@media only screen and (min-width:450px) {
.sm-rg-bb-hover {
padding:12px;
line-height:1.325;
font-size:17px;
}
}
@media only screen and (min-width:569px) {
.sm-rg-bb-hover {
opacity:0;
padding:14px;
line-height:1.2;
font-size:26px;
}
}
@media only screen and (min-width:768px) {
.sm-rg-bb-hover {
line-height:1.15;
font-size:31px;
}
}
@media only screen and (min-width:900px) {
.sm-rg-bb-hover {
line-height:1.2;
font-size:26px;
}
}
@media only screen and (min-width:1000px) {
.sm-rg-bb-hover {
line-height:1.15;
font-size:31px;
}
}
a.sm-rg-box-big:hover .sm-rg-bb-hover {
opacity:1;
}
a.sm-rg-box-small {
display:block;
transition:all 0.75s;
}
@media only screen and (min-width:569px) {
a.sm-rg-box-small {
display:inline-block;
width:50%;
}
}
@media only screen and (min-width:900px) {
a.sm-rg-box-small {
display:block;
width:auto;
}
}
.sm-rg-box-small-inner {
position:relative;
}
a.sm-rg-box-small:nth-of-type(1) .sm-rg-box-small-inner {
margin:0 0 20px;
}
@media only screen and (min-width:569px) {
a.sm-rg-box-small:nth-of-type(1) .sm-rg-box-small-inner {
margin:0 10px 0 0;
}
}
@media only screen and (min-width:900px) {
a.sm-rg-box-small:nth-of-type(1) .sm-rg-box-small-inner {
margin:0 0 17px;
}
}
a.sm-rg-box-small:nth-of-type(2) .sm-rg-box-small-inner {
}
@media only screen and (min-width:569px) {
a.sm-rg-box-small:nth-of-type(2) .sm-rg-box-small-inner {
margin:0 0 0 10px;
}
}
@media only screen and (min-width:900px) {
a.sm-rg-box-small:nth-of-type(2) .sm-rg-box-small-inner {
margin:0;
}
}
.sm-rg-bs-hover {
position:absolute; bottom:12%; left:0;
max-width:75%;
padding:10px;
line-height:1.35;
background:#d53033;
font-family:nexa-bold, sans-serif;
font-size:15px;
color:#fff; text-decoration:none;
transition:all 0.75s;
}
@media only screen and (min-width:450px) {
.sm-rg-bs-hover {
padding:12px;
line-height:1.325;
font-size:17px;
}
}
@media only screen and (min-width:569px) {
.sm-rg-bs-hover {
opacity:0;
}
}
@media only screen and (min-width:768px) {
.sm-rg-bs-hover {
line-height:1.225;
font-size:20px;
}
}
@media only screen and (min-width:900px) {
.sm-rg-bs-hover {
line-height:1.25;
font-size:18px;
}
}
@media only screen and (min-width:1000px) {
.sm-rg-bs-hover {
line-height:1.225;
font-size:20px;
}
}
a.sm-rg-box-small:hover .sm-rg-bs-hover {
opacity:1;
}
.sm-hero-2-wrapper {
margin:0 0 40px;
}
@media only screen and (min-width:569px) {
.sm-hero-2-wrapper {
margin:0 0 50px;
}
}
@media only screen and (min-width:900px) {
.sm-hero-2-wrapper {
margin:0 0 70px;
}
}
.sm-h-2-top {
padding:90px 20px;
background:#555 url(images/bg-placeholder.png) no-repeat scroll 50% 50%;
background-size:cover;
}
@media only screen and (min-width:569px) {
.sm-h-2-top {
padding:150px 35px;
}
}
@media only screen and (min-width:768px) {
.sm-h-2-top {
padding:200px 35px;
}
}
@media only screen and (min-width:900px) {
.sm-h-2-top {
padding:245px 50px;
}
}
.sm-h-2-bottom {
margin:0;
}
@media only screen and (min-width:768px) {
.sm-h-2-bottom {
margin:-70px 35px 0;
}
}
@media only screen and (min-width:900px) {
.sm-h-2-bottom {
margin:-90px 50px 0;
}
}
.sm-h-2-heading {
max-width:1140px;
margin:0 auto;
text-align:center;
}
.sm-h-2-heading h1 {
margin:0;
line-height:1.375;
font-family:nexa-heavy, sans-serif;
font-size:28px;
color:#fff;
text-shadow:0 0 40px rgba(0,0,0,0.25);
}
@media only screen and (min-width:569px) {
.sm-h-2-heading h1 {
line-height:1.3;
font-size:37px;
}
}
@media only screen and (min-width:900px) {
.sm-h-2-heading h1 {
line-height:1.275;
font-size:42px;
}
}
@media only screen and (min-width:1050px) {
.sm-h-2-heading h1 {
line-height:1.25;
font-size:54px;
}
}
@media only screen and (min-width:1200px) {
.sm-h-2-heading h1 {
line-height:1.225;
font-size:64px;
}
}
@media only screen and (min-width:1500px) {
.sm-h-2-heading h1 {
line-height:1.15;
font-size:82px;
}
}
.sm-h-2-caption {
padding:40px 20px;
line-height:1.55;
background:#1f145d;
font-family:nexa-regular, sans-serif;
font-size:20px;
color:#fff; text-align:center;
}
@media only screen and (min-width:569px) {
.sm-h-2-caption {
padding:40px 50px;
line-height:1.45;
font-size:24px;
}
}
@media only screen and (min-width:900px) {
.sm-h-2-caption {
max-width:1040px;
margin:0 auto;
line-height:1.375;
font-size:28px;
}
}
@media only screen and (min-width:1200px) {
.sm-h-2-caption {
max-width:1020px;
padding:40px 60px;
line-height:1.35;
font-size:34px;
}
}
@media only screen and (min-width:1500px) {
.sm-h-2-caption {
line-height:1.325;
font-size:39px;
}
}
body.page-id-16 .sm-h-2-caption {
}
@media only screen and (min-width:900px) {
body.page-id-16 .sm-h-2-caption {
max-width:900px;
}
}
.sm-h-2-caption p {
margin:20px 0 0;
}
@media only screen and (min-width:900px) {
.sm-h-2-caption p {
margin:25px 0 0;
}
}
@media only screen and (min-width:1200px) {
.sm-h-2-caption p {
margin:25px 0 0;
}
}
.sm-h-2-caption p:first-child {
margin-top:0;
}
.footer-wrapper-outer {
background:#e7e7e7;
}
#footer-wrapper {
position:relative;
max-width:1140px;
padding:50px 20px 30px; margin:0 auto;
text-align:center;
}
@media only screen and (min-width:1300px) {
#footer-wrapper {
padding:45px 20px 35px;
}
}
.sm-footer-1 {
}
@media only screen and (min-width:500px) {
.sm-footer-1 {
display:inline-block;
width:50%;
vertical-align:middle;
}
}
@media only screen and (min-width:1300px) {
.sm-footer-1 {
display:inline-block;
width:26%;
vertical-align:top;
}
}
.sm-footer-1-inner {
padding:0 0 40px;
line-height:0;
}
@media only screen and (min-width:500px) {
.sm-footer-1-inner {
padding:0 30px;
border-right:2px solid #b2b2b2;
}
}
@media only screen and (min-width:768px) {
.sm-footer-1-inner {
padding:0 90px 0 0;
text-align:right;
}
}
@media only screen and (min-width:1300px) {
.sm-footer-1-inner {
padding:5px 65px 0 0;
border:0;
text-align:center;
}
}
.sm-footer-2 {
}
@media only screen and (min-width:500px) {
.sm-footer-2 {
display:inline-block;
width:50%;
vertical-align:middle;
}
}
@media only screen and (min-width:1300px) {
.sm-footer-2 {
position:absolute; top:86px; right:0;
max-width:229px; width:100%;
}
}
.sm-footer-2-inner {
padding:0 0 25px;
}
@media only screen and (min-width:500px) {
.sm-footer-2-inner {
padding:0 30px;
}
}
@media only screen and (min-width:768px) {
.sm-footer-2-inner {
padding:0 0 0 75px;
text-align:left;
}
}
@media only screen and (min-width:1300px) {
.sm-footer-2-inner {
margin:0 20px 0 0; padding:0;
border-top:2px solid #b2b2b2;
}
}
.sm-footer-2-inner h6 {
margin:0;
line-height:1;
font-family:nexa-heavy, sans-serif;
font-size:20px;
color:#b2b2b2; text-transform:uppercase;
}
@media only screen and (min-width:768px) {
.sm-footer-2-inner h6 {
margin:0 0 0 16px;
}
}
@media only screen and (min-width:1300px) {
.sm-footer-2-inner h6 {
margin:20px 0 0;
}
}
.sm-footer-3 {
max-width:1050px;
margin:0 auto;
}
@media only screen and (min-width:1300px) {
.sm-footer-3 {
display:inline-block;
max-width:none; width:74%;
margin:0;
vertical-align:top;
}
}
.sm-footer-3-inner {
text-align:center;
}
@media only screen and (min-width:500px) {
.sm-footer-3-inner {
margin:35px 0 0; padding:30px 0 0;
border-top:2px solid #b2b2b2;
}
}
@media only screen and (min-width:1300px) {
.sm-footer-3-inner {
margin:0; padding:0;
border:0;
text-align:left;
}
}
.sm-footer-logo {
display:inline-block;
max-width:175px;
}
@media only screen and (min-width:1000px) {
.sm-footer-logo {
max-width:175px;
}
}
@media only screen and (min-width:1300px) {
.sm-footer-logo {
display:block;
max-width:226px;
margin:0 auto;
}
}
#footer-wrapper-2 {
padding:30px 20px 30px;
line-height:1.35;
background:#b2b2b2;
font-family:nexa-regular, sans-serif;
font-size:15px;
color:rgba(255,255,255,0.875); text-align:center;
}
@media only screen and (min-width:569px) {
#footer-wrapper-2 {
padding:20px;
line-height:1.325;
font-size:16px;
}
}
@media only screen and (min-width:768px) {
#footer-wrapper-2 {
padding:13px 20px;
}
}
.sm-f2-copyright {
}
@media only screen and (min-width:569px) {
.sm-f2-copyright {
margin:0 0 8px;
}
}
@media only screen and (min-width:768px) {
.sm-f2-copyright {
display:inline-block;
margin:0;
vertical-align:middle;
}
}
#sm-f2-nav {
display:inline-block;
vertical-align:middle;
}
#sm-f2-nav ul {
list-style-type:none;
}
#sm-f2-nav li {
padding:0; margin:12px 0 0;
}
@media only screen and (min-width:569px) {
#sm-f2-nav li {
display:inline-block;
padding:0 0 0 15px; margin:0 0 0 10px;
background:url(images/bg-link-divider-1.png) no-repeat scroll 0 50%;
vertical-align:middle;
}
}
/* max-width media query */ @media only screen and (max-width:767px) {
#sm-f2-nav li:first-child {
background:none;
}
}
#sm-f2-nav li a {
color:rgba(255,255,255,0.875); text-decoration:none;
}
#sm-f2-nav li a:hover {
color:#fff; text-decoration:none;
}
#news-filter-wrapper {
padding:15px 0;
}
@media only screen and (min-width:768px) {
#news-filter-wrapper {
display:none;
}
}
#news-filter-wrapper select {
}
@media only screen and (min-width:569px) {
#news-filter-wrapper select {
}
}
@media only screen and (min-width:900px) {
#news-filter-wrapper select {
}
}
.news-sub-nav-outer {
padding:0;
}
#news-sub-nav {
display:none;
}
@media only screen and (min-width:768px) {
#news-sub-nav {
display:block;
}
}
#news-sub-nav ul {
padding:0; margin:0;
}
#news-sub-nav li {
padding:0;
background:none;
}
#news-sub-nav li a {
color:#30a08a; text-decoration:none;
}
#news-sub-nav li a:hover {
color:#e21836; text-decoration:none;
}
#news-listings-wrapper {
padding:0 0 30px;
}
@media only screen and (min-width:569px) {
#news-listings-wrapper {
padding:0 0 40px;
}
}
@media only screen and (min-width:900px) {
#news-listings-wrapper {
}
}
#news-listings-wrapper h2 {
margin:0 0 7px;
}
@media only screen and (min-width:569px) {
#news-listings-wrapper h2 {
}
}
@media only screen and (min-width:900px) {
#news-listings-wrapper h2 {
}
}
#news-listings-wrapper p {
}
@media only screen and (min-width:569px) {
#news-listings-wrapper p {
}
}
.news-listing {
padding:15px 0; margin:0;
border-top:0px solid #ccc;
}
.news-listing:nth-of-type(1) {
border-top:0;
}
.news-listing-pic {
padding:0 0 25px;
}
@media only screen and (min-width:575px) {
.news-listing-pic {
float:left;
max-width:150px;
padding:10px 25px 15px 0;
}
}
.news-listing-info {
padding:0;
font-size:17px;
}
.news-listing-info span {
margin:0 4px;
}
.news-listing-info-2 {
padding:0;
}
.news-listing-info-2 span {
margin:0 8px;
}
#news-pagination-wrapper {
padding:0;
}
.anchor-nav {
padding:25px 0 10px;
text-align:center;
}
.anchor-nav ul {
margin:0; padding:0;
list-style-type:none;
}
.anchor-nav li {
padding:0 0 8px; margin:0;
}
@media only screen and (min-width:750px) {
.anchor-nav li {
display:inline-block;
padding:0 0 0 30px;
background:url(images/text-divider.jpg) no-repeat scroll 12px 50%;
}
}
.anchor-nav li:first-child {
padding-left:0;
background:none;
}
.anchor-nav a {
color:#f50; text-decoration:none;
}
.anchor-nav a:hover {
color:#555; text-decoration:none;
}
.breadcrumbs-nav {
display:none;
}
@media only screen and (min-width:569px) {
.breadcrumbs-nav {
display:block;
padding:0 20px 25px;
line-height:1.4;
font-size:14px;
}
}
.breadcrumbs-nav ul {
margin:0; padding:0;
}
.breadcrumbs-nav li {
display:inline-block;
margin:0; padding:0 10px 0 20px;
background:url(images/bg-breadcrumb-separator.png) no-repeat scroll 0 50%;
}
.breadcrumbs-nav li:first-child {
padding-left:0;
background:none;
}
.breadcrumbs-nav a {
color:#777; text-decoration:none;
}
.breadcrumbs-nav a:hover {
}
.breadcrumbs-nav a.breadcrumb-link-last,
.breadcrumbs-nav a.breadcrumb-link-last:hover {
color:#777; text-decoration:none;
cursor:text;
}
#interactive-map-wrapper-afct {
position:relative;
}
.i-map-big,
.i-map-small {
/* do not style - for JavaScript use only */
}
.i-map-pic {
padding:0 0 35px;
}
@media only screen and (min-width:1000px) {
.i-map-pic {
padding:0;
}
}
.i-map-location {
margin:0 0 5px;
}
@media only screen and (min-width:1000px) {
.i-map-location {
position:absolute;
max-width:530px; width:100%;
margin:0;
}
}
#im-location-1 {
top:2%; left:8%; z-index:2;
}
#im-location-2 {
top:7%; left:9.5%; z-index:1;
}
#im-location-3 {
top:43.5%; left:0.75%; z-index:3;
}
#im-location-4 {
top:43%; left:4%; z-index:4;
}
.im-marker {
display:none;
}
@media only screen and (min-width:1000px) {
.im-marker {
display:inline-block;
}
}
.im-location-info {
}
@media only screen and (min-width:1000px) {
.im-location-info {
box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}
}
.im-location-info-inner {
font-family:semplicitapro, sans-serif;
}
@media only screen and (min-width:1000px) {
.im-location-info-inner {
padding:20px;
background:#fff;
}
}
h2.im-li-title {
margin:5px 0 0; padding:10px 49px 9px 15px;
border:1px solid rgba(255,255,255,0.7);
line-height:1.275;
background:url(images/bg-i-map-indicator-1.png) no-repeat scroll 100% 50%;
background-size:34px auto;
font-size:20px;
color:#fff;
cursor:pointer;
}
@media only screen and (min-width:569px) {
h2.im-li-title {
padding:8px 57px 9px 15px;
line-height:1.2;
background:url(images/bg-i-map-indicator-1.png) no-repeat scroll 100% 50%;
background-size:42px auto;
font-size:25px;
}
}
@media only screen and (min-width:1000px) {
h2.im-li-title {
margin:0; padding:0;
border:0;
line-height:1.3;
background:none;
font-family:inherit;
font-size:24px; font-weight:700;
color:#0054a6; text-align:center;
cursor:default;
}
}
h2.im-li-title-active {
background-image:url(images/bg-i-map-indicator-1b.png);
}
@media only screen and (min-width:1000px) {
h2.im-li-title-active {
background:none;
}
}
h3.im-li-subtitle {
margin:5px 0 15px;
line-height:1.3;
font-size:20px;
color:#0054a6;
}
@media only screen and (min-width:569px) {
h3.im-li-subtitle {
line-height:1.3;
font-size:24px;
}
}
@media only screen and (min-width:1000px) {
h3.im-li-subtitle {
margin:0 0 15px;
line-height:1.3;
font-family:inherit;
font-size:24px; font-weight:400;
text-align:center;
}
}
.im-li-content {
padding:15px;
line-height:1.575;
background:#fff;
font-size:17px; font-weight:400;
color:#0054a6;
}
@media only screen and (min-width:569px) {
.im-li-content {
padding:20px;
font-size:18px;
}
}
@media only screen and (min-width:1000px) {
.im-li-content {
padding:0;
line-height:1.4;
font-size:18px;
}
}
.im-li-content h4 {
margin:0;
line-height:1.575;
font-family:semplicitapro, sans-serif;
font-size:17px; font-weight:700;
color:#c85547;
}
@media only screen and (min-width:569px) {
.im-li-content h4 {
font-family:semplicitapro, sans-serif;
font-size:18px;
}
}
@media only screen and (min-width:1000px) {
.im-li-content h4 {
line-height:1.4;
}
}
.im-li-content p {
margin:20px 0;
}
.im-li-content p:last-child {
margin-bottom:0;
}
.im-li-content h4 + p {
margin-top:0;
}
.im-li-boxes {
}
.im-li-box-50 {
}
@media only screen and (min-width:1000px) {
.im-li-box-50 {
display:inline-block;
width:50%;
vertical-align:top;
}
}
.im-li-box-50-inner {
padding:17px 0 0;
}
@media only screen and (min-width:1000px) {
.im-li-box-50-inner {
padding:0 15px;
}
}
.im-li-box-50:first-child .im-li-box-50-inner {
padding-top:0;
}
.im-li-box-50:nth-of-type(odd) .im-li-box-50-inner {
}
@media only screen and (min-width:1000px) {
.im-li-box-50:nth-of-type(odd) .im-li-box-50-inner {
padding-left:0;
}
}
.im-li-box-50:nth-of-type(even) .im-li-box-50-inner {
}
@media only screen and (min-width:1000px) {
.im-li-box-50:nth-of-type(even) .im-li-box-50-inner {
padding-right:0;
}
}
.footer-nav-outer {
}
#footer-nav {
margin:0; padding:0;
}
@media only screen and (min-width:1200px) {
#footer-nav {
margin:0;
}
}
#footer-nav ul {
padding:0; margin:0;
list-style-type:none;
}
#footer-nav li {
padding:0; margin:12px 0;
}
@media only screen and (min-width:625px) {
#footer-nav li {
display:inline-block;
margin:0 15px;
vertical-align:top;
}
}
@media only screen and (min-width:768px) {
#footer-nav li {
margin:0 20px;
}
}
@media only screen and (min-width:1000px) {
#footer-nav li {
margin:0 4%;
}
}
@media only screen and (min-width:1300px) {
#footer-nav li {
width:24.75%;
margin:0;
}
}
#footer-nav li li {
display:block;
width:auto;
padding:0; margin:12px 0;
}
@media only screen and (min-width:625px) {
#footer-nav li li {
margin:10px 0;
}
}
@media only screen and (min-width:1300px) {
#footer-nav li li {
margin:10px 20px 10px 0;
}
}
#footer-nav li a {
display:block;
padding:0; margin:0 0 12px;
line-height:1.375;
font-family:nexa-heavy, sans-serif;
font-size:16px;
color:#6d6e71; text-decoration:none; text-transform:uppercase;
}
@media only screen and (min-width:500px) {
#footer-nav li a {
line-height:1.35;
font-size:18px;
}
}
@media only screen and (min-width:625px) {
#footer-nav li a {
margin:0 0 10px;
line-height:1.375;
font-size:16px;
}
}
@media only screen and (min-width:768px) {
#footer-nav li a {
line-height:1.35;
font-size:18px;
}
}
@media only screen and (min-width:1000px) {
#footer-nav li a {
line-height:1.275;
font-size:20px;
}
}
@media only screen and (min-width:1300px) {
#footer-nav li a {
overflow:auto;
margin:0 20px 10px 0;
}
}
#footer-nav li a:hover {
background:none;
color:#1f145d; text-decoration:none;
}
@media only screen and (min-width:768px) {
#footer-nav li a:hover {
background:none;
}
}
#footer-nav li li a {
padding:0; margin:0;
line-height:1.35;
font-family:nexa-regular, sans-serif;
font-size:15px;
text-transform:none;
}
@media only screen and (min-width:500px) {
#footer-nav li li a {
line-height:1.325;
font-size:16px;
}
}
@media only screen and (min-width:625px) {
#footer-nav li li a {
line-height:1.35;
font-size:15px;
}
}
@media only screen and (min-width:768px) {
#footer-nav li li a {
line-height:1.325;
font-size:16px;
}
}
#footer-nav li li a:hover {
color:#9c6114;
}
@media only screen and (min-width:768px) {
#footer-nav li li a:hover {
}
}
.mns-logo {
max-width:200px;
padding:125px 25px 25px; margin:0 auto;
}
@media only screen and (min-width:768px) {
.mns-logo {
max-width:225px;
padding:125px 40px 30px;
}
}
@media only screen and (min-width:1000px) {
.mns-logo {
max-width:275px;
padding:150px 40px 40px;
}
}
.mns-logo img {
opacity:0.25;
line-height:0;
filter:grayscale(100%);
transition:all 0.5s;
}
.mns-logo img:hover {
opacity:1;
filter:grayscale(0);
}
.mns-icons-section {
padding:0 20px;
text-align:center;
}
@media only screen and (min-width:575px) {
.mns-icons-section {
border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;
}
}
@media only screen and (min-width:1200px) {
.mns-icons-section {
border-width:2px;
}
}
.mns-is-title {
padding:0 0 10px;
}
@media only screen and (min-width:575px) {
.mns-is-title {
display:inline-block;
padding:0 20px 0 8px;
vertical-align:middle;
}
}
@media only screen and (min-width:768px) {
.mns-is-title {
padding:0 20px 0 15px;
}
}
.mns-is-title h6 {
margin:0; padding:0;
line-height:1;
font-family:nexa-heavy, sans-serif;
font-size:21px;
color:#b2b2b2; text-transform:uppercase;
}
@media only screen and (min-width:575px) {
.mns-is-title h6 {
font-size:24px;
}
}
@media only screen and (min-width:768px) {
.mns-is-title h6 {
font-size:27px;
}
}
@media only screen and (min-width:1200px) {
.mns-is-title h6 {
font-size:27px;
}
}
.mns-icon {
display:inline-block;
max-width:50px; width:100%; min-height:50px;
margin:7px;
border:1px solid #b2b2b2;
background:url(images/bg-icon-set-3-b.png) no-repeat scroll 0 50%;
background-size:auto 100px;
vertical-align:middle;
text-decoration:none;
}
@media only screen and (min-width:575px) {
.mns-icon {
margin:0;
border:0; border-left:1px solid #b2b2b2;
}
}
@media only screen and (min-width:768px) {
.mns-icon {
max-width:75px; min-height:75px;
background:url(images/bg-icon-set-3.png) no-repeat scroll 0 50%;
background-size:auto 150px;
}
}
@media only screen and (min-width:1200px) {
.mns-icon {
border-width:2px;
}
}
.mns-icon-1 {
background-position:0 0;
}
@media only screen and (min-width:768px) {
.mns-icon-1 {
background-position:0 0;
}
}
.mns-icon-1:hover {
background-position:0 -50px;
}
@media only screen and (min-width:768px) {
.mns-icon-1:hover {
background-position:0 -75px;
}
}
.mns-icon-2 {
background-position:-50px 0;
}
@media only screen and (min-width:768px) {
.mns-icon-2 {
background-position:-75px 0;
}
}
.mns-icon-2:hover {
background-position:-50px -50px;
}
@media only screen and (min-width:768px) {
.mns-icon-2:hover {
background-position:-75px -75px;
}
}
.mns-icon-3 {
background-position:-100px 0;
}
@media only screen and (min-width:768px) {
.mns-icon-3 {
background-position:-150px 0;
}
}
.mns-icon-3:hover {
background-position:-100px -50px;
}
@media only screen and (min-width:768px) {
.mns-icon-3:hover {
background-position:-150px -75px;
}
}
/* begin main nav slide out styles */
#mns-toggle-link {
display:block;
position:fixed; top:20px; right:20px; z-index:997;
max-width:32px; width:100%; min-height:32px;
border:0;
background:url(images/bg-mns-toggle-link.png) no-repeat scroll 50% 50%;
background-size:100% auto;
cursor:pointer;
}
@media only screen and (min-width:400px) {
#mns-toggle-link {
max-width:40px; min-height:40px;
}
}
@media only screen and (min-width:575px) {
#mns-toggle-link {
top:50px; right:50px;
}
}
@media only screen and (min-width:900px) {
#mns-toggle-link {
top:50px;
max-width:66px; min-height:66px;
}
}
#mns-toggle-link.mns-toggle-link-active {
display:none;
}
#mns-toggle-link-2 {
display:block;
position:absolute; top:30px; left:20px; z-index:1002;
max-width:32px; width:100%; min-height:32px;
border:0;
background:url(images/bg-mns-toggle-link-2.png) no-repeat scroll 50% 0;
background-size:100% auto;
cursor:pointer;
}
@media only screen and (min-width:400px) {
#mns-toggle-link-2 {
top:35px; left:30px;
max-width:40px; min-height:40px;
}
}
@media only screen and (min-width:575px) {
#mns-toggle-link-2 {
top:40px; left:40px;
}
}
@media only screen and (min-width:900px) {
#mns-toggle-link-2 {
max-width:66px; min-height:66px;
}
}
#mns-toggle-link-2.mns-toggle-link-active-2 {
display:none;
}
.mns-bg-wrapper {
min-height:100%;
background:#fff;
}
@media only screen and (min-width:575px) {
.mns-bg-wrapper {
min-height:0;
}
}
@media only screen and (min-width:1200px) {
.mns-bg-wrapper {
background:rgba(255,255,255,0.94);
}
}
.main-nav-s-outer {
overflow-x:hidden;
display:block;
position:fixed; z-index:1001; top:0; right:0;
max-width:0; width:100%; height:100%;
padding:0;
transition:all 0.5s;
box-shadow:0 0 2px 0 rgba(0,0,0,0.25);
}
@media only screen and (min-width:1200px) {
.main-nav-s-outer {
}
}
#main-nav-s {
padding:75px 20px 0;
text-align:left;
}
@media only screen and (min-width:400px) {
#main-nav-s {
padding:90px 30px 0;
}
}
@media only screen and (min-width:575px) {
#main-nav-s {
padding:100px 40px 0;
}
}
@media only screen and (min-width:900px) {
#main-nav-s {
padding:150px 40px 0;
}
}
#main-nav-s ul {
margin:0; padding:0;
list-style-type:none;
}
#main-nav-s ul ul {
display:none;
margin:0; padding:0;
}
#main-nav-s li {
position:relative;
margin:0; padding:11px 0 9px;
border-top:1px solid #b2b2b2;
}
@media only screen and (min-width:768px) {
#main-nav-s li {
padding:11px 0 9px;
border-width:2px;
}
}
@media only screen and (min-width:1200px) {
#main-nav-s li {
padding:11px 0 9px;
}
}
#main-nav-s li:first-child {
border-top:0;
}
#main-nav-s li.current-menu-item {
}
@media only screen and (min-width:1000px) {
#main-nav-s li.current-menu-item {
}
}
#main-nav-s li li {
padding:0; margin:0;
border:0;
}
#main-nav-s li a {
display:block;
padding:5px 0; margin:0;
line-height:1.35;
font-family:nexa-heavy, sans-serif;
font-size:21px;
color:#b2b2b2; text-decoration:none; text-transform:uppercase;
}
@media only screen and (min-width:575px) {
#main-nav-s li a {
padding:5px 0;
line-height:1.325;
font-size:24px;
}
}
@media only screen and (min-width:768px) {
#main-nav-s li a {
padding:5px 0;
line-height:1.3;
font-size:27px;
}
}
@media only screen and (min-width:1200px) {
#main-nav-s li a {
padding:5px 0;
line-height:1.25;
font-size:32px;
}
}
#main-nav-s li a:hover {
color:#6d6e71; text-decoration:none;
}
@media only screen and (min-width:768px) {
#main-nav-s li a:hover {
color:#6d6e71;
}
}
#main-nav-s li li a {
padding:0; margin:6px 0 12px 18px;
line-height:1.4;
text-transform:none;
font-family:nexa-regular, sans-serif;
font-size:17px; font-weight:normal;
color:#6d6e71;
}
@media only screen and (min-width:575px) {
#main-nav-s li li a {
margin:5px 0 12px 18px;
line-height:1.375;
font-size:18px;
}
}
@media only screen and (min-width:768px) {
#main-nav-s li li a {
margin:6px 0 12px 30px;
line-height:1.35;
font-size:21px;
}
}
@media only screen and (min-width:1200px) {
#main-nav-s li li a {
margin:8px 0 14px 35px;
line-height:1.325;
font-size:25px;
}
}
#main-nav-s li li a:hover {
color:#9c6114; text-decoration:none;
}
#main-nav-s .menu-item-has-children {
}
#main-nav-s .menu-item-has-children-active {
background:none;
}
#main-nav-s .menu-item-has-children-active > a {
}
.mns-indicator {
display:inline-block;
max-width:21px; width:100%; min-height:12px;
margin:7px 0 0 10px;
background:url(images/bg-mns-indicator.png) no-repeat scroll 0 0;
background-size:21px auto;
vertical-align:top;
}
@media only screen and (min-width:575px) {
.mns-indicator {
max-width:23px; min-height:13px;
margin:8px 0 0 11px;
background-size:23px auto;
}
}
@media only screen and (min-width:768px) {
.mns-indicator {
max-width:26px; min-height:15px;
margin:9px 0 0 12px;
background-size:26px auto;
}
}
@media only screen and (min-width:1200px) {
.mns-indicator {
max-width:26px; min-height:15px;
margin:11px 0 0 12px;
}
}
.mns-indicator.mns-i-active {
background-image:url(images/bg-mns-indicator-2.png);
}
/* end main nav slide out styles */