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: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a {
text-decoration: none;
}
a:hover,
a:active {
outline: 0;
text-decoration: underline;
}
a:focus:not(:focus-visible) {
outline: none;
}
a:focus-visible {
outline: 2px dotted black;
}
a img {
border: 0;
} @font-face{
font-family: 'Roboto';
src: url(//veganchefchallenge.org/wp-content/themes/veganoutreach/fonts/Roboto-Regular-webfont.woff) format('woff');
}
@font-face{
font-family: 'Roboto';
src: url(//veganchefchallenge.org/wp-content/themes/veganoutreach/fonts/Roboto-Medium-webfont.woff) format('woff');
font-weight: 600;
}
@font-face{
font-family: 'Roboto';
src: url(//veganchefchallenge.org/wp-content/themes/veganoutreach/fonts/Roboto-Bold-webfont.woff) format('woff');
font-weight: bold;
}
@font-face{
font-family: 'Roboto';
src: url(//veganchefchallenge.org/wp-content/themes/veganoutreach/fonts/Roboto-Bold-webfont.woff) format('woff');
font-weight: 700;
}
@font-face{
font-family: 'Roboto';
src: url(//veganchefchallenge.org/wp-content/themes/veganoutreach/fonts/Roboto-Black-webfont.woff) format('woff');
font-weight: 900;
}
body,
button,
.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';
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%;
} button,
.button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-radius: 8px;
padding: 12px 24px;
font-size: 2.4rem;
background-color: var(--primary-accent-background-color, #ffcb05);
color: #464646;
border: 0;
box-shadow: none;
text-shadow: none;
cursor: pointer; -webkit-appearance: button; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
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="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
}
input[type="text"]:focus,
input[type="email"]: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="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: var(--top-menu-bar-background-color, #ffffff);
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(--top-menu-bar-donate-button-background-color, #ffcb05); font-family: 'Roboto';
text-decoration: none;
color: var(--top-menu-bar-donate-button-text-color, black);
}
.donate-menu-item a:active,
.donate-menu-item a:visited,
.donate-menu-item a:hover ,
.donate-menu-item a {
color: var(--top-menu-bar-donate-button-text-color, black);
}
.menu-top-nav-container.line {
display: none;
float: right;
}
.menu-top-nav-container.bubble {
display:none;
z-index: 10;
}
.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-accent-background-color, #ffcb05);
} #site-navigation.toggled .menu-top-nav-container.bubble {
display: block;
background-color: var(--top-menu-background-color, white);
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,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-radius: 8px;
padding: 12px 24px;
font-size: 2.4rem;
background-color: var(--primary-accent-background-color, #ffcb05);
color: #464646;
border: 0;
box-shadow: none;
text-shadow: none;
cursor: pointer; -webkit-appearance: button; }
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,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
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 {
}
#HeroAndTileBarWrapper {
background-color: var(--hero-and-tile-bar-wrapper-background-color, #EDEBEB);
}
.content-area#primary {
width: 100%;
padding: 20px 4% 0;
margin-bottom: 3rem;
}
.content-area#primary.content-area-is-not-last {
margin-bottom: 0;
}
.content-area#primary.content-area-is-not-last article.hentry {
margin-bottom: 0;
}
@media screen and (min-width: 700px) {
.content-area#primary { width: 70%;
}
}
@media screen and (min-width: 1024px) { .content-area#primary {
width:50%;
margin-left: 25%;
}
}  #colophon {
width: 100%;
color: var(--footer-text-color, #383838);
background-color: var(--footer-background-color, #fefefe);
}
#colophon a, #colophon a:visited, #colophon a:hover {
color: var(--footer-link-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);
width: 100%;
padding: 45px 8px;
text-align: left;
}
#bl { grid-row: 3; }
#br { grid-row: 1; }
@media screen and (min-width: 700px) {
#footer-tiles {
padding: 45px;
grid-template-columns: repeat(3, 3fr);
}
#bl { grid-row: inherit; }
#br { grid-row: inherit; }
}
#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],
#colophon .widget_floating_form .floating-link .btn-small {
border-radius: 8px;
padding: 12px 24px;
margin-top: 0.8rem;
font-size: 2.2rem;
background-color: var(--footer-link-color, #ffcb05);
color: var(--footer-button-text-color, #ffcb05);
border: 0;
box-shadow: none;
text-shadow: none;
}
#footer-tiles button:focus-visible,
#footer-tiles input[type=submit]:focus-visible {
outline: 2px dotted black;
}
#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: 16px;
}
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;
}  form {
margin-top: 10px;
}
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.enewsPage button,
form#enewsForm.enewsPage button {
margin-top: 20px;
}
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 #DDDDDD;
}
textarea {
display: block;
height: 12em;
width:90%;
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;
}
#result {
color: #ff3300;
font-size: .8em;
}
.enewsPage #result,
.freeGuidePage #result,
#catalog-order-form #result,
#catalog-order-form #submit-message,
#contact-form #result {
margin: -2rem 0 4rem;
}
.share-in-loop {
display: flex;
width: 100%;
align-items: center;
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: 10px;
}
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 {
padding: 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 {
border: 1px solid #bbb;
background-color: white;
}
#catalog-order-form input[type="text"] {
display: inline-block;
}
#catalog-order-form input[readonly] {
border: 1px solid #bbb;
background-color: #eee;
}
#merch div.row div:nth-child(1) { width: 53%; text-align: left; }
#merch div.row div:nth-child(2) { width: 12%; }
#merch div.row div:nth-child(3) { width: 20%; }
#merch div.row div:nth-child(4) { width: 15%; }
#merch div div input { width: 100%; text-align: right; }
#brochures div.row div:nth-child(1) { width: 50%; text-align: left; }
#brochures div.row div:nth-child(2) { width: 20%; }
#brochures div.row div:nth-child(3) { width: 15%; }
#brochures div.row div:nth-child(4) { width: 15%; }
#brochures div div input { width: 100%; text-align: right; }
#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.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%; text-align: left; }
#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 {
width: 100%;
height: 300px;
} .row-of-items:nth-child(odd) {
background-color: #f6f6f6;
} img.left-thumb {
float: left;
margin-right: 10px;
}
ul.shirt-sizes {
display: block;
width: 100%;
margin: 5px 0;
}
ul.shirt-sizes li {
display: inline-block;
float:left;
text-align: left;
}
ul.shirt-sizes li:nth-child(odd) {
clear: both;
width: 35px;
padding-left: 0;
padding-right: 2px;
}
ul.shirt-sizes li:nth-child(even) {
}
ul.shirt-sizes li select {
}
.required-field {
color: #ff3300;
font-size: 80%;
vertical-align: baseline;
position: relative;
top: -0.4em;
padding-left: 3px;
}
.hint {
font-size: 90%;
}
select.greedy {
width: 100%;
padding: 3px;
}
#country-alert, #state-alert, #submit-alert {
display: none;
}
.error, .red {
color: #ff3300;
}
.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: 300px;
justify-items: flex-end;
align-items: center;
}
@media screen and (min-width: 800px) { #hero { height: 360px; } }
#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';
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 .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 .tile {
max-width: 800px;
transition: all 1s;
}
#tileBar.oneTile .tile {
max-width: 560px;
}
#tileBar.twoTiles .tile {
max-width: 420px;
}
#tileBar.threeTiles .tile {
max-width: 340px;
}
#tileBar .tile h2 {
justify-self: center;
align-self: center;
padding: 1.3rem 16px;
margin: 0;
font-size: 2.2rem;
}
#tileBar .tile h2,
#tileBar .tile p {
color: #333;
flex-grow: 1;
text-align: center;
}
#tileBar .tile p {
margin: 0 10px 1rem;
}
#tileBar a:hover,
#tileBar a:active,
#tileBar a:visited {
color: #333;
text-decoration: none !important;
}
#tileBar .tile img {
width: 100%;
object-fit: cover;
height: 120px;
border-radius: 15px 15px 0 0;
}
@media screen and (min-width: 300px) { #tileBar .tile img { height: 200px; } }
@media screen and (min-width: 800px) { #tileBar .tile img { height: 220px; } }
@media screen and (min-width: 1200px) { #tileBar .tile img { height: 208px; } }
@media screen and (min-width: 1700px) { #tileBar.threeTiles .tile img { height: 210px; } }
#tileBar {
display: grid;
grid-gap: 40px;
grid-auto-rows: minmax(100px, auto);
width: 100%;
background-color: var(--tile-bar-background-color, #ebebeb);
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);
}
#tileBar.flatTiles {
grid-template-columns: 100%;
}
#tileBar.flatTiles .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 .tile .cap-top {
grid-area: top;
}
#tileBar.flatTiles .tile img {
grid-area: image;
height: 150px;
width: 150px;
border-radius: 15px 0 0 15px;
}
#tileBar.flatTiles .tile h2 {
grid-area: label;
justify-self: left;
align-self: end;
padding: 8px 24px;
}
#tileBar.flatTiles .tile p {
grid-area: copy;
justify-self: left;
align-self: start;
margin-left: 24px;
text-align: left;
}
#tileBar.flatTiles .tile .cap-bottom {
grid-area: bottom;
}
@media screen and (max-width: 600px)  {
#tileBar.flatTiles .tile {
display: flex;
}
#tileBar.flatTiles .tile p,
#tileBar.flatTiles .tile h2 {
align-self: center;
text-align: center;
}
#tileBar.flatTiles .tile img {
height: 100%;
width: 100%;
border-radius: 15px 15px 0 0;
}
}
#tileBar.restaurantTiles {
margin-bottom: 5rem;
}
#tileBar.restaurantTiles img {
object-fit: contain;
padding: 1rem 1rem 0 1rem;
}
#tileBar.restaurantTiles .socials {
min-height: 44.75px; }
#tileBar.restaurantTiles .socials img {
height: 40px;
width: 40px;
}
#tileBar.restaurantTiles .socials {
text-align: center;
}
#tileBar.restaurantTiles .restaurant-tile-name {
flex-grow: 1;
}
#tileBar.restaurantTiles .restaurant-buttons {
display: grid;
grid-template-columns: repeat(2, 2fr);
margin-bottom: 1rem;
}
#tileBar.restaurantTiles .restaurant-button {
display: block;
background: none;
text-align: center;
}
#tileBar.restaurantTiles .restaurant-button a {
display: inline-block;
padding: 0.6rem 16px;
font-size: 1.6rem;
border-radius: 2.2rem;
min-width: 110px;
margin: 8px 4px;
text-align: center;
color: var(--footer-text-color, #ffcb05);
background: var(--loose-button-color, #ffcb05);
}
.loose-button {
display: inline-block;
background: none;
text-align: center;
text-decoration: none;
}
.loose-button a,
.loose-button span,
a.btn-city-details  {
display: inline-block;
padding: 0.6rem 16px;
font-size: 1.6rem;
border-radius: 2.2rem;
min-width: 120px;
margin: 8px 4px;
text-align: center;
color: var(--footer-text-color, #ffcb05);
background: var(--loose-button-color, #ffcb05);
}
.loose-button a:hover,
#tileBar.restaurantTiles .restaurant-button a:hover,
a.btn-city-details:hover {
text-decoration: none;
background: var(--loose-button-color-hover, #ffcb05);
}
.loose-button a:active,
#tileBar.restaurantTiles .restaurant-button a:active,
a.btn-city-details:active {
background: var(--loose-button-color-active, #ffcb05);
}
.challenge-buttons {
padding: 2rem 0;
text-align: center;
}
.intro-content {
padding: 2rem 0 0;
}
.intro-content .heading {
font-size: 1.8rem;
font-weight: 600;
line-height: 1.4;
}
@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.fourTiles .tile:nth-of-type( 2 ) {
grid-column: 2 / span 2;
}
#tileBar.fourTiles .tile:nth-of-type( 3 ) {
grid-column: 1 / span 2;
}
#tileBar.fiveTiles { grid-template-columns: repeat(3, 2fr); }
#tileBar.fiveTiles .tile:nth-of-type( 4 ) {
grid-column: 1 / span 2;
}
#tileBar.sixTiles { grid-template-columns: repeat(3, 2fr); }
#tileBar.sixTiles.restaurantTiles { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (min-width: 900px) {
#tileBar.sixTiles.restaurantTiles { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (min-width: 1100px) {
#tileBar.fourTiles { grid-template-columns: repeat(4, 1fr); }
#tileBar.fourTiles .tile:nth-of-type( 2 ) {
grid-column: 2 / span 1;
}
#tileBar.fourTiles .tile:nth-of-type( 3 ) {
grid-column: 3 / span 1;
}
#tileBar.flatTiles {
grid-template-columns: 1fr 1fr;
}
#tileBar.sixTiles.restaurantTiles { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (min-width: 1600px) {
#tileBar.fiveTiles { grid-template-columns: repeat(5, 1fr); }
#tileBar.fiveTiles .tile:nth-of-type( 4 ) {
grid-column: 4 / span 1;
}
#tileBar.sixTiles { grid-template-columns: repeat(6, 1fr); }
}
#tileBar .tile .cap-top {
background-color: var(--primary-accent-background-color, #ffcb05);
border-radius: 16px 16px 0 0;
height: 16px;
}
#tileBar .tile .cap-bottom {
background-color: var(--primary-accent-background-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-accent-background-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;
}
footer#colophon #br {
padding-right: 0;
padding-left: 0;
}
footer#colophon #br.initial-state {
padding-right: 10%;
padding-left: 10%;
}
#floatingFormRestorerWrapper.initial-state {
display: none;
}
#br .menu-toggle-container {
display: none;
}
@media screen and (min-width: 700px) {
#br.initial-state .menu-toggle-container {
display: block;
margin-right: 0;
}
}
#colophon #br .menu-toggle {
display: block;
float: right;
}
#colophon #br.initial-state h3 {
float: left;
clear: none;
padding-top: 12px;
}
#br #floatingForm {
clear: both;
padding-top: 5px;
}
#br.initial-state #floatingForm {
margin-bottom: -1.5rem;
}
#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: var(--footer-secondary-background-color, #ebebeb);
padding: 12px 24px 24px;
box-sizing: content-box;
color: var(--footer-secondary-text-color, #ebebeb);
}
}
#br.initial-state #floatingFormTitle {
display: flex;
margin-bottom: 0.2rem;
}
#br.initial-state #floatingFormTitle img {
padding-top: 8px;
width: 80%;
height: 80%;
}
#br .input-wrapper {
clear: left;
position: relative;
width: 96%;
padding-bottom: 3%;
min-height: 50px;
}
#br .input-wrapper.short {
min-height: 20px;
width: 100%;
font-size: 95%;
}
#br .input-wrapper.start-hidden {
display: none;
}
#br .input-wrapper label {
margin-bottom: 3px;
}
#br .input-wrapper input[type="text"] {
border-radius: 3px;
}
#br .floatingForm {
padding: 0 0 10px 3%;
}
#br .floatingForm .floating-tagline {
margin: 0 0 1.6rem;
font-size: 95%;
}
#br input.inlineLabel {
margin-bottom: 0.4rem;
}
#mobileFloatingFormDismisser span,
#floatingFormDismisser span {
background: var(--footer-secondary-link-color, white);
}
#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 #mobileFloatingFormDismisser.menu-toggle  {
display: block;
margin: 0 !important;
width: 13.3px;
height: 23px;
}
#colophon #mobileFloatingFormDismisser.menu-toggle span {
top: 12px;
}
#colophon #mobileFloatingFormDismisser.menu-toggle span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#colophon #mobileFloatingFormDismisser.menu-toggle span:nth-child(1) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
#colophon #mobileFloatingFormDismisser.widget {
margin: 0;
}
}
.subscription-confirmation-result {
min-height: 400px;
} #colophon .widget_floating_form .floating-tagline {
padding-top: .75rem;
}
#colophon .widget_floating_form .floating-link .btn-small {
display: inline-block;
margin-top: 2rem;
}
@media screen and (max-width: 700px) {
#br:not(.initial-state) .widget_floating_form {
padding: 0 2rem;
}
} .media-years {
display: flex;
justify-content: center;
}
.media-years ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
margin-left: 0;
}
.media-years li {
margin: 0 1rem 1rem 0;
}
.media-years a.button {
font-size: 1.8rem;
color: #ffffff;
margin-right: 1rem;
margin-bottom: 1rem;
box-sizing: border-box;
}
@media screen and (max-width: 600px) {
.media-years a.button {
width: 100%;
padding: 10px;
font-size: 2rem;
padding: 0.5rem 1rem;
width: 100%;
text-align: center;
}
}
.media-years a.button:hover,
.media-years a.button:focus {
box-shadow: none;
text-decoration: underline;
}
.media-years a.button.active {
background-color: var(--footer-link-color, #ffcb05);
color: #464646;
}
#tileBar.flatTiles .tile.hide-tile {
position: absolute;
left: -999px;
opacity: 0;
}
.js-enabled {
display: none;
} .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;
}
.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-options {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.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 {
background-color: #ffcb05;
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;
}
.card-slider {
max-width: 960px;
margin: 0 auto;
@media screen and (max-width: 1024px) {
width: 80%;
}
.slick-prev-icon,
.slick-next-icon {
color: black;
}
.slick-slide {
padding: 0 10px;
}
.card {
position: relative;
display: flex !important;
flex-direction: column;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: white;
text-decoration: none;
color: rgba(0, 0, 0, 0.9);
transition: all 0.1s linear;
@media screen and (max-width: 600px) {
height: auto;
}
} .card .main-link {
text-decoration: none;
display: flex;
flex-direction: column;
}
.card .main-link:focus {
outline: none;
}
.card .main-link:focus .title {
outline: 3px dashed orange;
outline-offset: -4px;
color: royalblue;
text-decoration: underline;
} .card .title {
background-color: RGBA(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: RGBA(255, 255, 255, 1);
border-radius: 0px 0px 16px 16px;
color: #fff;
margin: -40px 0 0 0;
padding: 10px 10px 5px 10px;
z-index: 2;
h2 {
font-size: 1.8rem;
font-weight: 400;
color: #fff;
}
}
.card .title:hover {
text-decoration: underline;
} .card .image { order: -1;
position: relative;
padding: 1rem;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
min-height: 310px;
}
.card .image img {
align-self: flex-start;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in-out;
} .card .description {
margin: 7px 10px 15px 10px;
font-size: 14px;
opacity: 0.8;
} .card .badge {
position: absolute;
top: 2px;
right: 2px;
z-index: 1;
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: white;
background-color: rgb(200, 0, 0);
} .card .price {
padding-left: 10px;
}
.card .price .new-price {
font-weight: bold;
}
.card .price .original-price {
margin-left: 5px;
font-size: 14px;
font-style: italic;
opacity: 0.5;
text-decoration: line-through;
} .card .rating {
margin: 10px 0 15px 10px;
color: orange;
font-size: 12px;
} .card .rating .reviews-link {
color: rgba(0, 0, 0, 0.6);
margin-left: 5px;
}
.card .rating .reviews-link:hover {
color: black;
}
.card .rating .reviews-link:focus {
color: royalblue;
outline: 3px dotted royalblue;
outline-offset: 2px;
} .card a:hover {
border-color: rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
img {
transform: scale(1.1);
}
}
.card a:focus {
outline: none;
}
.slick-dots {
bottom: -40px;
li button {
box-shadow: none;
padding: 12px;
margin-top: -6px;
margin-left: -6px;
}
li.slick-active button .slick-dot-icon:before {
font-size: 12px;
margin-top: 0;
margin-left: 0;
}
}
.slick-slider.slick-dotted {
padding: 2rem 0;
}
}