:focus {
outline: none;
}
body {
font-family: "Crimson Text", serif;
color: #6f6f6f;
}
a,
a:hover,
a:focus,
a:active,
a:visited {
text-decoration: none;
}
a,
a:visited {
color: #666;
}
a:hover,
a:focus,
a:active {
color: #111;
}
a.link-light {
color: var(--light);
}
footer {
background-color: #eee;
padding-top: 2rem;
padding-bottom: 1rem;
} input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
background: none;
color: #32353c;
width: 100%;
border: 1px solid rgba(36, 38, 43, 0.35);
padding: 2px 12px;
line-height: 1.35;
border-radius: 4px;
position: relative;
} .theme-title-wrapper {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-top: 1em;
margin-bottom: 2em;
padding: 1.25em 0;
}
.theme-title-wrapper .theme-title {
margin: 0;
text-align: center;
font-weight: 400;
font-style: italic;
} .btn-warning-light {
padding: 10px 20px;
background: #ffebec;
color: #777;
border-radius: 30px;
} #overlay {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
transition: 1s 0.4s;
background-size: cover;
}
#overlay img {
max-width: 200px;
display: block;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 768px) {
.logo {
margin: 0 auto;
}
}
.site-logo {
display: block;
width: 240px;
max-width: 240px;
}
@media (max-width: 767px) {
.site-logo {
display: inline-block;
}
}
@media (min-width: 768px) {
.site-logo {
width: 280px;
max-width: 280px;
}
} .topbar {
padding-top: 2px;
padding-bottom: 2px;
}
.topbar .module {
padding-top: 10px;
padding-bottom: 10px;
}
.topbar .module .v-seperator {
background-color: #dedede;
width: 1px;
margin-left: 20px;
margin-right: 20px;
height: 20px;
}
@media (max-width: 768px) {
.topbar .module .v-seperator {
margin-left: 10px;
margin-right: 10px;
}
}
.topbar .module .cart-count {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
}
.topbar .site-logo {
padding-top: 12px;
padding-bottom: 12px;
} .header {
padding: 10px 15px;
}
.header > * {
display: inline-block;
}
.wcuCurrencySwitcherWidget {  margin-bottom: 0 !important;
}
.chosen-container-single .chosen-single {
padding: 2px 0 0 8px !important;
height: 28px !important;
}
.chosen-container-single .chosen-single div b {
background-position-y: 4px !important;
} .embed-responsive {
position: initial;
}  .sidenav {
height: 100%; width: 0; position: fixed; z-index: 99; top: 0;
left: -100%;
background-color: #eee; overflow-x: hidden; padding-top: 60px; transition: 0.5s; } .nav-offcanvas {
padding: 20px;
padding-right: 20px;
}
.nav-offcanvas li.menu-item ul.sub-menu li.menu-item a {
background: transparent;
padding: 0;
}
.nav-offcanvas li.menu-item ul.sub-menu {
padding-left: 1.5em;
}
.nav-offcanvas li.menu-item a,
.nav-offcanvas li.menu-item ul.sub-menu li.menu-item a {
color: #000;
} .sidenav a:hover {
color: #f1f1f1;
} .sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
} @media screen and (max-height: 450px) {
.sidenav {
padding-top: 15px;
}
.sidenav a {
font-size: 18px;
}
} #defaultmenu {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.nav.navbar-nav > li > a {
display: inline-block;
color: #666;
font-size: 1.125rem;
line-height: 1.35;
padding: 15px 20px;
}
.nav.navbar-nav > li > a:hover {
color: #888;
}
.nav.navbar-nav li .sub-menu {
list-style: none;
display: none;
margin: 1px 0 0 0;
padding: 0;
position: absolute;
min-width: 150px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
z-index: 1;
}
.nav.navbar-nav li:hover .sub-menu {
display: block;
}
.navbar-toggler {
border: 1px solid #e5e5e5;
padding: 0.5rem 0.75rem;
}
.sub-menu > li > a {
display: block;
color: #656565;
background: #fff;
padding: 10px 20px;
}
.sub-menu > li > a:hover {
background: #eee;
color: #111;
}
.bars {
display: flex;
flex-flow: column nowrap;
}
.bars .bar {
display: inline-block;
background-color: #a0a0a0;
width: 20px;
height: 2px;
margin-bottom: 5px;
position: relative;
}
.bars .bar:last-child {
margin: 0;
} @media (min-width: 768px) {
.footer-menu ul {
padding: 0;
}
.footer-menu ul li {
display: inline-block;
}
.footer-menu ul li a {
padding: 0 10px;
}
} .swiper-container {
width: 100%;
z-index: 0;
}
.swiper-slide {
text-align: center;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide iframe {
width: 100%;
min-height: 50vh;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: none;
width: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: none;
width: auto;
} .woocommerce div.product .product_title {
font-size: 2rem;
}
#dropcart img {
height: 1.75rem;
margin-left: 0.5rem;
}
#dropcart .cart-items-count {
display: inline-flex;
align-items: center;
}
.woocommerce ul.products li.product a img.secondary {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all 0.75s;
}
.woocommerce ul.products li.product:hover a img.secondary {
opacity: 1;
}
.woocommerce ul.products li.product .price {
color: #666;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #666;
font-size: 1.5em;
font-family: "Crimson Text";
}
.woocommerce div.product div.summary {
font-family: "Poiret One", cursive;
}
.woocommerce-product-details__short-description {
font-family: "Courier New";
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background: #ffebec;
color: #000;
border-radius: 30px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #ffebec;
color: #000;
border-radius: 30px;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #ffd1de;
color: #000;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
max-width: 48%;
width: 48%;
padding: 0;
}
@media screen and (max-width: 768px) {
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 100%;
max-width: 100%;
}
}
.woocommerce .col2-set .col-1:first-child {
margin-right: 4%;
}
.woocommerce form .form-row {
display: block;
padding: 0;
margin-bottom: 0.75em;
}
@media (max-width: 576px) {
.woocommerce form .form-row {
width: 100%;
float: none;
}
}
.woocommerce form .form-row label {
line-height: 1.35;
margin-bottom: 0.3em;
} .button-variable-item span {
font-family: "Crimson Text", serif;
} .woocommerce .quantity .qty {
background: url(https://likefoggiest.com/wp-content/themes/foggest-theme/images/cloud.jpg)
center / cover no-repeat;
}
.mini-cart .mini-cart-icon img {
height: 24px;
} .woocommerce table.shop_table {
margin: 0 0 2em 0;
position: relative;
}
@media screen and (max-width: 767.98px) {
.woocommerce table.shop_table {
border: 0;
}
}
@media screen and (max-width: 575.98px) {
.woocommerce table.shop_table td {
padding: 10px 0;
}
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
text-align: center;
}
@media screen and (max-width: 768px) {
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
position: relative;
}
}
.woocommerce table.shop_table th.cell-align-left,
.woocommerce table.shop_table td.cell-align-left {
text-align: left;
}
.woocommerce table.shop_table th.cell-align-center,
.woocommerce table.shop_table td.cell-align-center {
text-align: center;
}
.woocommerce table.shop_table td.product-name a.item-name {
font-family: "Poiret One", cursive;
font-size: 1.25rem;
}
.woocommerce table.shop_table td.product-name .woocommerce-Price-amount.amount {
display: block;
}
@media screen and (max-width: 768px) {
.woocommerce
table.shop_table
td.product-name
.woocommerce-Price-amount.amount {
text-align: left;
}
}
.woocommerce table.shop_table td a.remove-item {
color: #666;
border: 1px solid #ffebec;
border-radius: 50px;
padding: 0.325em 1.25em;
transition: all 0.1s ease;
}
.woocommerce table.shop_table td .woo_cart_table_item_remove {
display: none;
}
@media screen and (max-width: 768px) {
.woocommerce table.shop_table td .woo_cart_table_item_remove {
display: block;
padding: 0.25em;
width: 32px;
height: 32px;
line-height: 26px;
position: absolute;
background: #fff;
border: none;
border-radius: 50px;
text-align: center;
top: 50%;
right: 10px;
transform: translateY(-50%);
box-shadow: 0 1px 3px 1px #00000040;
}
}
.woocommerce a.remove-item:hover {
color: #fff;
background: #666;
}
.woocommerce table.cart .cart_item .product-thumbnail img {
width: 120px;
}
.woocommerce form .form-row label abbr {
line-height: 1;
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-cart-form table.shop_table td.product-remove {
display: none;
}
}
.woocommerce .woocommerce-form-coupon {
border: 2px dashed #d3ced2;
border-radius: 0.5em;
padding: 1.25em 2em;
margin: 2em 0;
}
@media screen and (max-width: 767.98px) {
.woocommerce .woocommerce-form-coupon {
padding: 0.75em;
}
}
@media screen and (max-width: 991.98px) {
.woocommerce-form-coupon .form-inline p {
flex-basis: 100%;
}
}
@media screen and (min-width: 992px) {
.woocommerce-form-coupon .form-inline p {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
line-height: initial;
}
}
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tr td.product-name::before,
.woocommerce-page table.shop_table_responsive tr td.product-name::before {
display: block;
float: none;
text-align: left;
}
}
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tr td.product-name .item-name,
.woocommerce-page table.shop_table_responsive tr td.product-name .item-name {
display: block;
text-align: left;
}
}
#place_order .cash-till {
display: inline-block;
width: 22px;
height: 22px;
background-image: url(//likefoggiest.com/wp-content/themes/the-foggiest/assets/img/icon-cashier.png);
background-repeat: no-repeat;
background-size: contain;
}
#place_order:hover .cash-till {
background-image: url(//likefoggiest.com/wp-content/themes/the-foggiest/assets/img/icon-cashier-open.png);
} @media screen and (min-width: 768px) {
.cart-animated-gif {
position: absolute;
float: right;
bottom: 100px;
right: -100px;
width: 100px;
}
.billing-animated-gif {
position: absolute;
float: left;
top: 200px;
left: -150px;
width: 120px;
}
}
.woocommerce-multi-currency {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
z-index: 10;
position: relative;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical
.wmc-currency-wrapper
.wmc-sub-currency
.wmc-currency
a:hover,
.woocommerce-multi-currency.wmc-shortcode.plain-vertical
.wmc-currency-wrapper
.wmc-sub-currency
.wmc-currency.wmc-active
a {
font-weight: normal;
}