to 30px */
@media screen and (max-width: 1204px) {
#par1 {
margin-right: 40px;
margin-left: 40px;
}
}
/* If screen size is 600px wide, or less, set the font-size of
to 30px */
@media screen and (max-width: 600px) {
#par1 {
margin-right: 16px;
margin-left: 0px;
}
}
.container:not(.container.wrapper){
border-top: solid 2px black;}
/* Container holding the image and the text */
.container{
position: relative;
text-align: center;
color: #161BC3;
top: 100%;
width: 100%;
}
/* Centered text */
.centered {
position: absolute;
top: 220px;
}
#welcome {
font-weight: bold;
}
#par1 {
font-family: "Verdana", sans-serif;
font-size: small;
font-weight: bold;
white-space: wrap;
text-align: justify;
text-indent: 50px;
}
}
#fw-section-links-list-b34bb99d-f612-46a1-a45c-03a0e33780af {
--color-primary: #ffffcc;
--color-primary-rgb: 255, 255, 204;
--color-background: #ffffcc;
--color-background-rgb: 255, 255, 204;
--color-on-background: #0005b9;
--color-on-background-rgb: 0, 5, 185;
--color-on-primary: #0005b9;
--color-on-primary-rgb: 0, 5, 185;
--color-product-image-background: #0005b9;
--color-background-brightness: 249;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffcc;
--primary-btn-text: #0005b9;
--primary-btn-border-color: #0005b9;
--secondary-btn-bg: transparent;
--secondary-btn-text: #0005b9;
--secondary-btn-border-color: #0005b9;
.link-list__cta-container--horizontal{
border-bottom: none;
border-top: none;
padding-top: 10px;
padding-bottom:10px;
}
.link-list__container{
/*color: #bfbf99;*/
/*border-top: double;*/
border-bottom: none;
padding-bottom: 1px;
margin-bottom: 1px;
}
.button {
background-color: #C0C0C0;
font-size: 11px;
color: #222222;
padding: 10px;
}
}
#fw-section-custom-html-9b2690df-0ee6-425b-9084-287d970493da {
#sandwhichboard {
width: 25%;
margin: auto;
/*padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;*/
/* border-spacing: 30px;*/
text-align: center;
}
}
#fw-section-rich-text-ab6652f0-530c-40b9-bd5f-1095a2a13589 {
p{
font-size: small;
/* font-style: bold;*/
}
}
#fw-section-rich-text-8e14ed16-c0f9-41f6-b308-6a3b5c390b85 {
h2.rich-text__heading{
font-size: large;
/*color: #0000ff;*/
width: 250px;
box-sizing: border-box;
/*border: double;*/
margin-left: auto;
margin-right: auto;
border-bottom: solid 2px;
}
}
#fw-section-rich-text-67c1854c-e246-44d0-a90f-a6aa27b8b559 {
p{
font-size: small;
/* font-style: bold;*/
}
}
#fw-section-instagram-feed-1754693397 {
.button {
font: bold 11px Arial;
text-decoration: none;
background-color: #CFCFCF;
color: #222222;
padding: 2px 6px 2px 6px;
/*border-top: 1px ridge #ffffff;
border-right: 2px ridge #808080;
border-bottom: 2px ridge #808080;
border-left: 1px ridge #ffffff;
*/
}
}
#fw-section-footer {
.footer__menu-link {
font: bold 11px Arial;
text-decoration: none;
background-color: #CFCFCF;
color: #222222;
padding: 2px 6px 2px 6px;
border-top: 1px ridge #ffffff;
border-right: 2px ridge #808080;
border-bottom: 2px ridge #808080;
border-left: 1px ridge #ffffff;
}
.footer__social-link {
font: bold 11px Arial;
text-decoration: none;
background-color: #CFCFCF;
color: #222222;
padding: 2px 6px 2px 6px;
border-top: 1px ridge #ffffff;
border-right: 2px ridge #808080;
border-bottom: 2px ridge #808080;
border-left: 1px ridge #ffffff;
}
/*
.button--primary {
font: bold 11px Pixelated MS Sans Serif;
background-color: #CFCFCF;
padding: 2px;
color: #010101;
border-color: #ffffff;
border-top: 2px solid #ffffff;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 2px solid #ffffff;
border-style: outset;
}*/
/*
.container__cart-component .select-field--transparent, .select-field__select{
font: bold 11px Pixelated MS Sans Serif;
background-color: #FFFFFF;
visibility: show;
color: #010101;
width: 100%;
height: 50%;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ffffff;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 1px solid #ffffff;
}
.select-field__select {
visibility: show;
background-image: url("Get removed idiot");
font: bold 11px Pixelated MS Sans Serif;
background-color: #FFFFFF;
color: #010101;
}
*/
}
#fw-section-announcement-bar-88e488e8-cd91-44c9-89b9-82ec2cbb0a0a {
--color-primary: #ff6249;
--color-primary-rgb: 255, 98, 73;
--color-background: #ffffcc;
--color-background-rgb: 255, 255, 204;
--color-on-background: #0005c3;
--color-on-background-rgb: 0, 5, 195;
--color-on-primary: #333333;
--color-on-primary-rgb: 51, 51, 51;
--color-product-image-background: #0005c3;
--color-background-brightness: 249;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff6249;
--primary-btn-text: #333333;
--primary-btn-border-color: #0005c3;
--secondary-btn-bg: transparent;
--secondary-btn-text: #0005c3;
--secondary-btn-border-color: #0005c3;
}
#fw-section-header {
/* If screen size is 600px wide, or less, set the font-size of
to 30px */
@media screen and (max-width: 600px) {
#par1 {
margin-right: 16px;
margin-left: 0px;
}
}
.header__size--md{
/*border-top: double;*/
border-bottom: solid 2px #bfbf99;
padding-bottom: 10px;
margin-bottom: 1px;
}
button.header__icon[aria-label="Search"][type="button"] {
/*content: "Search";*/
/*font-variant: small-caps;
letter-spacing: 2px;
position: relative;
/*height: 1em;
top: 0.8em;
left: 0em;*/
color: black;
width: 25px !important; /* Set your desired small size */
height: 25px !important;
min-width: 0 !important; /* Removes the "floor" preventing it from shrinking */
min-height: 0 !important;
padding: 0 !important; /* Internal space can also force a minimum size */
}
/* Target the icon inside that specific button */
button.header__icon[aria-label="Search"] svg,
button.header__icon[aria-label="Search"] i {
position: relative;
width: 16px !important; /* Set your desired small size */
height: 16px !important;
top: 0px; /* Nudge it down */
left: 6px; /* Nudge it sideways if needed */
}
.header__icon {
color: #0000;
font-style: normal;
font-weight: bold;
}
button[data-drawer-trigger-primary="mobile-menu"]::before {
content: "menu";
font-variant: small-caps;
letter-spacing: 2px;
position: relative;
height: 1em;
top: 0.8em;
left: 0em;
color: black;
}
.header__link {
font: bold 11px Arial;
text-decoration: none;
background-color: #CFCFCF;
top: -10px; /* Nudge it down */
left: 0px; /* Nudge it sideways if needed */
position: relative;
color: #222222;
padding: 2px 6px 2px 6px;
border-top: 1px ridge #ffffff;
border-right: 2px ridge #808080;
border-bottom: 2px ridge #808080;
border-left: 1px ridge #ffffff;
}
/*.container__cart-component */
.select-field--transparent, {
font: bold 11px Pixelated MS Sans Serif;
background-color: #FFFFFF;
visibility: show;
color: #010101;
width: 100%;
height: 50%;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ffffff;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 1px solid #ffffff;
}
/*.select-field__select {
visibility: show;
background-image: url("Get removed idiot");
font: bold 11px Pixelated MS Sans Serif;
background-color: #FFFFFF;
color: #010101;
}
*/
}
#fw-section-product-product-default {
--color-primary: #cfcfcf;
--color-primary-rgb: 207, 207, 207;
--color-background: #ffffcc;
--color-background-rgb: 255, 255, 204;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 249;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #cfcfcf;
--primary-btn-text: #000000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.button{
font: bold large "Pixelated MS Sans Serif";
}
/*The main window*/
.product__main {
/*background:#ffffcc;
border-color:#C0C0C0 #CFCFCF #CFCFCF #B0B0B0;
border-style:ridge;
border-width: 4px;*/
padding-left: 30px;
padding-right: 30px;
}
/* If screen size is 600px wide, or less, set the font-size of
to 30px */
@media screen and (max-width: 600px) {
.product__gallery{
position: static;
top: 0px;
}
}
.gallery{
margin-top: 15px;
margin-bottom: 15px;
background-color: #CFCFCF;
border-color:#F5F5F5 #808080 #808080 #F5F5F5;
border-style:outset;
border-width: 4px;
}
/*The literal product phto*/
.gallery__main{
margin-left: auto;
margin-right: auto;
border-color:#808080 #C5C5C5 #F5F5F5 #C5C5C5;
border-top-style: ridge;
border-left-style: ridge;
border-right-style: ridge;
border-bottom-style: solid;
border-width: 4px;
box-shadow: none;
}
.gallery-thumbs {
}
.gallery-thumbs__item{
padding-right: auto;
padding-left: auto;
margin-left: 5px;
border-color:#808080 #C5C5C5 #F5F5F5 #C5C5C5;
border-top-style: ridge;
border-left-style: ridge;
border-right-style: ridge;
border-bottom-style: solid;
border-width: 4px;
box-shadow: none;
}
.radio-button__label {
font: bold 11px Pixelated MS Sans Serif;
text-decoration: none;
width: 75%;
height: 70%;
background-color: #CFCFCF;
color: #010101;
padding: 2px 8px 2px 8px;
border-top: 1px solid #ffffff;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 1px solid #ffffff;
}
.product-drawer__cta-item {
background-color: #0000;
color: #0000;
}
.product-drawer__close {
color: #0000;
font-style: normal;
font-weight: bold;
}
.product-drawer__close::before {
content: "X";
font-variant: small-caps;
letter-spacing: 2px;
position: relative;
height: 1em;
top: 0.8em;
left: 0em;
color: black;
}
.accordion__heading {
font: bold 11px Pixelated MS Sans Serif;
text-decoration: none;
background-color: #CFCFCF;
color: #010101;
padding: 4px 8px 4px 8px;
border-top: 1px solid #ffffff;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 1px solid #ffffff;}
.sc-jPkiSJ.hNfOKB {
font: bold 11px Pixelated MS Sans Serif;
text-decoration: none;
background-color: #dfdfdf;
color: #010101;
padding: 4px 8px 4px 8px;
border-top: 1px solid #ffffff;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 1px solid #ffffff;}
}
#fw-section-product-recommendations-product-default {
.collection__header{
}
/*The main window*/
.collection__heading{
font-size: 30px;
/*color: orange;*/
width: 130%;
}
/*The literal product tile*/
.product-tile{
margin-top: 15px;
margin-bottom: 15px;
/* background-color: #CFCFCF;
border-color:#F5F5F5 #808080 #808080 #F5F5F5;
border-style:outset;
border-width: 4px;*/
width:auto;
}
/*Controlls the image size*/
.tile__image {
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 2.5px;
padding: 0px;
/* border-color:#808080 #F5F5F5 #F5F5F5 #C5C5C5;
border-top-style: ridge;
border-left-style: ridge;
border-right-style: ridge;
border-bottom-style: solid;
border-width: 4px;*/
box-shadow: none;
/*width: 750%;*/
}
.tile__description {}
.tile__options{}
/*The grid 4thwall uses*/
/*.grid{
/*display: grid;
}*/
/*controlls the grid the tiles are in*/
.collection__grid{
margin-left: auto;
margin-right: auto;
width: 75%;
}
.tile__heading {
font: bold 16px "Courier New";
font-family: Verdana, sans-serif;
text-decoration: underline;
color: #BLUE;
}
.tile__prices {
font: bold 20px "Courier New";
font-family: Verdana, sans-serif;
font-style: bold;
color: #010101;
}
.tile__price {
font: bold 20px "Courier New";
font-family: Verdana, sans-serif;
font-style: bold;
color: #010101;
}
.tile__price--original {
font: bold 20px "Courier New";
font-family: Verdana, sans-serif;
font-style: bold;
color: #010101;
}
/*.grid__column{
border-style:solid;
border-width:1.5px;
width: 75%;
margin: 0px;
}*/
}