:root {
--primary-light-color: #ffcb05;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:     100%; }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing:    border-box; box-sizing:         border-box;
}
body {
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: start;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a {
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
text-decoration: underline;
}
a img {
border: 0;
} @font-face{
font-family: 'Roboto';
src: url(//staging.veganoutreach.org/wp-content/themes/veganoutreach/fonts/Roboto-Regular-webfont.woff) format('woff');
}
@font-face{
font-family: 'Roboto';
src: url(//staging.veganoutreach.org/wp-content/themes/veganoutreach/fonts/Roboto-Medium-webfont.woff) format('woff');
font-weight: 600;
}
@font-face{
font-family: 'Roboto';
src: url(//staging.veganoutreach.org/wp-content/themes/veganoutreach/fonts/Roboto-Bold-webfont.woff) format('woff');
font-weight: bold;
}
@font-face{
font-family: 'Roboto';
src: url(//staging.veganoutreach.org/wp-content/themes/veganoutreach/fonts/Roboto-Bold-webfont.woff) format('woff');
font-weight: 700;
}
@font-face{
font-family: 'Roboto';
src: url(//staging.veganoutreach.org/wp-content/themes/veganoutreach/fonts/Roboto-Black-webfont.woff) format('woff');
font-weight: 900;
}
body,
button,
form.mc10wForm .button,
input,
select,
textarea {
color: #404040;  font-family: 'Roboto', sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', 'Gothic A1';
clear: both;
margin-bottom: .4em;
line-height: 1.1em;
}
h1 { font-size: 2.6em; font-weight: 600; }
h2 { font-size: 2.0em; font-weight: 600; }
h3 { font-size: 1.8em; font-weight: 600; }
h4 { font-size: 1.4em; font-weight: bold; }
h5 { font-size: 1.2em; font-weight: bold; }
h6 { font-size: 1.0em; font-weight: bold; }
h3 + h4 { margin-top: -.4em; } p {
margin-bottom: 1.2em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
} html {
height: 100%;
font-family: 'Roboto', sans-serif;
}
body {
height: 100%;
background-color: #444;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
figcaption {
font-size: 85%;
} form.mc10wForm {
padding: 10px 0 10px 3%;
}
button,
form.mc10wForm .button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
form.mc10wForm .button {
height: auto;
}
form.mc10wForm button {
width: 100%;
}
button,
form.mc10wForm .button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-radius: 8px;
padding: 12px 24px;
font-size: 2.4rem;
background-color: var(--primary-light-color, #ffcb05);
color: #464646;
border: 0;
box-shadow: none;
text-shadow: none;
cursor: pointer; -webkit-appearance: button; }
button:hover,
form.mc10wForm .button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}
button:focus,
form.mc10wForm .button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
form.mc10wForm .button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; min-width: 1.5rem;
}
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing:    content-box;
box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"] { }
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 100%;
}  a {
color: #0066ff;
color: black;
color: #197ac4;
}
a:visited {
color: #0048ff;
color: black;
color: #4472be;
}
a:hover,
a:focus,
a:active {
color: midnightblue;
color: black;
text-decoration: underline;
} #masthead {
width: 100%;
}
#site-navigation {
width: 100%;
}
#top-rod {
display: flex;
width: 100%;
height: 58px;
background-color: black;
justify-content: space-between;
}
#logo-link {
height:58px;
}
#top-rod img#logo {
margin: 7px 0 0 18px;
height: 46px;
width: auto;
}
.float-wrap {
float: right;
}
.table-wrap {
display: table;
}
.home-menu-toggle,
.menu-toggle {
display: none;
}
.donate-menu-item {
display: flex;
align-items: center;
height: auto;
padding: 0 30px;
font-size: 1.2em;
background-color: var(--primary-light-color, #ffcb05); font-family: 'Roboto';
text-decoration: none;
color: black;
}
.donate-menu-item a:active,
.donate-menu-item a:visited,
.donate-menu-item a:hover ,
.donate-menu-item a {
color: black;
}
.menu-top-nav-container.line {
display: none;
float: right;
}
.menu-top-nav-container.bubble {
display:none;
z-index: 200;
}
.menu-top-nav {
display: table;
list-style: none;
margin: 0;
padding: 20px 30px;
}
.menu-top-nav li {
display: table-cell;
vertical-align: middle;
height: 58px;
padding: 0 20px 0 0;
margin: 0;
font-size: 1.2em;
}
.menu-top-nav li:nth-last-child(1) { padding-right: 30px; }
.menu-top-nav a {
font-family: 'Roboto';
display: block;
text-decoration: none;
color: var(--primary-light-color, #ffcb05);
} #site-navigation.toggled .menu-top-nav-container.bubble {
display: block;
background-color: #000;
border-radius:8px 0 8px 8px;
clear:both;
position: absolute;
right: 0;
width:300px;
}
.menu-top-nav-container.bubble .menu-top-nav {
width: 100%;
}
.menu-top-nav-container.bubble .menu-top-nav li {
display: block;
text-align: left;
padding: 8px 0;
height: 100%;
width: 100%;
}
.menu-top-nav-container.bubble .menu-top-nav li {
display: block;
} .home-menu-toggle,
.menu-toggle {
display: table-cell;
vertical-align: middle;
border:0;
background: none;
box-shadow: none;
color: white;
cursor: pointer;
font-family: 'Roboto';
outline: 0;
text-shadow: none;
height: 58px;
text-align: right;
padding: 0 20px 0 0;
margin: 0;
font-size: 1.2em;
}
.home-menu-toggle:hover,
.home-menu-toggle:active,
.home-menu-toggle:focus,
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
box-shadow: none;
border:0;
}
.home-menu-toggle { display: none; }
@media screen and (max-width: 720px) {
#site-navigation.toggled .menu-top-nav-container.bubble {
width: 100%;
border-radius: 0;
}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 900px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 900px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 900px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 900px),
only screen and (                min-resolution: 192dpi) and (max-width: 900px),
only screen and (                min-resolution: 2dppx) and (max-width: 900px) { .donate-menu-item,
.home-menu-toggle,
.menu-toggle,
.menu-top-nav li
{
padding: 0 12px;
font-size: 1.1em;
}
#logo-link,
.donate-menu-item,
.menu-top-nav li,
.home-menu-toggle,
.menu-toggle,
#top-rod {
height: 54px;
}
#top-rod img#logo {
margin-left: 12px;
margin-top: 6px;
height: 40px;
}
.home#top-rod img#logo {
margin-left: 12px;
}
#site-navigation.toggled .menu-top-nav-container.bubble .menu-top-nav li {
padding: 8px 12px;
}
#site-navigation.toggled .menu-top-nav-container.bubble,
#site-navigation.toggled .menu-top-nav-container.line{
}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .comment-notes {
display: none;
}
.form-allowed-tags {
display: none;
}
.cat-links { display: block;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
button,
form.mc10wForm .button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-radius: 8px;
padding: 12px 24px;
font-size: 2.4rem;
background-color: var(--primary-light-color, #ffcb05) !important;
color: #464646;
border: 0;
box-shadow: none;
text-shadow: none;
cursor: pointer; -webkit-appearance: button; }
form#mc10wVersion {
margin-top: 6rem;
}
form#mc10wVersion button {
border-radius: 4px;
padding: 6px 12px;
font-size: 1.4rem;
background-color: var(--primary-light-color, #ffcb05) !important;
color: #464646;
}
button:hover,
form.mc10wForm .button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
form.mc10wForm .button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
form.mc10wForm .button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
font-size: 80%;
padding: 4px;
} .widget_search .search-submit {
display: none;
}
.widget-area {
float: left;
width: 84%;
margin: 0 8%;
padding-top: 20px;
}
.widget_search {
padding-top: 0;
}
.widget_search .search-field {
width: 90%;
}
.widget-area ul {
list-style-type: none;
}
.widget ul,
.widget ol {
margin: 0 0 1.5em 0;
}
.widget-area li {
line-height: 1.3;
margin: .3em auto;
}
.widget-title {
font-size: 1.4em;
}
@media screen and (min-width: 700px) {
.widget-area {
float: right;
width: 30%;
padding-right:20px;
margin: 0;
border: none;
}
.widget_search {
padding-top: 20px;
height: 100px;
}
.widget_search .search-field { }
}
@media screen and (min-width: 1024px) {
.widget-area {
width: 230px;
}
}
@media screen and (min-width: 1190px) {
.widget-area {
width: 290px;
}
}  .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}    .site-content {
}
@media screen and (min-width: 1320px) {
#HeroAndTileBarWrapper,
#HeroWrapper {
background-color: #EDEBEB;
}
}
.content-area#primary {
width: 100%;
padding: 20px 4% 0;
margin-bottom: 10rem;
}
.content-area#primary.content-area-is-not-last {
margin-bottom: 0;
background-color: white;
width:100%;
}
.content-area#primary.content-area-is-not-last article.hentry {
margin-bottom: 0;
}
@media screen and (min-width: 700px) { .content-area#primary.content-area-is-not-last {
width: 100%;
}
.content-area#primary.content-area-is-not-last .site-main {
width: 60%;
float: left;
}
}
@media screen and (min-width: 1124px) { .content-area#primary {
width: 60%;
margin: 0 auto 10rem auto;
}
.content-area#primary.content-area-is-not-last {
width: 100%;
margin-left: 0;
}
.content-area#primary.content-area-is-not-last .site-main {
width: 50%;
margin: auto;
float: none;
}
}  #colophon {
width: 100%;
color: var(--primary-light-color, #ffcb05);
background-color: #383838;
}
#colophon a, #colophon a:visited, #colophon a:hover {
color: var(--primary-light-color, #ffcb05);
}
#colophon .social_media_block img {
margin-left: 3px;
margin-right: 3px;
}
#footer-tiles {
display: grid;
grid-gap: 45px;
grid-template-columns: repeat(1, 3fr);
grid-auto-rows: minmax(100px, auto);
grid-template-areas: "right" "center" "left";
width: 100%;
padding: 45px 8px;
text-align: left;
}
#bl { grid-area: left; }
#bc { grid-area: center; }
#br { grid-area: right; }
.hide-dock #footer-tiles {
grid-auto-rows: auto;
grid-template-areas: "center" "left";
}
@media screen and (min-width: 700px) {
#footer-tiles,
.hide-dock #footer-tiles {
padding: 45px;
grid-template-columns: repeat(3, 3fr);
grid-template-areas: "left center right";
}
}
#footer-tiles .widget-title,
#footer-tiles > nav li {
font-size: 2.0rem;
}
#footer-tiles .gsc-input-box,
#footer-tiles input[type=text] {
border-radius: 8px;
padding: 6px 8px;
font-size: 1.6rem;
}
#footer-tiles button,
#footer-tiles input[type=submit]{
border-radius: 8px;
padding: 12px 24px;
font-size: 2.2rem;
background-color: var(--primary-light-color, #ffcb05);
color: #464646;
border: 0;
box-shadow: none;
text-shadow: none;
}
#footer-tiles > nav {
padding: 0 10%;
}
#footer-tiles > nav li {
margin-bottom: 1.2rem;
}
#colophon ul#menu-bottom-left {
margin-bottom: 0;
}
.footer-form-title {
font-size: 1.9rem;
}
#footer-tiles > nav#bc {
text-align: center;
padding: 0 5px;
}
.site-info {
width: 90%;
text-align: center;
margin: 0 auto 20px;
}
.nav-menu {
list-style-type: none;
}
#colophon ul,
#colophon ol {
margin: 0 0 1.5em 0;
}
#colophon .menu-toggle {
display: none;
}  .entry-title,
.archive-title,
.page-title {
line-height: 1.2;
margin: 20px 0 40px;
}
.comment-reply-title {
font: 1.6em/1.2 'Roboto';
margin: 20px 0 40px;
}
.entry-meta {
text-align: right;
font-family: 'Roboto';
font-size: 1.2em;
}  ul.mini-sitemap li {
list-style-type: none;
}
ul.mini-sitemap > li {
margin-top: 20px;
}
ul.mini-sitemap {
margin-left: 0;
}
ul.mini-sitemap.no-bottom {
padding-bottom: 0;
margin-bottom: 0;
}
ul.mini-sitemap .children.expanded,
ul.mini-sitemap .leaves.expanded {
display: block;
}
ul.mini-sitemap .children.collapsed,
ul.mini-sitemap .leaves.collapsed {
display:none;
}
.expandor {
display: inline-block;
width: 2rem;
}
ul.mini-sitemap li a {
color: black;
}
ul.leaves li {
text-indent: -40px;
margin-left: 20px;
}
ul.leaves li  a {
color: #197ac4;
}    div.pullquote {
border: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 20px 20px 20px 20px;
margin: 0 0 20px 0;
}
.footnote-number {
font-size: 80%;
vertical-align: baseline;
position: relative;
top: -0.5em;
padding-left: 3px;
}
.footnote-number a {
color: #197ac4;
} blockquote.box-off-left-only {
display: none;
} blockquote.box-off-left-and-in-body,
blockquote.box-in-body-only {
display: block;
float: none;
margin: 10px;
max-width: 100%;
padding: 0;
}
@media screen and (min-width: 1190px) { blockquote.box-in-body-only {
display:none;
} blockquote.box-off-left-and-in-body,
blockquote.box-off-left-only {
display: block;
float: left;
margin: 0 0 10px -65%;
width: 60%;
font-size: .85em;
text-align: left;
}
} div.quote-attribution {
text-align: right;
font-weight: bold;
margin-bottom: 1em;
}  blockquote.aside-full-width {
background-color: #eee;
border: 1px dashed #aaa;
padding: 20px 20px 0 20px;
margin: 0 0 10px 0;
}
blockquote.pull-quote-float-right {
float: right;
width: 40%;
background-color: #eee;
border: 1px dashed #aaa;
padding: 20px 20px 0 20px;
margin: 0 0 10px 10px;
font-size: .85em;
}    div#page.home {
position: absolute;
top: 80px;
width:100%;
}
#colophon {
margin-top: 0;
position: absolute;
}
#page {
background-color: white;
} table.articles {
border-collapse: collapse;
}
table.articles th,
table.articles td {
border: 1px solid #595959;
padding: .5em;
text-align: left;
}
table.articles .indent {
padding-left: 1em;
}
@media screen and (min-width: 600px) {
table.articles th,
table.articles td {
padding: 1.25em;
}
table.articles .indent {
padding-left: 2em;
}
}  form {
margin-top: 10px;
}
form#enewsFloatingForm > div {
clear: both;
}
form#enewsFloatingForm .input-wrapper.checkbox,
form#enewsForm .input-wrapper.checkbox {
font-size: .8em;
margin-bottom: .5em;
}
#contact-form button,
#free-guide-form button,
#catalog-order-form button,
form#enewsFloatingForm button,
form#enewsForm button {
margin-top: 20px;
}
#contact-form button,
#catalog-order-form button {
width: 100%;
}
form#enewsForm button {
margin: 1rem 0;
} input.inlineLabel,
textarea {
display: block;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #666;
}
textarea {
display: block;
height: 12em;
width:100%;
margin:.5em 0 1em 0;
padding:.4em .4em;
font-size:.9em;
} input.inlineLabel {
display: block;
margin:.3em 0 1em 0;
width:90%;
padding:.2em .2em;
font-size:.8em;
} .input-wrapper {
overflow:hidden;
width:auto;
} #nav_menu-3 .menu-sidebar-menu-container ul {
list-style-type: none;
}
#nav_menu-3 .menu-sidebar-menu-container ul li {
line-height: 1.2;
margin-bottom: .6em;
}
#catalog-order-form #result,
#catalog-order-form #submit-message {
margin: -2rem 0 4rem;
}
.share-in-loop {
display: flex;
width: 100%;
justify-items: center;
}
.fb-like, .fb-share-button { display: block;
padding: 0;
margin: 0;
line-height:.7;
}
.twitter-follow-button, .twitter-share-button {
display: inline-block;
padding: 0;
margin: 0 5px 0 0;
}
.order-form-sub-area {
margin-bottom: 50px;
}
.mc10w-form-sub-area {
margin-bottom: 1rem;
}
#mc10wVersion .mc10w-form-sub-area .row-of-items div {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 8px;
grid-row-gap: 1rem;
width: 100%;
align-items: center;
} #mc10wVersion .mc10w-form-sub-area .row-of-items select {
min-width: 0;
}
@media screen and (min-width: 600px) {
#mc10wVersion .mc10w-form-sub-area .row-of-items div {
grid-template-columns: minmax(100px, 1fr) 3fr;
grid-template-rows: repeat(2, 1fr);
}
#mc10wVersion .mc10w-form-sub-area button {
grid-column: 1/3;
}
}
div.row {
display: table;
width: 100%;
}
div.row div {
display: table-cell;
text-align: right;
vertical-align: top;
}
.row.row-of-headers div {
font-weight: bold;
border-bottom: 1px solid #eee;
}
div.row div,
fieldset.row div {
padding: 0 5px 5px;
display: table-cell;
}
div.row div p.sub { display: block; font-size: 90%; margin-bottom: 2px; }
div.row div span.inner-header { display: inline; font-weight: bold; margin-bottom: 2px; }
div.row div span.inner-header.highlighted { background-color: yellow;}
div.row div.bucket {
display: block;
width: 100% !important;
text-align: left !important;
}
#catalog-order-form input {
background-color: white;
border: 1px solid #666;
}
#catalog-order-form input[type="text"] {
display: inline-block;
}
#catalog-order-form input[readonly] {
border: 1px solid #a5a5a5;
background-color: #eee;
}
.shipping-contact .order-form-sub-area label:not([for="enews"]) {
display: block;
}
.shipping-contact .order-form-sub-area input,
.shipping-contact .order-form-sub-area select {
padding: 0.25em;
}
.shipping-contact .order-form-sub-area input[type="text"],
.shipping-contact .order-form-sub-area input[type="email"],
.shipping-contact .order-form-sub-area select {
color: #404040;
margin-bottom: 1em;
width: 100%;
}
.shipping-contact .order-form-sub-area .sub {
font-size: 90%;
margin-bottom: 2px;
}
#brochures .row-of-items:nth-child(odd),
#merch .row-of-items:nth-child(odd) {
background-color: #fff;
}
#brochures div.row,
#merch div.row {
padding: 10px 15px;
border-top: 1px solid #e2e1e1;
}
#brochures div.row div,
#merch div.row div {
display: block;
text-align: left;
padding-left: 0;
}
#brochures img.left-thumb,
#merch img.left-thumb {
margin-right: 0;
padding-right: 5px;
float: none;
}
#brochures .booklet-title,
#merch .merch-title {
font-size: 18px;
}
#brochures p,
#merch p {
font-size: 16px;
margin-bottom: .5em;
}
#brochures label,
#merch label {
display: block;
}
@media screen and (min-width:  900px) {
.shipping-contact {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
#brochures div.row,
#merch div.row {
display: grid;
grid-template-columns: 1fr 6fr;
column-gap: 2rem;
}
#brochures div.row div:first-of-type {
align-self: center;
}
#merch div.row div:first-of-type {
padding-top: 10px;
}
#brochures div.row img,
#merch div.row img {
padding-right: 0;
}
}
#subtotals label.inner-header {
font-weight: bold;
}
#totals div.row div:nth-child(1) { width: 75%; text-align: left; }
#totals div.row div:nth-child(2) { width: 25%; }
#totals div div input { width: 100%; text-align: right; }
#totals div.row div {
vertical-align: middle;
}
#subtotals div.row div:nth-child(1) { width: 75%; text-align: left; }
#subtotals div.row div:nth-child(2) { width: 25%; }
#subtotals div div input { width: 100%; text-align: right; }
#subtotals div.row div {
vertical-align: middle;
}
#extras div.row div:nth-child(1) { width: 75%; text-align: left; }
#extras div.row div:nth-child(2) { width: 25%; }
#extras div.row.wide-label div:nth-child(1) { width: 60%; text-align: left; }
#extras div.row.wide-label div:nth-child(2) { width: 40%; }
#extras div div input { width: 100%; text-align: right; }
#extras div.row div {
vertical-align: middle;
}
.contact-info div.row div:nth-child(1) { width: 30%; text-align: left; }
.contact-info div.row div:nth-child(2) { width: 70%; }
.contact-info div.row.full-width div:nth-child(1) { width: 100%; text-align: right; }
.contact-info div.row.wide-label div:nth-child(1) { width: 80%; text-align: left; }
.contact-info div.row.wide-label div:nth-child(2) { width: 20%; }
.contact-info div div input { width: 100%; }
.contact-info div div.state-input-wrapper,
.contact-info div div.zip-input-wrapper,
.contact-info div div.country-input-wrapper {
text-align: left;
}
.contact-info div div input#other-country-province {
width: 100px;
}
.contact-info div div input#zip {
width: 150px;
}
.contact-info div div textarea#comments {
width: 100%;
height: 50px;
}
.contact-info div div textarea#message,
.contact-info div div textarea[name="message"] {
width: 100%;
height: 300px;
}
.contact-info div.row.stand-alone-question {
margin-bottom: 1rem;
}
div.row + div.row.stand-alone-question {
margin-top: 3rem;
}
div.row.stand-alone-question + fieldset {
margin-top: 2.25rem;
}
div.row.stand-alone-question + div.row  {
margin-bottom: 2rem;
}
.contact-info div.row.radio-group {
display: grid;
grid-template-columns: 1fr;
}
.contact-info div.row.radio-group input + label,
.contact-info fieldset.row.radio-group input + label {
margin-left: 1rem;
}
.contact-info div.row.radio-group div,
.contact-info fieldset.row.radio-group div {
width: 100%;
display: grid;
grid-template-columns: auto 1fr;
text-align: left;
align-items: center;
}
.contact-info div.row.stand-alone-question + div.row.radio-group div:nth-child(1) {
margin-top: 1rem;
}
.contact-info div.row.radio-group div:nth-child(1) {
margin-top: 3rem;
margin-bottom: 1rem;
}
fieldset.row.radio-group legend {
margin-bottom: 1rem;
} .phone-fields {
display: grid;
grid-template-columns: .5fr 3fr;
grid-template-rows: auto auto;
grid-gap: 1rem;
}
.phone-fields select {
margin-bottom: 1em;
} .row-of-items:nth-child(odd) {
background-color: #f6f6f6;
} img.left-thumb {
float: left;
margin-right: 10px;
}
ul.shirt-sizes {
display: grid;
grid-template-columns: 1fr 5fr;
list-style-type: none;
padding: 10px 0 0;
margin: 0;
max-width: 200px;
}
ul.shirt-sizes li {
padding: 5px 0;
}
.required-field {
color: #ff3300;
font-size: 80%;
vertical-align: baseline;
position: relative;
top: -0.3em;
padding-left: 1.5px;
}
.hint {
font-size: 90%;
}
select.greedy {
width: 100%;
padding: 3px;
}
#country-alert,
#state-alert,
#submit-alert,
#item-alert,
#country-item-alert,
#delivery-time-us-extended,
#delivery-time-canada,
#delivery-time-intl,
#grand-total-message,
#result,
#submit-message {
display: none;
}
#country-alert,
#state-alert,
#submit-alert,
#item-alert,
#country-item-alert,
#grand-total-message,
#paypal-alert {
border: .2em solid #C12701;
background-color: #F3F3F3;
font-size: 16px;
margin-bottom: 1rem;
padding: 2rem;
}
.error, .red, .error-message {
color: #C12701;
}
.catalog-note {
color: #666666;
font-size: 85%;
}
.catalog-sale {
background-color: #ff3300;
font-size: 80%;
font-weight:600;
color: #ffffff;
padding: 1px 4px 0px 4px;
display:inline-block;
}
.success {
color: white;
background-color: green;
padding: 4px 10px;
}
#paypal_panel, #givedirect_panel {
display:none;
margin: 0;
padding: 0;
}
#submit-button,
#paypal-button,
#placeorder-button,
#givedirect-button {
display: block;
margin-top: 20px;
}
hr.between-the-blogs:last-of-type {
display:none;
}
.comment-form input {
display:block;
width: 90%;
}
.comment-form input[type=submit] {
width: 300px;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .social_media_block {
margin-bottom: 10px;
}
.fb-like iframe {
max-width: none;
}
.widget_vo_trending ul li a:visited {
color: #4472be; }
.widget_vo_trending ul li {
margin-bottom: 10px;
}
.widget_vo_trending ul li a:active,
.widget_vo_trending ul li a:focus,
.widget_vo_trending ul li a:hover,
.widget_vo_trending ul li a {
color: #197ac4; }
.widget_vo_trending ul {
list-style-type: none;
} .gsc-search-button {
display: none;
}
.gsc-control-searchbox-only form.gsc-search-box {
}
.home .gsc-control-searchbox-only form.gsc-search-box {
margin-top: 10px;
margin-bottom: -10px;
width: 90% !important;
}
.home .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0;
}
.gsc-orderby-container .gsc-orderby .gsc-option-menu-container .gsc-selected-option-container {
width: 120px !important;
}
.gsib_b {
padding-top: 2px !important;
}
.gsc-input {
margin-top: 0 !important;
} #goal-thermometer {
position: absolute;
margin: 0 10px 0 19%;
}
.therm-number {
display: none;
}
.therm-number:first-of-type {
display: block;
}
#goal-below,
#goal-adjacent {
position: absolute;
color: white;
box-sizing:border-box;
}
#goal-below {
width: 100%;
text-align: center;
}
#goal-adjacent {
right:19%;
padding-right:10px;
padding-top:30px;
}
@media screen and (max-width: 1700px) {
#goal-thermometer {
margin-left: 15%;
}
#goal-adjacent {
right: 15%;
}
}
@media screen and (max-width: 1400px) {
#goal-thermometer {
margin-left: 12%;
}
#goal-adjacent {
right: 12%;
}
}
@media screen and (max-width: 1200px) {
#goal-thermometer {
margin-left: 8%;
}
#goal-adjacent {
right: 8%;
}
}
@media screen and (max-width: 1150px) { }
@media screen and (max-width: 1100px) {
#goal-thermometer {
margin-left: 10px;
}
#goal-adjacent {
font-size: 2.4rem;
}
}
@media screen and (max-width: 1020px) { }
@media screen and (max-width: 950px) { }
@media screen and (max-width: 880px) { }
@media screen and (max-width: 810px) {
#goal-thermometer {
margin-left: 10%;
}
#goal-adjacent {
right: 10%;
}
}
@media screen and (max-width: 720px) { }
@media screen and (max-width: 600px) { }
@media screen and (max-width: 500px) { }
@media screen and (max-width: 400px) { }  .page-id-99 .content-area .site-main .entry-content h2 {
margin-top: 2.5em;
margin-bottom: 0.2em;
}
.page-id-99 .content-area .site-main .entry-content h2:first-of-type {
margin-top: 0;
}  #hero {
display: flex;
flex-flow: column-reverse nowrap;
width: 100%;
max-width: 1320px;
margin: 0 auto;
height: 360px;
justify-items: flex-end;
align-items: center;
}
#hero.squat {
height: 268px;
}
#hero .hero_caption {
background-color: rgba( 0, 0, 0, 0.8 );
padding: 8px 16px;
border-radius: 16px;
color: white;
font-size: 1.8rem;
text-align: center;
font-family: 'Roboto', 'Gothic A1';
font-weight: bold;
margin: 0 8px 1rem;
}
#hero .hero_photo_credit {
background-color: rgba( 0, 0, 0, 0.8 );
padding: 2px 4px;
border-radius: 8px 0 0 0;
color: white;
font-size: 0.75rem;
text-align: center;
font-family: 'Roboto';
margin: 0 2px;
align-self: flex-end;
}
#hero .hero_caption:empty,
#hero .hero_photo_credit:empty {
display: none;
}
@media screen and (min-width:  500px) { #hero .hero_caption { font-size: 2.0rem; } }
@media screen and (min-width: 1200px) { #hero .hero_caption { font-size: 2.6rem; } }
@media screen and (min-width: 1700px) { #hero .hero_caption { font-size: 2.8rem; } }
#hero .hero_caption em {
display: block;
font-size: 2.2rem;
font-style: normal;
}
@media screen and (min-width:  500px) { #hero .hero_caption em { font-size: 2.3rem; } }
@media screen and (min-width: 1200px) { #hero .hero_caption em { font-size: 3.0rem; } }
@media screen and (min-width: 1700px) { #hero .hero_caption em { font-size: 3.3rem; } }
#hero {
background-position-x: center;
background-position-y: center;
background-size: cover;
background-repeat; no-repeat;
}
#tileBar {
max-width: 1500px;
margin: 0 auto;
}
#tileBar a.tile {
display: flex;
border: 1px solid #E4E4E4;
border: 1px solid #BBB;
background-color: white;
border-radius: 16px;
flex-flow: column nowrap;
justify-content: space-between;
width: 100%;
}
#tileBar.flatTiles a.tile {
max-width: 800px;
}
#tileBar.oneTile a.tile {
max-width: 560px;
}
#tileBar.twoTiles a.tile {
max-width: 420px;
}
#tileBar.threeTiles a.tile {
max-width: 340px;
}
#tileBar a.tile h2 {
justify-self: center;
align-self: center;
padding: 1.3rem 16px;
margin: 0;
font-size: 2.2rem;
}
#tileBar a.tile h2,
#tileBar a.tile p {
color: #333;
flex-grow: 1;
text-align: center;
}
#tileBar a.tile h2:empty,
#tileBar a.tile p:empty {
display:none;
}
#tileBar a.tile p {
margin: 0 10px 1rem;
}
#tileBar a:hover,
#tileBar a:active,
#tileBar a:visited {
color: #333;
text-decoration: none !important;
}
#tileBar a.tile img {
width: 100%;
object-fit: cover;
height: 120px;
border-radius: 15px 15px 0 0;
}
@media screen and (min-width: 300px) { #tileBar a.tile img { height: 200px; } }
@media screen and (min-width: 800px) { #tileBar a.tile img { height: 220px; } }
@media screen and (min-width: 1200px) { #tileBar a.tile img { height: 208px; } }
@media screen and (min-width: 1700px) { #tileBar.threeTiles a.tile img { height: 210px; } }
#tileBar {
display: grid;
grid-gap: 40px;
grid-auto-rows: minmax(100px, auto);
width: 100%;
background-color: #EDEBEB;
padding: 40px;
justify-items: center;
}
#tileBar.twoTiles {
grid-template-columns: repeat(1, 2fr);
}
#tileBar.threeTiles {
grid-template-columns: repeat(1, 3fr);
}
#tileBar.fourTiles {
grid-template-columns: repeat(1, 4fr);
}
#tileBar.fiveTiles {
grid-template-columns: repeat(1, 5fr);
}
#tileBar.sixTiles {
grid-template-columns: repeat(1, 6fr);
}
@media screen and (min-width: 460px) {
#tileBar.flatTiles {
grid-template-columns: 100%;
}
#tileBar.flatTiles a.tile {
display: grid;
grid-template-columns: 150px 1fr;
grid-template-rows: auto 1fr 1fr auto;
grid-template-areas:
"top top"
"image label"
"image copy"
"bottom bottom";
}
#tileBar.flatTiles a.tile .cap-top {
grid-area: top;
}
#tileBar.flatTiles a.tile img {
grid-area: image;
height: 150px;
width: 150px;
}
#tileBar.flatTiles a.tile h2 {
grid-area: label;
justify-self: left;
align-self: end;
padding: 8px 24px;
}
#tileBar.flatTiles a.tile p {
grid-area: copy;
justify-self: left;
align-self: start;
margin-left: 24px;
}
#tileBar.flatTiles a.tile .cap-bottom {
grid-area: bottom;
}
}
@media screen and (min-width: 700px) {
#tileBar.oneTile { grid-template-columns: repeat(1, 1fr); max-width: 600px; }
#tileBar.twoTiles { grid-template-columns: repeat(2, 1fr); max-width: 1300px; }
#tileBar.threeTiles { grid-template-columns: repeat(3, 1fr); }
#tileBar.fourTiles { grid-template-columns: repeat(3, 2fr); }
#tileBar.fiveTiles { grid-template-columns: repeat(3, 2fr); }
#tileBar.sixTiles { grid-template-columns: repeat(3, 2fr); }
}
@media screen and (min-width: 1100px) {
#tileBar.fourTiles { grid-template-columns: repeat(4, 1fr); }
#tileBar.fourTiles a.tile:nth-of-type( 2 ) {
grid-column: 2 / span 1;
}
#tileBar.fourTiles a.tile:nth-of-type( 3 ) {
grid-column: 3 / span 1;
}
#tileBar.flatTiles {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1600px) {
#tileBar.fiveTiles { grid-template-columns: repeat(5, 1fr); }
#tileBar.fiveTiles a.tile:nth-of-type( 4 ) {
grid-column: 4 / span 1;
}
#tileBar.sixTiles { grid-template-columns: repeat(6, 1fr); }
}
#tileBar a.tile .cap-top {
background-color: var(--primary-light-color, #ffcb05);
border-radius: 16px 16px 0 0;
height: 16px;
}
#tileBar a.tile .cap-bottom {
background-color: var(--primary-light-color, #ffcb05);
border-radius: 0 0 16px 16px;
height: 16px;
} .menu-toggle-container {
align-self: center;
text-align: right;
flex-grow: 2;
margin-right: 16px;
}
.menu-toggle {
width: 40.0px;
height: 34.8px;
position: relative;
margin: 0 auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer; }
.menu-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: var(--primary-light-color, #ffcb05);
border-radius: 6px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
.menu-toggle span:nth-child(1) {
top: 0px; }
.menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) {
top: 12px; }
.menu-toggle span:nth-child(4) {
top: 24px; }
.toggled .menu-toggle span:nth-child(1) {
top: 12px;
width: 0%;
left: 50%; }
.toggled .menu-toggle span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.toggled .menu-toggle span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.toggled .menu-toggle span:nth-child(4) {
top: 12px;
width: 0%;
left: 50%; }
.menu-toggle {
display: block;
float: right;
margin: 0.55rem 0.55rem 0 0 !important;
}
#br .menu-toggle-container {
display: none;
}
@media screen and (min-width: 700px) {
#br.initial-state .menu-toggle-container {
display: block;
margin-right: 0;
}
}
#br.initial-state #enewsFloatingFormRestorer {
display: none;
}
#colophon #br .menu-toggle {
display: block;
float: right;
}
#colophon #br.initial-state h3 {
float: left;
clear: none;
padding-top: 12px;
}
#br #enewsForm {
clear: both;
padding-top: 5px;
}
#br .menu-toggle span {
top: 12px;
}
#br .menu-toggle span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#br .menu-toggle span:nth-child(1) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
#br .widget {
margin: 0;
}
@media screen and (min-width: 700px) {
#br.initial-state aside {
position: fixed;
bottom: 8px;
right: 0;
width: 340px;
border-radius: 8px 0 0 8px;
z-index: 100;
background-color: #464646;
padding: 12px 24px 24px;
}
}
#scroll-to-enews-form {
display: none;
}
@media screen and (max-width: 700px) {
#scroll-to-enews-form.initial-state {
position: fixed;
display: block;
width: 100%;
bottom: 0;
left: 0;
z-index: 100;
background-color: #464646;
padding: 24px;
}
#scroll-to-enews-form.initial-state h3 {
float: left;
clear: none;
padding-top: 6px;
}
#scroll-to-enews-form.initial-state h3 a {
cursor: pointer;
}
#scroll-to-enews-form.initial-state h3 a:hover {
text-decoration: none;
}
#colophon #scroll-to-enews-form.initial-state .menu-toggle-container  {
width: 100%;
}
#colophon #enewsLinkToFormDismisser.menu-toggle  {
display: block;
margin: 0 !important;
width: 13.3px;
height: 23px;
}
#colophon #enewsLinkToFormDismisser.menu-toggle span {
top: 12px;
}
#colophon #enewsLinkToFormDismisser.menu-toggle span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#colophon #enewsLinkToFormDismisser.menu-toggle span:nth-child(1) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
#colophon #enewsLinkToFormDismisser.widget {
margin: 0;
}
}
@media screen and (min-width: 701px) {
.grecaptcha-badge {
z-index: 200;
}
} .at form label.label-otheramount input.edit-otheramount, .glstest20403 {
padding-left: 2.5rem;
} .form-grid-section {
display: grid;
grid-template-columns: auto 1fr;
justify-content: center;
align-items: center;
margin-bottom: 1.6rem;
}
.form-grid-section div.label-wrap:nth-child(4n+1),
.form-grid-section div.input-wrap:nth-child(4n+2) {
background-color: #f6f6f6;
}
.form-grid-section div.label-wrap {
grid-column: 1 / 1 span;
padding: 0 8px;
height: 100%;
display: grid;
align-items: center;
}
.form-grid-section div.label-wrap label {
}
.form-grid-section div.input-wrap {
grid-column: 2 / 1 span;
padding: 8px;
}
.form-grid-section div.input-wrap input {
width: 100%;
}
.feedbackSlot:not(:empty) {
margin-bottom: 0.8rem;
overflow-wrap: break-word;
}
.feedbackSlot:focus {
outline: none;
}
.feedbackSlot_mc10w {
font-size: 1.3em;
}
.showWhenGoogleIsReady.googleIsNotReady {
display: none !important;
} .personnel-cards {
display: grid;
grid-template-columns: 1fr;
}
.personnel-cards .card {
padding: 8px 1rem;
}
.personnel-cards .title {
color: grey;
text-align: center;
}
.personnel-cards .name {
color: black;
font-weight: bold;
text-align: center;
}
@media screen and (min-width: 350px) {
.personnel-cards {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 600px) {
.personnel-cards {
grid-template-columns: 1fr 1fr 1fr;
}
}
form#mc10wVersion.researchPitch {
margin-top: 3rem;
text-align: start;
padding-left: 0;
}
form#mc10wVersion.researchPitch button[type="submit"] {
display: block;
margin-bottom: 2rem;
font-size: 2rem;
padding: 0.7rem 1.2rem;
}
#primary.content-area.mc10w h1 {
font-size: 3rem;
margin-bottom: 2rem;
}
#mc10wVersion:not(.researchPitch) {
background-color: #f6f6f6;
margin-bottom: 3rem;
padding: 2rem;
}
#mc10wVersion .mc10w-form-sub-area{
margin-bottom: 0;
} #mc10wVersion option[value="93"] {
display: none;
}
#mc10wVersion option[value="94"] {
display: none;
}
#mc10wVersion.trail-93 option[value="93"] {
display: block;
}
#mc10wVersion.trail-94 option[value="94"] {
display: block;
}
#mc10wVersion.trail-1 option[value="93"],
#mc10wVersion.trail-1 option[value="94"] {
display: none;
}
#mc10wVersion.trail-93 option[value="1"],
#mc10wVersion.trail-94 option[value="1"] {
display: none;
} #mc10wVersion option[value="92"]{
display: none;
}
#mc10wVersion.trail-92 option[value="92"]{
display: block;
}
#mc10wVersion.trail-1 option[value="92"]{
display: none;
}
#mc10wVersion.trail-92 option[value="1"]{
display: none;
} #mc10wVersion option[value="94"]{
display: none;
}
#mc10wVersion.trail-94 option[value="94"]{
display: block;
}
#mc10wVersion.trail-1 option[value="94"]{
display: none;
}
#mc10wVersion.trail-94 option[value="1"]{
display: none;
} .contact-info.mc10w-form-sub-area input[type="checkbox"] {
width: auto;
}
.contact-info.mc10w-form-sub-area div.row div:nth-child(2) {
text-align: left;
} .mc10wForm label:not([for="confirm"]):not([for="disclaimer"]):not([for='cookieConsent']) {
display: block;
}
.mc10wForm input[type="text"],
.mc10wForm input[type="email"],
.mc10wForm input[type="tel"],
.mc10wForm select#trail {
width: 100%;
padding: 0.25em;
border: 1px #666 solid;
}
.mc10wForm input[type="text"],
.mc10wForm input[type="email"],
.mc10wForm input[type="tel"],
.mc10wForm select#trail {
margin-bottom: 1em;
}
.contact-info.mc10w-form-sub-area input[type="checkbox"] {
height: 15px;
width: 15px;
vertical-align: middle;
} .mc10wForm fieldset.radio-group,
.mc10wForm fieldset.select {
margin-bottom: 1.75em;
}
fieldset legend {
margin-bottom: 1.2rem;
}
fieldset label{
padding: .5rem;
}
fieldset .row-of-items label{
padding: 0;
}
fieldset label input {
margin-right: 1rem;
}
fieldset.radio-group label:nth-child(odd) {
background-color: #f6f6f6;
}
.mc10wForm fieldset + fieldset {
padding-top: 1rem;
} .visually-hidden {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
bottom: 0;
height: 1px;
width: 1px;
overflow: hidden;
} [data-class="10weeks-all"] a.tile,
[data-class="semanario-vegano"] a.tile {
position: relative;
}
[data-class="10weeks-all"] #tileBar a.tile h2,
[data-class="10weeks-all"] #tileBar a.tile p,
[data-class="semanario-vegano"] #tileBar a.tile p{
position: absolute;
bottom: 0;
color: transparent;
}
[data-class="10weeks-all"] #tileBar a.tile img,
[data-class="semanario-vegano"] #tileBar a.tile img {
border-radius: 15px;
} button.paginate {
background-color: transparent !important;
color: #0066ff;
display: inline-block;
font-size: 1.8rem;
padding: 0;
text-align: left;
}
button.paginate:active,
button.paginate:focus,
button.paginate:hover,
.redesign button.paginate:active,
.redesign button.paginate:focus,
.redesign button.paginate:hover {
border-color: transparent;
box-shadow: none;
}
button.paginate span {
color: #404040;
font-size: 1.5rem;
}
button.paginate[name="previous"] span:first-of-type {
margin-left: 1.4rem;
}
form.mc10wForm button.paginate {
width: auto;
} form h2[id^="panel"] {
display: none;
}
form .controls {
display: none;
} .redesign .pagination {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
}
.redesign button.paginate {
background-color: var(--primary-light-color, #ffcb05) !important;
color: #464646;
margin-bottom: 1.4rem;
}
.redesign form.mc10wForm button.paginate {
font-size: 1.8rem;
min-width: 135px;
text-align: center;
padding: 0.5rem 2rem;
width: fit-content;
}
.redesign button.paginate[name^="previous"] {
grid-column: 1/2;
justify-self: start;
margin-left: 1.1rem;
}
.redesign button.paginate[name="previousLast"] {
margin-bottom: 2.4rem;
}
.redesign button.paginate[name^="next"] {
grid-column: 2/3;
justify-self: end;
margin-right: 1.1rem;
}
.redesign .page-count {
text-align: center;
font-weight: 400;
font-size: 1.6rem;
} .redesign .controls {
display: flex;
justify-content: flex-end;
gap: 1rem;
list-style: none;
}
.redesign button.expand,
.redesign button.collapse {
background-color: #caedec !important;
border-radius: 8px;
display: inline-block;
font-size: 1.6rem;
font-weight: 400;
margin-right: 1.1rem;
padding: .5rem 1rem;
} .stepper-horiz {
background-color: #62cbc9;
overflow-x: auto;
overflow-y: hidden;
margin-left: -1.5rem;
padding: .75rem 0;
position: relative;
}
.stepper-horiz:before {
content: "";
position: absolute;
}
@media screen and (min-width: 1280px) {
.stepper-horiz {
display: flex;
justify-content: space-between;
padding: 1.5rem 0;
}
.stepper-horiz:before {
border-top: 1px solid rgba(0,0,0,.50);
left: 1.5rem;
top: 50%;
right: 1.5rem;
}
}
.stepper {
align-items: center;
background-color: inherit;
display: flex;
font-size: 2rem;
flex-shrink: 0;
overflow: hidden;
padding: 1.5rem;
position: relative;
}
.stepper:after,
.stepper:before {
border-left: 1px solid rgba(0,0,0,.50);
content: "";
height: 1rem;
left: 3rem;
position: absolute;
}
.stepper:before {
top: 0;
}
.stepper:first-of-type:before {
border: none;
}
.stepper:after {
bottom: 0;
}
.stepper:last-of-type:after {
border: none;
}
@media screen and (min-width: 1280px) {
.stepper:after,
.stepper:before {
border-left: none;
}
}
.stepper.active .stepper-icon, .stepper.done .stepper-icon {
background-color: var(--primary-light-color, #ffcb05);
color: #2e2e2e;
}
.stepper-icon {
align-items: center;
background-color: rgba(255, 255, 255, 0.65);
border-radius: 50%;
color: #2e2e2e;
display: inline-flex;
font-size: 2rem;
height: 3rem;
justify-content: center;
margin-right: 0.5rem;
position: relative;
width: 3rem;
} .redesign-hero .collapsible h2[id^="panel"] {
align-items: center;
background-color: #caedec !important;
border: 1px solid #464646;
border-radius: 0;
color: #2e2e2e;
display: flex;
font-size: 2rem;
justify-content: space-between;
margin-bottom: 1.5rem;
padding: 0;
}
.redesign-hero .collapsible h2.last-section {
margin-bottom: 2.4rem;
}
.redesign-hero .collapsible h2 button {
align-items: center;
background-color: transparent !important;
border-radius: 0;
display: flex;
font-family: 'Lato', sans-serif;;
font-size: 1.8rem;
font-weight: 600;
justify-content: space-between;
padding: 1.6rem;
width: 100%;
}
.redesign-hero .collapsible button[aria-expanded="true"] svg {
transform: rotate(0.5turn) translateY(-20%);
}
.redesign-hero .collapsible .collapsible-content {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 500ms;
}
.redesign-hero .collapsible .collapsible-content[aria-hidden="false"] {
grid-template-rows: 1fr;
}
.redesign-hero .collapsible .collapsible-content > div {
overflow: hidden;
} .redesign-hero .content-area#primary,
.redesign-hero #mc10wForm.mc10wForm {
font-size: 1.8rem;
margin-bottom: 3rem;
padding: 0;
}
@media screen and (min-width: 1024px) {
.redesign-hero .content-area#primary,
.redesign-hero #mc10wForm.mc10wForm  {
width: 100%;
margin-left: 0;
padding: 0 4% 0;
}
}
@media screen and (min-width: 700px) {
.redesign-hero .content-area#primary,
.redesign-hero #mc10wForm.mc10wForm {
float: none;
padding-top: 0;
width: 100%;
}
}
.redesign-hero form.mc10wForm {
padding: 0;
}
.redesign-hero .contact-info div.row.stand-alone-question {
margin-bottom: 1rem;
}
.redesign-hero .mc10wForm fieldset.radio-group,
.redesign-hero .mc10wForm fieldset.select {
margin-bottom: 1.75em;
}
.redesign-hero fieldset.row.radio-group legend {
margin-bottom: 1rem;
}
.redesign-hero .row-of-items:nth-child(odd) {
background-color: transparent;
}
.redesign-hero .contact-info div.row.radio-group input + label,
.redesign-hero .contact-info fieldset.row.radio-group input + label {
margin-left: 1rem;
}
.redesign-hero .contact-info div.row.radio-group div,
.redesign-hero .contact-info fieldset.row.radio-group div {
width: 100%;
display: grid;
grid-template-columns: auto 1fr;
text-align: left;
align-items: center;
}
.redesign-hero div.row div,
.redesign-hero fieldset.row div {
padding: 5px;
}
.redesign-hero .mc10wForm label:not([for='confirm']):not([for='disclaimer']):not([for='cookieConsent']) {
display: block;
}
.redesign-hero .mc10wForm input[type='text'],
.redesign-hero .mc10wForm input[type='email'],
.redesign-hero .mc10wForm input[type='tel'],
.redesign-hero .mc10wForm select#trail,
.redesign-hero .mc10wForm select#birthYear,
.redesign-hero .mc10wForm select#countryCode {
border: 1px #666 solid;
min-height: 42px;
padding: 0.5em;
}
@media screen and (min-width: 1200px) {
.redesign-hero .mc10wForm input[type='text'],
.redesign-hero .mc10wForm input[type='email'],
.redesign-hero .mc10wForm input[type='tel'],
.redesign-hero .mc10wForm select#trail,
.redesign-hero .mc10wForm select#birthYear,
.redesign-hero .mc10wForm select#countryCode {
width: 100%;
}
}
.redesign-hero .phone-fields {
display: grid;
grid-template-columns: 0.5fr 3fr;
grid-template-rows: auto auto;
grid-gap: 1rem;
}
.redesign-hero ul {
margin: 0 0 1.5em 4em;
}
@media screen and (min-width: 600px) {
.redesign-hero ul {
margin: 0 0 1.5em 5em;
}
}
.redesign-hero li {
font-size: 1.8rem;
}
.redesign-hero button,
.redesign-hero form.mc10wForm .button,
.redesign-hero input,
.redesign-hero select,
.redesign-hero textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
.redesign-hero .mc10wForm input[type='text']:focus-visible,
.redesign-hero .mc10wForm input[type='email']:focus-visible,
.redesign-hero .mc10wForm input[type='tel']:focus-visible,
.redesign-hero .mc10wForm input[type="radio"]:focus-visible,
.redesign-hero .mc10wForm input[type="checkbox"]:focus-visible,
.redesign-hero .mc10wForm select#trail:focus-visible,
.redesign-hero select:focus-visible {
outline: 3px solid var(--primary-light-color, #ffcb05);
outline-offset: -3px;
}
.redesign-hero .mc10wForm input[type="radio"]:focus-visible,
.redesign-hero .mc10wForm input[type="checkbox"]:focus-visible {
outline-offset: 0;
}
.redesign-hero .mc10w-form-sub-area {
margin-bottom: 1.4rem;
}
.redesign-hero #mc10wVersion:not(.researchPitch) {
background-color: rgba(255, 255, 255, 0.65);
border-radius: 15px;
}
.redesign-hero [for="trail"] {
margin-bottom: .5em;
}
.redesign-hero .required-field {
color: #000000;
font-size: 100%;
top: -0.1em;
} .redesign {
font-family: 'Lato', sans-serif;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.redesign p:empty {
height: 0;
padding: 0;
}
.redesign .feedbackSlot:not(:empty) {
background-color: white;
border-radius: 28px;
padding: 1.6rem 3.2rem;
font-size: 1.1em;
margin-bottom: 2rem;
font-weight: 900;
} .redesign-hero {
background-color: #62cbc9;
color: #2e2e2e;
width: 100%;
}
.redesign-hero .content {
padding: 2rem;
}
@media screen and (min-width: 750px) {
.redesign-hero .content {
grid-column: 1/2;
padding: 0.25rem 2rem;
}
}
.redesign-hero h1 {
font-family: 'Lato', sans-serif;
font-weight: 900;
text-align: center;
font-size: 4rem;
padding-bottom: 1.5rem;
}
.redesign-hero p,
.redesign-hero ul.benefits {
font-size: 1.8rem;
margin-bottom: 0;
padding: 0 4% 1.5rem;
}
.redesign-hero p.benefits {
font-size: 2.4rem;
}
.redesign-hero p.benefit {
font-weight: 900;
}
.redesign-hero ul.benefits {
margin-bottom: 0;
margin-left: 2em;
}
.redesign-hero ul.benefits li {
padding-bottom: .25em;
}
.redesign-hero a {
color: #0433CD;
}
@media screen and (min-width: 1000px) {
.redesign-hero h1 {
padding-bottom: 3rem;
}
.redesign-hero p.benefit {
font-size: 2.4rem;
margin-bottom: 0.2em;
}
}
.redesign-hero .image img {
display: block;
width: 100%;
}
.redesign-hero .content .icons {
align-items: center;
color: #2e2e33;
font-weight: 900;
font-size: 1.2rem;
padding: 2rem 1rem;
text-align: center;
}
.redesign-hero .content .icons .icon {
margin-bottom: 2rem;
}
@media screen and (min-width: 470px) {
.redesign-hero .content .icons {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
justify-content: space-between;
}
.redesign-hero .content .icons:nth-child(1) {
grid-column: 1/2;
grid-row: 1/2;
}
.redesign-hero .content .icons:nth-child(2) {
grid-column: 2/3;
grid-row: 1/2;
}
.redesign-hero .content .icons:nth-child(3) {
grid-column: 1/2;
grid-row: 2/3;
}
.redesign-hero .content .content-area#primary.content-area-is-not-last:nth-child(4) {
grid-column: 2/3;
grid-row: 2/3;
}
}
@media screen and (min-width: 1290px) {
.redesign-hero .content .icons {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: none;
}
.redesign-hero .content .icons:nth-child(1) {
grid-column: 1/2;
}
.redesign-hero .content .icons:nth-child(2) {
grid-column: 2/3;
}
.redesign-hero .content .icons:nth-child(3) {
grid-column: 3/4;
}
.redesign-hero .content .content-area#primary.content-area-is-not-last:nth-child(4) {
grid-column: 4/5;
}
}
.redesign-hero .content .icon-img {
min-height: 130px;
}
.redesign-hero .content .icon img {
max-height: 120px;
max-width: 120px;
padding-bottom: 1rem;
}
.redesign-hero .content .icon img[alt="lightbulb"] {
max-height: 130px;
}
.redesign-hero .content .icon img[alt="facebook icon"] {
max-width: 105px;
}
.redesign-hero .content .icons p {
font-size: 2.2rem;
text-transform: lowercase;
}
@media screen and (min-width: 750px) {
.redesign-hero {
display: grid;
grid-template-columns: 60% 40%;
}
.redesign-hero .content {
grid-column: 1/2;
grid-row: 1/1;
margin: 3rem;
}
.redesign-hero .image {
grid-column: 2/3;
grid-row: 1/1;
max-width: 800px;
overflow: hidden;
}
.redesign-hero .image img {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
border: 30px solid #ffffff;
margin-top: -30px;
max-width: initial;
transform: translate(30px);
width: auto;
}
}  .redesign-hero .content {
display: grid;
}
.redesign-hero .content #mc10wForm {
grid-row-start: 3;
grid-row-end: 4;
}
.redesign-hero .content #mc10wVersion {
grid-row-start: 2;
grid-row-end: 3;
}
.redesign-hero .content form#mc10wVersion {
border: 1px solid #ffffff;
margin-top: 2rem;
margin-left: 1rem;
margin-right: 1rem;
padding-top: 1.3rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
.redesign-hero .content form#mc10wVersion {
margin-left: 4rem;
max-width: 60%;
min-width: 615px;
}
}
.redesign-hero #mc10wVersion.mc10wForm button {
background-color: #2e2e2e !important;
border-radius: 14px;
color: #ffffff;
font-size: 1.6rem;
margin-top: 0;
}
.redesign-hero #mc10wVersion.mc10wForm {
padding: 1rem;
}
.redesign-hero #mc10wVersion.mc10wForm select#trail {
margin-bottom: 1em;
font-size: 1.6rem;
height: 60px;
white-space: normal;
text-overflow: ellipsis;
}
.redesign-hero #mc10wVersion.mc10wForm label {
font-size: 1.6rem;
}
@media screen and (min-width: 590px) {
.redesign-hero #mc10wVersion.mc10wForm {
padding: 1.6rem;
}
.redesign-hero #mc10wVersion.mc10wForm select#trail {
height: 42px;
}
} .redesign-hero form {
display: flex;
flex-direction: column;
font-size: 1.8rem;
}
.redesign-hero form input:not([type='checkbox'], [type='radio']),
.redesign-hero form select,
.redesign-hero form textarea {
box-shadow: none;
line-height: 2rem;
font-family: inherit;
padding: 0.8rem 1.6rem;
outline: 0;
}
.redesign-hero form input:not([type='checkbox'], [type='radio']),
.redesign-hero form textarea {
margin-bottom: 1.8rem;
}
.redesign-hero form .phone-fields input {
margin-bottom: 0;
}
.redesign-hero form .phone-fields {
margin-bottom: 1.8rem;
}
.redesign-hero form button {
border: 0;
box-shadow: none;
border-radius: 28px;
font-family: inherit;
font-size: 2.5rem;
font-weight: 900;
margin-top: 1.8rem;
padding: 1.6rem 3.2rem;
-webkit-appearance: button;
}
.redesign-hero form button:focus,
.redesign-hero form button:focus-visible,
.redesign-hero form#mc10wVersion button:focus,
.redesign-hero form#mc10wVersion button:focus-visible {
background-color: #fff !important;
outline: 3px solid var(--primary-light-color, #ffcb05);
outline-offset: -2px;
}
.redesign-hero form#mc10wVersion button:focus,
.redesign-hero form#mc10wVersion button:focus-visible {
color: var(--primary-light-color, #ffcb05);
}
.redesign-hero .contact-info div.row.stand-alone-question.category-intro {
margin-bottom: 1.2rem;
font-size: 1.8rem;
}
.redesign-hero .contact-info section {
margin: 0 1.5rem;
}
.redesign-hero .contact-info.mc10w-form-sub-area.last-section {
margin-bottom: 1.5rem;
}
.redesign-hero .mc10wForm fieldset.radio-group,
.redesign-hero .mc10wForm fieldset.select {
margin-bottom: 2rem;
}
.redesign-hero fieldset.row.radio-group legend {
margin-bottom: 0.75rem;
}
.redesign-hero input[type='checkbox'],
.redesign-hero input[type='radio'] {
margin: 0;
padding: 0;
height: 1em;
min-width: 1.6rem;
}
.alt-form:first-of-type {
display: none;
}
.redesign-hero .alt-form:first-of-type {
display: block;
}
.redesign-hero .alt-form:first-of-type span {
display: none;
}
.mc10wForm.trail-93 + .alt-form .alt-form-link,
.mc10wForm.trail-94 + .alt-form .alt-form-link {
display: none;
}
.redesign-hero .mc10wForm.trail-93 + .alt-form,
.redesign-hero .mc10wForm.trail-94 + .alt-form
{
display: none;
}
.redesign-hero .alt-form {
font-size: 1.8rem;
padding-bottom: 3.4rem;
text-align: center;
}
.redesign-hero .alt-form a {
color: #2e2e2e;
text-decoration: underline;
}
.redesign-hero .alt-form a:hover {
text-decoration: none;
} .redesign-highlights {
align-items: center;
background-color: #3d3935;
color: #ffffff;
display: flex;
flex-direction: column;
font-family: 'Lato', sans-serif;
padding: 3rem 2rem;
text-align: center;
}
@media screen and (min-width: 1000px) {
.redesign-highlights {
align-items: flex-start;
flex-direction: row;
justify-content: space-evenly;
padding: 10rem 2rem;
}
}
.redesign-highlights div {
max-width: 400px;
}
.redesign-highlights .h2 {
font-size: 3rem;
font-weight: 900;
margin-bottom: .75rem;
text-transform: uppercase;
}
.redesign-highlights p {
font-size: 2rem;
}
@media screen and (min-width: 1000px) {
.redesign-highlights .h2 {
font-size: 4rem;
}
.redesign-highlights p {
font-size: 2.2rem;
}
} .redesign-testimonials {
background-color: #62cbc9;
font-family: 'Lato', sans-serif;
font-size: 1.8rem;
}
.redesign-testimonials .content {
padding: 4.8rem;
}
.redesign-testimonials .quote {
align-items: center;
background-color: #fff;
border-radius: 10px;
display: flex;
font-size: 1.8rem;
justify-content: center;
margin-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
.redesign-testimonials .quote {
font-size: 2.6rem;
}
}
.redesign-testimonials blockquote {
align-items: center;
border: 10px solid #62cbc9;
border-radius: 10px;
display: flex;
justify-content: center;
margin: 1.6rem;
min-height: 223px;
padding: 2.7rem 3.2rem;
width: 100%;
}
.redesign-testimonials p {
margin: 2rem 0;
}
.redesign-testimonials span {
white-space: nowrap;
}
.redesign-testimonials .owl-theme .owl-nav {
font-size: 4.8rem;
}
.redesign-testimonials .owl-prev,
.redesign-testimonials .owl-next {
position: absolute;
top: 35%;
transform: translateY(-35%);
}
.redesign-testimonials .owl-prev {
left: -2.4rem;
}
.redesign-testimonials .owl-next {
right: -2.4rem;
}
.redesign-testimonials .owl-theme .owl-dots .owl-dot span {
background: #ffffff;
}
.redesign-testimonials .owl-theme .owl-dots .owl-dot.active span,
.redesign-testimonials .owl-theme .owl-dots .owl-dot:hover span {
background: #3d3935;
}
.redesign-testimonials button.owl-dot,
.redesign-testimonials button.owl-prev,
.redesign-testimonials button.owl-next {
background-color: transparent !important;
}
.redesign-testimonials button:hover,
.redesign-testimonials button:active,
.redesign-testimonials button:focus {
box-shadow: none;
}
.redesign-testimonials .image {
width: 100%;
height: 100%;
}
.redesign-testimonials .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 750px) {
.redesign-testimonials {
display: grid;
grid-template-columns: 60% 40%;
}
.redesign-testimonials .content {
grid-column: 1/2;
}
.redesign-testimonials .image {
grid-column: 2/3;
align-self: end;
}
} .redesign-planet {
font-family: 'Lato', sans-serif;
font-weight: 900;
color: #2e2e2e;
}
.redesign-planet .content {
padding: 0 2rem 2rem;
text-align: center;
}
.redesign-planet .image {
display: block;
width: 100%;
height: 100%;
}
.redesign-planet .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.redesign-planet h2 {
font-family: 'Lato', sans-serif;
font-size: 4.8rem;
font-weight: 900;
margin-top: 3.9rem;
margin-bottom: 1rem;
}
.redesign-planet p {
font-size: 2.5rem;
margin: 0.5rem;
}
@media screen and (min-width: 750px) {
.redesign-planet {
display: grid;
grid-template-columns: 60% 40%;
align-items: center;
}
}
.field-left {
position: absolute; left: -5000px;
} .cookie-consent-banner {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #f8f9fa;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
color: black;
padding: 15px;
font-size: 14px;
text-align: center;
z-index: 1000;
transition: max-height 0.4s ease, opacity 0.4s ease;
}
.cookie-consent-banner.collapsed {
max-height: 160px;
}
.cookie-consent-banner.expanded {
max-height: 220px;
}
.cookie-consent-banner.hide {
max-height: 0;
opacity: 0;
}
.cookie-consent-button {
border: none;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
margin-bottom: 1.05rem;
}
.cookie-consent-button:hover {
box-shadow: none;
text-decoration: underline;
}
.cookie-consent-button:active {
opacity: .5;
}
.cookie-consent-button.btn-success {
background-color: #277C78 !important;
border: 1px solid #EDF7F7;
color: white;
}
.cookie-consent-button.btn-grayscale {
background-color: #dfe1e5 !important;
border: 1px solid black;
color: black;
}
.cookie-consent-button.btn-outline {
background-color: #EDF7F7 !important;
border: 1px solid #277C78;
color: #277C78;
}
.cookie-consent-button .caret {
color: #6d6e6f;
display: inline-block;
transition: transform 0.3s ease;
transform-origin: center center;
vertical-align: middle;
line-height: 1;
font-size: 0.75em;
}
.cookie-consent-button .caret.rotate {
transform: rotate(180deg);
margin-bottom: .2em;
}
.cookie-consent-options {
justify-content: center;
flex-wrap: wrap;
margin-bottom: 10px;
pointer-events: none;
transition: .5s ease-in-out;
}
.cookie-consent-options.fade-out {
opacity: 0;
transform: translateY(10px);
}
.cookie-consent-options.fade-in {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.cookie-consent-options label {
margin: 0 10px;
font-size: 14px;
}
.cookie-consent-options input {
margin-right: 5px;
} .grid-container{
display: grid;
grid-template-columns: 3fr 1fr;
}
.grid-col-content {
justify-self: end;
}
.grid-col-button {
justify-self: end;
}
.btn-close {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 0;
border: none;
}
.btn-close svg {
width: 12px;
height: 12px;
}
.btn-close:hover {
box-shadow: none;
background-color: #e0e1e5 !important;
}